/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/color.css ***!
  \***********************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  /* Source: tokens/primitive/CFS.json */
  /* ⚠️ WARNING: Primitive tokens (--cfs-*) are internal implementation details.
   * Do NOT use these directly in your components. Use semantic tokens (--colour-*, --spacing-*, etc.) instead.
   * Primitive tokens may change without notice. Semantic tokens provide stable, theme-aware values. */
  --cfs-colour-primary-0: #000000;
  --cfs-colour-primary-10: #051427;
  --cfs-colour-primary-20: #0c254d;
  --cfs-colour-primary-30: #0b3b88;
  --cfs-colour-primary-40: #164a9a;
  --cfs-colour-primary-50: #426ac0;
  --cfs-colour-primary-60: #5b84df;
  --cfs-colour-primary-70: #77a0ff;
  --cfs-colour-primary-80: #a2bfff;
  --cfs-colour-primary-90: #d1deff;
  --cfs-colour-primary-95: #e9eeff;
  --cfs-colour-primary-99: #fdfaff;
  --cfs-colour-primary-100: #ffffff;
  --cfs-colour-primary-interactions-light-default-light: #ffffff14;
  --cfs-colour-primary-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-primary-interactions-light-default-high: #ffffff29;
  --cfs-colour-primary-interactions-light-container-light: #05142714;
  --cfs-colour-primary-interactions-light-container-mid: #0514271f;
  --cfs-colour-primary-interactions-light-container-high: #05142729;
  --cfs-colour-primary-interactions-light-inverse-light: #164a9a14;
  --cfs-colour-primary-interactions-light-inverse-mid: #164a9a1f;
  --cfs-colour-primary-interactions-light-inverse-high: #164a9a29;
  --cfs-colour-primary-interactions-dark-default-light: #0c254d14;
  --cfs-colour-primary-interactions-dark-default-mid: #0c254d1f;
  --cfs-colour-primary-interactions-dark-default-high: #0c254d29;
  --cfs-colour-primary-interactions-dark-container-light: #d1deff14;
  --cfs-colour-primary-interactions-dark-container-mid: #d1deff1f;
  --cfs-colour-primary-interactions-dark-container-high: #d1deff29;
  --cfs-colour-primary-interactions-dark-inverse-light: #a2bfff14;
  --cfs-colour-primary-interactions-dark-inverse-mid: #a2bfff1f;
  --cfs-colour-primary-interactions-dark-inverse-high: #a2bfff29;
  --cfs-colour-secondary-0: #000000;
  --cfs-colour-secondary-10: #350609;
  --cfs-colour-secondary-20: #590000;
  --cfs-colour-secondary-30: #990a11;
  --cfs-colour-secondary-40: #d81421;
  --cfs-colour-secondary-50: #ec2f33;
  --cfs-colour-secondary-60: #ff4945;
  --cfs-colour-secondary-70: #ff7e73;
  --cfs-colour-secondary-80: #ffaaa0;
  --cfs-colour-secondary-90: #ffd5cf;
  --cfs-colour-secondary-95: #ffeae7;
  --cfs-colour-secondary-99: #fcfcfc;
  --cfs-colour-secondary-100: #ffffff;
  --cfs-colour-secondary-interactions-light-default-light: #ffffff14;
  --cfs-colour-secondary-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-secondary-interactions-light-default-high: #ffffff29;
  --cfs-colour-secondary-interactions-light-container-light: #35060914;
  --cfs-colour-secondary-interactions-light-container-mid: #3506091f;
  --cfs-colour-secondary-interactions-light-container-high: #35060929;
  --cfs-colour-secondary-interactions-light-inverse-light: #d8142114;
  --cfs-colour-secondary-interactions-light-inverse-mid: #d814211f;
  --cfs-colour-secondary-interactions-light-inverse-high: #d8142129;
  --cfs-colour-secondary-interactions-dark-default-light: #59000014;
  --cfs-colour-secondary-interactions-dark-default-mid: #5900001f;
  --cfs-colour-secondary-interactions-dark-default-high: #59000029;
  --cfs-colour-secondary-interactions-dark-container-light: #ffd5cf14;
  --cfs-colour-secondary-interactions-dark-container-mid: #ffd5cf1f;
  --cfs-colour-secondary-interactions-dark-container-high: #ffd5cf29;
  --cfs-colour-secondary-interactions-dark-inverse-light: #ffaaa014;
  --cfs-colour-secondary-interactions-dark-inverse-mid: #ffaaa01f;
  --cfs-colour-secondary-interactions-dark-inverse-high: #ffaaa029;
  --cfs-colour-neutral-0: #000000;
  --cfs-colour-neutral-10: #181a20;
  --cfs-colour-neutral-20: #292a31;
  --cfs-colour-neutral-25: #32343b;
  --cfs-colour-neutral-30: #3c3d46;
  --cfs-colour-neutral-35: #464850;
  --cfs-colour-neutral-40: #52535c;
  --cfs-colour-neutral-50: #6a6c75;
  --cfs-colour-neutral-60: #84858f;
  --cfs-colour-neutral-70: #a0a1ab;
  --cfs-colour-neutral-80: #bdbfca;
  --cfs-colour-neutral-90: #dddee9;
  --cfs-colour-neutral-95: #eeeef9;
  --cfs-colour-neutral-98: #f9f7ff;
  --cfs-colour-neutral-99: #fcfbff;
  --cfs-colour-neutral-100: #ffffff;
  --cfs-colour-neutral-interactions-light-default-light: #ffffff14;
  --cfs-colour-neutral-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-neutral-interactions-light-default-high: #ffffff29;
  --cfs-colour-neutral-interactions-light-container-light: #1b1b1f14;
  --cfs-colour-neutral-interactions-light-container-mid: #1b1b1f1f;
  --cfs-colour-neutral-interactions-light-container-high: #1b1b1f29;
  --cfs-colour-neutral-interactions-light-inverse-light: #5e5e6214;
  --cfs-colour-neutral-interactions-light-inverse-mid: #5e5e621f;
  --cfs-colour-neutral-interactions-light-inverse-high: #5e5e6229;
  --cfs-colour-neutral-interactions-dark-default-light: #30303414;
  --cfs-colour-neutral-interactions-dark-default-mid: #3030341f;
  --cfs-colour-neutral-interactions-dark-default-high: #30303429;
  --cfs-colour-neutral-interactions-dark-container-light: #e3e2e614;
  --cfs-colour-neutral-interactions-dark-container-mid: #e3e2e61f;
  --cfs-colour-neutral-interactions-dark-container-high: #e3e2e629;
  --cfs-colour-neutral-interactions-dark-inverse-light: #c7c6ca14;
  --cfs-colour-neutral-interactions-dark-inverse-mid: #c7c6ca1f;
  --cfs-colour-neutral-interactions-dark-inverse-high: #c7c6ca29;
  --cfs-colour-reserved-critical-0: #000000;
  --cfs-colour-reserved-critical-10: #410001;
  --cfs-colour-reserved-critical-20: #690003;
  --cfs-colour-reserved-critical-30: #930007;
  --cfs-colour-reserved-critical-40: #c0000c;
  --cfs-colour-reserved-critical-50: #ec1419;
  --cfs-colour-reserved-critical-60: #ff5447;
  --cfs-colour-reserved-critical-70: #ff8a7c;
  --cfs-colour-reserved-critical-80: #ffb4aa;
  --cfs-colour-reserved-critical-90: #ffdad5;
  --cfs-colour-reserved-critical-95: #ffedea;
  --cfs-colour-reserved-critical-99: #fffbff;
  --cfs-colour-reserved-critical-100: #ffffff;
  --cfs-colour-reserved-critical-interactions-light-default-light: #ffffff14;
  --cfs-colour-reserved-critical-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-reserved-critical-interactions-light-default-high: #ffffff29;
  --cfs-colour-reserved-critical-interactions-light-container-light: #41000114;
  --cfs-colour-reserved-critical-interactions-light-container-mid: #4100011f;
  --cfs-colour-reserved-critical-interactions-light-container-high: #41000129;
  --cfs-colour-reserved-critical-interactions-light-inverse-light: #c0000c14;
  --cfs-colour-reserved-critical-interactions-light-inverse-mid: #c0000c1f;
  --cfs-colour-reserved-critical-interactions-light-inverse-high: #c0000c29;
  --cfs-colour-reserved-critical-interactions-dark-default-light: #69000314;
  --cfs-colour-reserved-critical-interactions-dark-default-mid: #6900031f;
  --cfs-colour-reserved-critical-interactions-dark-default-high: #69000329;
  --cfs-colour-reserved-critical-interactions-dark-container-light: #ffdad514;
  --cfs-colour-reserved-critical-interactions-dark-container-mid: #ffdad51f;
  --cfs-colour-reserved-critical-interactions-dark-container-high: #ffdad529;
  --cfs-colour-reserved-critical-interactions-dark-inverse-light: #ffb4aa14;
  --cfs-colour-reserved-critical-interactions-dark-inverse-mid: #ffb4aa1f;
  --cfs-colour-reserved-critical-interactions-dark-inverse-high: #ffb4aa29;
  --cfs-colour-reserved-info-0: #000000;
  --cfs-colour-reserved-info-10: #001d35;
  --cfs-colour-reserved-info-20: #003256;
  --cfs-colour-reserved-info-30: #00497a;
  --cfs-colour-reserved-info-40: #0062a0;
  --cfs-colour-reserved-info-50: #007bc8;
  --cfs-colour-reserved-info-60: #1596ef;
  --cfs-colour-reserved-info-70: #5db0ff;
  --cfs-colour-reserved-info-80: #9ccaff;
  --cfs-colour-reserved-info-90: #d0e4ff;
  --cfs-colour-reserved-info-95: #e9f1ff;
  --cfs-colour-reserved-info-99: #fdfcff;
  --cfs-colour-reserved-info-100: #ffffff;
  --cfs-colour-reserved-info-interactions-light-default-light: #ffffff14;
  --cfs-colour-reserved-info-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-reserved-info-interactions-light-default-high: #ffffff29;
  --cfs-colour-reserved-info-interactions-light-container-light: #001d3514;
  --cfs-colour-reserved-info-interactions-light-container-mid: #001d351f;
  --cfs-colour-reserved-info-interactions-light-container-high: #001d3529;
  --cfs-colour-reserved-info-interactions-light-inverse-light: #0062a014;
  --cfs-colour-reserved-info-interactions-light-inverse-mid: #0062a01f;
  --cfs-colour-reserved-info-interactions-light-inverse-high: #0062a029;
  --cfs-colour-reserved-info-interactions-dark-default-light: #00325614;
  --cfs-colour-reserved-info-interactions-dark-default-mid: #0032561f;
  --cfs-colour-reserved-info-interactions-dark-default-high: #00325629;
  --cfs-colour-reserved-info-interactions-dark-container-light: #d0e4ff14;
  --cfs-colour-reserved-info-interactions-dark-container-mid: #d0e4ff1f;
  --cfs-colour-reserved-info-interactions-dark-container-high: #d0e4ff29;
  --cfs-colour-reserved-info-interactions-dark-inverse-light: #9ccaff14;
  --cfs-colour-reserved-info-interactions-dark-inverse-mid: #9ccaff1f;
  --cfs-colour-reserved-info-interactions-dark-inverse-high: #9ccaff29;
  --cfs-colour-reserved-warning-0: #000000;
  --cfs-colour-reserved-warning-10: #2a1800;
  --cfs-colour-reserved-warning-20: #462b00;
  --cfs-colour-reserved-warning-30: #633f00;
  --cfs-colour-reserved-warning-40: #835500;
  --cfs-colour-reserved-warning-50: #a46b00;
  --cfs-colour-reserved-warning-60: #c68200;
  --cfs-colour-reserved-warning-70: #ea9b00;
  --cfs-colour-reserved-warning-80: #ffb94b;
  --cfs-colour-reserved-warning-90: #ffddb0;
  --cfs-colour-reserved-warning-95: #ffeed9;
  --cfs-colour-reserved-warning-99: #fcfcfc;
  --cfs-colour-reserved-warning-100: #ffffff;
  --cfs-colour-reserved-warning-interactions-light-default-light: #ffffff14;
  --cfs-colour-reserved-warning-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-reserved-warning-interactions-light-default-high: #ffffff29;
  --cfs-colour-reserved-warning-interactions-light-container-light: #2a180014;
  --cfs-colour-reserved-warning-interactions-light-container-mid: #2a18001f;
  --cfs-colour-reserved-warning-interactions-light-container-high: #2a180029;
  --cfs-colour-reserved-warning-interactions-light-inverse-light: #83550014;
  --cfs-colour-reserved-warning-interactions-light-inverse-mid: #8355001f;
  --cfs-colour-reserved-warning-interactions-light-inverse-high: #83550029;
  --cfs-colour-reserved-warning-interactions-dark-default-light: #462b0014;
  --cfs-colour-reserved-warning-interactions-dark-default-mid: #462b001f;
  --cfs-colour-reserved-warning-interactions-dark-default-high: #462b0029;
  --cfs-colour-reserved-warning-interactions-dark-container-light: #ffddb014;
  --cfs-colour-reserved-warning-interactions-dark-container-mid: #ffddb01f;
  --cfs-colour-reserved-warning-interactions-dark-container-high: #ffddb029;
  --cfs-colour-reserved-warning-interactions-dark-inverse-light: #ffb94b14;
  --cfs-colour-reserved-warning-interactions-dark-inverse-mid: #ffb94b1f;
  --cfs-colour-reserved-warning-interactions-dark-inverse-high: #ffb94b29;
  --cfs-colour-reserved-success-0: #000000;
  --cfs-colour-reserved-success-10: #00210e;
  --cfs-colour-reserved-success-20: #00391c;
  --cfs-colour-reserved-success-30: #00522b;
  --cfs-colour-reserved-success-40: #006d3b;
  --cfs-colour-reserved-success-50: #00894c;
  --cfs-colour-reserved-success-60: #23a560;
  --cfs-colour-reserved-success-70: #47c179;
  --cfs-colour-reserved-success-80: #65dd92;
  --cfs-colour-reserved-success-90: #83faac;
  --cfs-colour-reserved-success-95: #c2ffd0;
  --cfs-colour-reserved-success-99: #f5fff3;
  --cfs-colour-reserved-success-100: #ffffff;
  --cfs-colour-reserved-success-interactions-light-default-light: #ffffff14;
  --cfs-colour-reserved-success-interactions-light-default-mid: #ffffff1f;
  --cfs-colour-reserved-success-interactions-light-default-high: #ffffff29;
  --cfs-colour-reserved-success-interactions-light-container-light: #00210e14;
  --cfs-colour-reserved-success-interactions-light-container-mid: #00210e1f;
  --cfs-colour-reserved-success-interactions-light-container-high: #00210e29;
  --cfs-colour-reserved-success-interactions-light-inverse-light: #006d3b14;
  --cfs-colour-reserved-success-interactions-light-inverse-mid: #006d3b1f;
  --cfs-colour-reserved-success-interactions-light-inverse-high: #006d3b29;
  --cfs-colour-reserved-success-interactions-dark-default-light: #00391c14;
  --cfs-colour-reserved-success-interactions-dark-default-mid: #00391c1f;
  --cfs-colour-reserved-success-interactions-dark-default-high: #00391c29;
  --cfs-colour-reserved-success-interactions-dark-container-light: #83faac14;
  --cfs-colour-reserved-success-interactions-dark-container-mid: #83faac1f;
  --cfs-colour-reserved-success-interactions-dark-container-high: #83faac29;
  --cfs-colour-reserved-success-interactions-dark-inverse-light: #65dd9214;
  --cfs-colour-reserved-success-interactions-dark-inverse-mid: #65dd921f;
  --cfs-colour-reserved-success-interactions-dark-inverse-high: #65dd9229;
  --cfs-colour-surface-default-light-0: #ffffff;
  --cfs-colour-surface-default-light-1: #f9f7ff;
  --cfs-colour-surface-default-light-2: #f3f2fa;
  --cfs-colour-surface-default-light-3: #edecf4;
  --cfs-colour-surface-default-light-4: #e8e7f1;
  --cfs-colour-surface-default-dark-0: #1b1b1f;
  --cfs-colour-surface-default-dark-1: #23242a;
  --cfs-colour-surface-default-dark-2: #282a31;
  --cfs-colour-surface-default-dark-3: #2d3038;
  --cfs-colour-surface-default-dark-4: #2e323a;
  --cfs-colour-surface-tonal-light-1: #fafbff;
  --cfs-colour-surface-tonal-light-2: #eef4ff;
  --cfs-colour-surface-tonal-light-3: #e7effd;
  --cfs-colour-surface-tonal-light-4: #e0eafc;
  --cfs-colour-surface-tonal-dark-0: #1b1b1f;
  --cfs-colour-surface-tonal-dark-1: #23242a;
  --cfs-colour-surface-tonal-dark-2: #282a31;
  --cfs-colour-surface-tonal-dark-3: #2d3038;
  --cfs-colour-surface-tonal-dark-4: #2e323a;
  --cfs-colour-decorative-teal-light-foreground: #ffffff;
  --cfs-colour-decorative-teal-light-surface: #106f85;
  --cfs-colour-decorative-teal-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-teal-dark-surface: #85d1ea;
  --cfs-colour-decorative-blue-light-foreground: #ffffff;
  --cfs-colour-decorative-blue-light-surface: #1d6fea;
  --cfs-colour-decorative-blue-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-blue-dark-surface: #6aa0f1;
  --cfs-colour-decorative-green-light-foreground: #ffffff;
  --cfs-colour-decorative-green-light-surface: #12714d;
  --cfs-colour-decorative-green-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-green-dark-surface: #83d8ac;
  --cfs-colour-decorative-yellow-light-foreground: #1b1b1f;
  --cfs-colour-decorative-yellow-light-surface: #ffca3a;
  --cfs-colour-decorative-yellow-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-yellow-dark-surface: #ffdf9a;
  --cfs-colour-decorative-coral-light-foreground: #ffffff;
  --cfs-colour-decorative-coral-light-surface: #b94018;
  --cfs-colour-decorative-coral-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-coral-dark-surface: #ffb59d;
  --cfs-colour-decorative-pink-light-foreground: #ffffff;
  --cfs-colour-decorative-pink-light-surface: #c31f83;
  --cfs-colour-decorative-pink-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-pink-dark-surface: #ffafd4;
  --cfs-colour-decorative-purple-light-foreground: #ffffff;
  --cfs-colour-decorative-purple-light-surface: #8246d4;
  --cfs-colour-decorative-purple-dark-foreground: #1b1b1f;
  --cfs-colour-decorative-purple-dark-surface: #bf8dff;
  --cfs-colour-brand-foreground: #ffffff;
  --cfs-colour-brand-background: #ff5447;
  --cfs-colour-annotation-foreground: #ff00af;
  --cfs-colour-annotation-background: #ff00af0d;
  --cfs-colour-annotation-stroke: #ff00af33;
}

/* Source: tokens/semantic/light.json - Light theme (default) */
:root {
  --colour-text-text-headings: var(--cfs-colour-primary-0);
  --colour-text-text-primary: var(--cfs-colour-neutral-10);
  --colour-text-text-secondary: var(--cfs-colour-neutral-50);
  --colour-text-text-inverted: var(--cfs-colour-neutral-100);
  --colour-text-text-disabled: var(--cfs-colour-neutral-90);
  --colour-text-text-link: var(--cfs-colour-primary-40);
  --colour-text-text-link-secondary: var(--cfs-colour-secondary-40);
  --colour-text-reserved-info: var(--cfs-colour-reserved-info-40);
  --colour-text-reserved-critical: var(--cfs-colour-reserved-critical-40);
  --colour-text-reserved-warning: var(--cfs-colour-reserved-warning-40);
  --colour-text-reserved-success: var(--cfs-colour-reserved-success-40);
  --colour-icon-icon-default: var(--cfs-colour-neutral-10);
  --colour-icon-icon-inverted: var(--cfs-colour-neutral-100);
  --colour-icon-icon-link: var(--cfs-colour-primary-40);
  --colour-icon-icon-secondary: var(--cfs-colour-secondary-40);
  --colour-icon-icon-neutral: var(--cfs-colour-neutral-50);
  --colour-icon-icon-disabled: var(--cfs-colour-neutral-90);
  --colour-icon-reserved-icon-critical: var(--cfs-colour-reserved-critical-60);
  --colour-icon-reserved-icon-success: var(--cfs-colour-reserved-success-60);
  --colour-icon-reserved-icon-warning: var(--cfs-colour-reserved-warning-60);
  --colour-icon-reserved-icon-info: var(--cfs-colour-reserved-info-60);
  --colour-surface-neutral-foreground-primary: var(--cfs-colour-neutral-10);
  --colour-surface-neutral-foreground-secondary: var(--cfs-colour-neutral-40);
  --colour-surface-neutral-border: var(--cfs-colour-neutral-90);
  --colour-surface-neutral-interactive-border: var(--cfs-colour-neutral-60);
  --colour-surface-neutral-background: var(--cfs-colour-surface-default-light-0);
  --colour-surface-neutral-background-1: var(--cfs-colour-surface-default-light-1);
  --colour-surface-neutral-background-2: var(--cfs-colour-surface-default-light-2);
  --colour-surface-neutral-background-3: var(--cfs-colour-surface-default-light-3);
  --colour-surface-neutral-background-4: var(--cfs-colour-surface-default-light-4);
  --colour-surface-neutral-interactions-hover: var(--cfs-colour-neutral-interactions-light-container-light);
  --colour-surface-neutral-interactions-focused: var(--cfs-colour-neutral-interactions-light-container-mid);
  --colour-surface-neutral-interactions-pressed: var(--cfs-colour-neutral-interactions-light-container-high);
  --colour-surface-tonal-foreground-primary: var(--cfs-colour-neutral-10);
  --colour-surface-tonal-foreground-secondary: var(--cfs-colour-neutral-40);
  --colour-surface-tonal-border: var(--cfs-colour-neutral-90);
  --colour-surface-tonal-background-1: var(--cfs-colour-surface-tonal-light-1);
  --colour-surface-tonal-background-2: var(--cfs-colour-surface-tonal-light-2);
  --colour-surface-tonal-background-3: var(--cfs-colour-surface-tonal-light-3);
  --colour-surface-tonal-background-4: var(--cfs-colour-surface-tonal-light-4);
  --colour-surface-tonal-interactions-hover: var(--cfs-colour-primary-interactions-light-inverse-light);
  --colour-surface-tonal-interactions-focused: var(--cfs-colour-primary-interactions-light-inverse-mid);
  --colour-surface-tonal-interactions-pressed: var(--cfs-colour-primary-interactions-light-inverse-high);
  --colour-surface-inverted-foreground-primary: var(--cfs-colour-neutral-100);
  --colour-surface-inverted-background: var(--cfs-colour-neutral-20);
  --colour-surface-disabled-foreground-primary: var(--cfs-colour-neutral-90);
  --colour-surface-disabled-foreground-secondary: var(--cfs-colour-neutral-95);
  --colour-surface-disabled-border: var(--cfs-colour-neutral-90);
  --colour-primary-foreground: var(--cfs-colour-primary-100);
  --colour-primary-interactions-hover: var(--cfs-colour-primary-interactions-light-default-light);
  --colour-primary-interactions-focused: var(--cfs-colour-primary-interactions-light-default-mid);
  --colour-primary-interactions-pressed: var(--cfs-colour-primary-interactions-light-default-high);
  --colour-primary-inverse-foreground: var(--cfs-colour-primary-40);
  --colour-primary-inverse-background: var(--cfs-colour-primary-100);
  --colour-primary-inverse-border: var(--cfs-colour-primary-100);
  --colour-primary-inverse-interactions-hover: var(--cfs-colour-primary-interactions-light-inverse-light);
  --colour-primary-inverse-interactions-focused: var(--cfs-colour-primary-interactions-light-inverse-mid);
  --colour-primary-inverse-interactions-pressed: var(--cfs-colour-primary-interactions-light-inverse-high);
  --colour-primary-background: var(--cfs-colour-primary-40);
  --colour-primary-border: var(--cfs-colour-primary-40);
  --colour-primary-container-foreground: var(--cfs-colour-primary-10);
  --colour-primary-container-background: var(--cfs-colour-primary-90);
  --colour-primary-container-border: var(--cfs-colour-primary-90);
  --colour-primary-container-interactions-hover: var(--cfs-colour-primary-interactions-light-container-light);
  --colour-primary-container-interactions-focused: var(--cfs-colour-primary-interactions-light-container-mid);
  --colour-primary-container-interactions-pressed: var(--cfs-colour-primary-interactions-light-container-high);
  --colour-primary-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-primary-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-primary-disabled-border: var(--cfs-colour-neutral-80);
  --colour-secondary-foreground: var(--cfs-colour-secondary-100);
  --colour-secondary-interactions-hover: var(--cfs-colour-secondary-interactions-light-default-light);
  --colour-secondary-interactions-focused: var(--cfs-colour-secondary-interactions-light-default-mid);
  --colour-secondary-interactions-pressed: var(--cfs-colour-secondary-interactions-light-default-high);
  --colour-secondary-inverse-foreground: var(--cfs-colour-secondary-40);
  --colour-secondary-inverse-background: var(--cfs-colour-secondary-100);
  --colour-secondary-inverse-border: var(--cfs-colour-secondary-100);
  --colour-secondary-inverse-interactions-hover: var(--cfs-colour-secondary-interactions-light-inverse-light);
  --colour-secondary-inverse-interactions-focused: var(--cfs-colour-secondary-interactions-light-inverse-mid);
  --colour-secondary-inverse-interactions-pressed: var(--cfs-colour-secondary-interactions-light-inverse-high);
  --colour-secondary-background: var(--cfs-colour-secondary-40);
  --colour-secondary-border: var(--cfs-colour-secondary-40);
  --colour-secondary-container-foreground: var(--cfs-colour-secondary-10);
  --colour-secondary-container-background: var(--cfs-colour-secondary-90);
  --colour-secondary-container-border: var(--cfs-colour-secondary-90);
  --colour-secondary-container-interactions-hover: var(--cfs-colour-secondary-interactions-light-container-light);
  --colour-secondary-container-interactions-focused: var(--cfs-colour-secondary-interactions-light-container-mid);
  --colour-secondary-container-interactions-pressed: var(--cfs-colour-secondary-interactions-light-container-high);
  --colour-secondary-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-secondary-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-secondary-disabled-border: var(--cfs-colour-neutral-80);
  --colour-reserved-brand-foreground: var(--cfs-colour-brand-foreground);
  --colour-reserved-brand-background: var(--cfs-colour-brand-background);
  --colour-reserved-info-foreground: var(--cfs-colour-reserved-info-100);
  --colour-reserved-info-background: var(--cfs-colour-reserved-info-40);
  --colour-reserved-info-border: var(--cfs-colour-reserved-info-40);
  --colour-reserved-info-interactions-hover: var(--cfs-colour-reserved-info-interactions-light-default-light);
  --colour-reserved-info-interactions-focused: var(--cfs-colour-reserved-info-interactions-light-default-mid);
  --colour-reserved-info-interactions-pressed: var(--cfs-colour-reserved-info-interactions-light-default-high);
  --colour-reserved-info-container-foreground: var(--cfs-colour-reserved-info-10);
  --colour-reserved-info-container-background: var(--cfs-colour-reserved-info-90);
  --colour-reserved-info-container-border: var(--cfs-colour-reserved-info-90);
  --colour-reserved-info-container-interactions-hover: var(--cfs-colour-reserved-info-interactions-light-container-light);
  --colour-reserved-info-container-interactions-focused: var(--cfs-colour-reserved-info-interactions-light-container-mid);
  --colour-reserved-info-container-interactions-pressed: var(--cfs-colour-reserved-info-interactions-light-container-high);
  --colour-reserved-info-inverse-foreground: var(--cfs-colour-reserved-info-40);
  --colour-reserved-info-inverse-background: var(--cfs-colour-reserved-info-100);
  --colour-reserved-info-inverse-border: var(--cfs-colour-reserved-info-100);
  --colour-reserved-info-inverse-interactions-hover: var(--cfs-colour-reserved-info-interactions-light-inverse-light);
  --colour-reserved-info-inverse-interactions-focused: var(--cfs-colour-reserved-info-interactions-light-inverse-mid);
  --colour-reserved-info-inverse-interactions-pressed: var(--cfs-colour-reserved-info-interactions-light-inverse-high);
  --colour-reserved-info-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-reserved-info-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-reserved-info-disabled-border: var(--cfs-colour-neutral-80);
  --colour-reserved-critical-foreground: var(--cfs-colour-reserved-critical-100);
  --colour-reserved-critical-background: var(--cfs-colour-reserved-critical-40);
  --colour-reserved-critical-border: var(--cfs-colour-reserved-critical-40);
  --colour-reserved-critical-interactions-hover: var(--cfs-colour-reserved-critical-interactions-light-default-light);
  --colour-reserved-critical-interactions-focused: var(--cfs-colour-reserved-critical-interactions-light-default-mid);
  --colour-reserved-critical-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-light-default-high);
  --colour-reserved-critical-container-foreground: var(--cfs-colour-reserved-critical-10);
  --colour-reserved-critical-container-background: var(--cfs-colour-reserved-critical-90);
  --colour-reserved-critical-container-border: var(--cfs-colour-reserved-critical-90);
  --colour-reserved-critical-container-interactions-hover: var(--cfs-colour-reserved-critical-interactions-light-container-light);
  --colour-reserved-critical-container-interactions-focused: var(--cfs-colour-reserved-critical-interactions-light-container-mid);
  --colour-reserved-critical-container-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-light-container-high);
  --colour-reserved-critical-inverse-foreground: var(--cfs-colour-reserved-critical-40);
  --colour-reserved-critical-inverse-background: var(--cfs-colour-reserved-critical-100);
  --colour-reserved-critical-inverse-border: var(--cfs-colour-reserved-critical-100);
  --colour-reserved-critical-inverse-interactions-hover: var(--cfs-colour-reserved-critical-interactions-light-inverse-light);
  --colour-reserved-critical-inverse-interactions-focused: var(--cfs-colour-reserved-critical-interactions-light-inverse-mid);
  --colour-reserved-critical-inverse-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-light-inverse-high);
  --colour-reserved-critical-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-reserved-critical-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-reserved-critical-disabled-border: var(--cfs-colour-neutral-80);
  --colour-reserved-warning-foreground: var(--cfs-colour-reserved-warning-100);
  --colour-reserved-warning-background: var(--cfs-colour-reserved-warning-40);
  --colour-reserved-warning-border: var(--cfs-colour-reserved-warning-40);
  --colour-reserved-warning-interactions-hover: var(--cfs-colour-reserved-warning-interactions-light-default-light);
  --colour-reserved-warning-interactions-focused: var(--cfs-colour-reserved-warning-interactions-light-default-mid);
  --colour-reserved-warning-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-light-default-high);
  --colour-reserved-warning-container-foreground: var(--cfs-colour-reserved-warning-10);
  --colour-reserved-warning-container-background: var(--cfs-colour-reserved-warning-90);
  --colour-reserved-warning-container-border: var(--cfs-colour-reserved-warning-90);
  --colour-reserved-warning-container-interactions-hover: var(--cfs-colour-reserved-warning-interactions-light-container-light);
  --colour-reserved-warning-container-interactions-focused: var(--cfs-colour-reserved-warning-interactions-light-container-mid);
  --colour-reserved-warning-container-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-light-container-high);
  --colour-reserved-warning-inverse-foreground: var(--cfs-colour-reserved-warning-40);
  --colour-reserved-warning-inverse-background: var(--cfs-colour-reserved-warning-100);
  --colour-reserved-warning-inverse-border: var(--cfs-colour-reserved-warning-100);
  --colour-reserved-warning-inverse-interactions-hover: var(--cfs-colour-reserved-warning-interactions-light-inverse-light);
  --colour-reserved-warning-inverse-interactions-focused: var(--cfs-colour-reserved-warning-interactions-light-inverse-mid);
  --colour-reserved-warning-inverse-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-light-inverse-high);
  --colour-reserved-warning-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-reserved-warning-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-reserved-warning-disabled-border: var(--cfs-colour-neutral-80);
  --colour-reserved-success-foreground: var(--cfs-colour-reserved-success-100);
  --colour-reserved-success-background: var(--cfs-colour-reserved-success-40);
  --colour-reserved-success-border: var(--cfs-colour-reserved-success-40);
  --colour-reserved-success-interactions-hover: var(--cfs-colour-reserved-success-interactions-light-default-light);
  --colour-reserved-success-interactions-focused: var(--cfs-colour-reserved-success-interactions-light-default-mid);
  --colour-reserved-success-interactions-pressed: var(--cfs-colour-reserved-success-interactions-light-default-high);
  --colour-reserved-success-container-foreground: var(--cfs-colour-reserved-success-10);
  --colour-reserved-success-container-background: var(--cfs-colour-reserved-success-90);
  --colour-reserved-success-container-border: var(--cfs-colour-reserved-success-90);
  --colour-reserved-success-container-interactions-hover: var(--cfs-colour-reserved-success-interactions-light-container-light);
  --colour-reserved-success-container-interactions-focused: var(--cfs-colour-reserved-success-interactions-light-container-mid);
  --colour-reserved-success-container-interactions-pressed: var(--cfs-colour-reserved-success-interactions-light-container-high);
  --colour-reserved-success-inverse-foreground: var(--cfs-colour-reserved-success-40);
  --colour-reserved-success-inverse-background: var(--cfs-colour-reserved-success-100);
  --colour-reserved-success-inverse-border: var(--cfs-colour-reserved-success-100);
  --colour-reserved-success-inverse-interactions-hover: var(--cfs-colour-reserved-success-interactions-light-inverse-light);
  --colour-reserved-success-inverse-interactions-focused: var(--cfs-colour-reserved-success-interactions-light-inverse-mid);
  --colour-reserved-success-inverse-interactions-pressed: var(--cfs-colour-reserved-success-interactions-light-inverse-high);
  --colour-reserved-success-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-reserved-success-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-reserved-success-disabled-border: var(--cfs-colour-neutral-80);
  --colour-decorative-green-foreground: var(--cfs-colour-decorative-green-light-foreground);
  --colour-decorative-green-surface: var(--cfs-colour-decorative-green-light-surface);
  --colour-decorative-teal-foreground: var(--cfs-colour-decorative-teal-light-foreground);
  --colour-decorative-teal-surface: var(--cfs-colour-decorative-teal-light-surface);
  --colour-decorative-blue-foreground: var(--cfs-colour-decorative-blue-light-foreground);
  --colour-decorative-blue-surface: var(--cfs-colour-decorative-blue-light-surface);
  --colour-decorative-purple-foreground: var(--cfs-colour-decorative-purple-light-foreground);
  --colour-decorative-purple-surface: var(--cfs-colour-decorative-purple-light-surface);
  --colour-decorative-pink-foreground: var(--cfs-colour-decorative-pink-light-foreground);
  --colour-decorative-pink-surface: var(--cfs-colour-decorative-pink-light-surface);
  --colour-decorative-coral-foreground: var(--cfs-colour-decorative-coral-light-foreground);
  --colour-decorative-coral-surface: var(--cfs-colour-decorative-coral-light-surface);
  --colour-decorative-yellow-foreground: var(--cfs-colour-decorative-yellow-light-foreground);
  --colour-decorative-yellow-surface: var(--cfs-colour-decorative-yellow-light-surface);
  --colour-neutral-foreground: var(--cfs-colour-neutral-10);
  --colour-neutral-interactions-hover: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-neutral-interactions-focused: var(--cfs-colour-neutral-interactions-light-inverse-mid);
  --colour-neutral-interactions-pressed: var(--cfs-colour-neutral-interactions-light-inverse-high);
  --colour-neutral-inverse-foreground: var(--cfs-colour-neutral-100);
  --colour-neutral-inverse-background: var(--cfs-colour-neutral-40);
  --colour-neutral-inverse-border: var(--cfs-colour-neutral-40);
  --colour-neutral-inverse-interactions-hover: var(--cfs-colour-neutral-interactions-light-default-light);
  --colour-neutral-inverse-interactions-focused: var(--cfs-colour-neutral-interactions-light-default-mid);
  --colour-neutral-inverse-interactions-pressed: var(--cfs-colour-neutral-interactions-light-default-high);
  --colour-neutral-background: var(--cfs-colour-neutral-100);
  --colour-neutral-border: var(--cfs-colour-neutral-90);
  --colour-neutral-container-foreground: var(--cfs-colour-neutral-40);
  --colour-neutral-container-background: var(--cfs-colour-neutral-98);
  --colour-neutral-container-border: var(--cfs-colour-neutral-90);
  --colour-neutral-container-interactions-hover: var(--cfs-colour-neutral-interactions-light-container-light);
  --colour-neutral-container-interactions-focused: var(--cfs-colour-neutral-interactions-light-container-mid);
  --colour-neutral-container-interactions-pressed: var(--cfs-colour-neutral-interactions-light-container-high);
  --colour-neutral-disabled-foreground: var(--cfs-colour-neutral-80);
  --colour-neutral-disabled-background: var(--cfs-colour-neutral-interactions-light-inverse-light);
  --colour-neutral-disabled-border: var(--cfs-colour-neutral-80);
  --colour-neutral-mono-monotone: var(--cfs-colour-neutral-0);
  --colour-annotations-foreground: var(--cfs-colour-annotation-foreground);
  --colour-annotations-surface: var(--cfs-colour-annotation-background);
  --colour-annotations-boarder: var(--cfs-colour-annotation-stroke);
}

/* Source: tokens/semantic/dark.json - Dark theme */
[data-theme="dark"] {
  --colour-text-text-headings: var(--cfs-colour-neutral-99);
  --colour-text-text-primary: var(--cfs-colour-neutral-99);
  --colour-text-text-secondary: var(--cfs-colour-neutral-80);
  --colour-text-text-inverted: var(--cfs-colour-neutral-10);
  --colour-text-text-disabled: var(--cfs-colour-neutral-25);
  --colour-text-text-link: var(--cfs-colour-primary-80);
  --colour-text-text-link-secondary: var(--cfs-colour-secondary-80);
  --colour-text-reserved-info: var(--cfs-colour-reserved-info-80);
  --colour-text-reserved-critical: var(--cfs-colour-reserved-critical-80);
  --colour-text-reserved-warning: var(--cfs-colour-reserved-warning-80);
  --colour-text-reserved-success: var(--cfs-colour-reserved-success-80);
  --colour-icon-icon-default: var(--cfs-colour-neutral-99);
  --colour-icon-icon-inverted: var(--cfs-colour-neutral-10);
  --colour-icon-icon-link: var(--cfs-colour-primary-80);
  --colour-icon-icon-secondary: var(--cfs-colour-secondary-80);
  --colour-icon-icon-neutral: var(--cfs-colour-neutral-80);
  --colour-icon-icon-disabled: var(--cfs-colour-neutral-25);
  --colour-icon-reserved-icon-critical: var(--cfs-colour-reserved-critical-80);
  --colour-icon-reserved-icon-success: var(--cfs-colour-reserved-success-80);
  --colour-icon-reserved-icon-warning: var(--cfs-colour-reserved-warning-80);
  --colour-icon-reserved-icon-info: var(--cfs-colour-reserved-info-80);
  --colour-surface-neutral-foreground-primary: var(--cfs-colour-neutral-90);
  --colour-surface-neutral-foreground-secondary: var(--cfs-colour-neutral-80);
  --colour-surface-neutral-border: var(--cfs-colour-neutral-30);
  --colour-surface-neutral-interactive-border: var(--cfs-colour-neutral-50);
  --colour-surface-neutral-background: var(--cfs-colour-surface-default-dark-1);
  --colour-surface-neutral-background-1: var(--cfs-colour-surface-default-dark-0);
  --colour-surface-neutral-background-2: var(--cfs-colour-surface-default-dark-2);
  --colour-surface-neutral-background-3: var(--cfs-colour-surface-default-dark-3);
  --colour-surface-neutral-background-4: var(--cfs-colour-surface-default-dark-4);
  --colour-surface-neutral-interactions-hover: var(--cfs-colour-neutral-interactions-dark-container-light);
  --colour-surface-neutral-interactions-focused: var(--cfs-colour-neutral-interactions-dark-container-mid);
  --colour-surface-neutral-interactions-pressed: var(--cfs-colour-neutral-interactions-dark-container-high);
  --colour-surface-tonal-foreground-primary: var(--cfs-colour-neutral-90);
  --colour-surface-tonal-foreground-secondary: var(--cfs-colour-neutral-80);
  --colour-surface-tonal-border: var(--cfs-colour-neutral-30);
  --colour-surface-tonal-background-1: var(--cfs-colour-surface-tonal-dark-1);
  --colour-surface-tonal-background-2: var(--cfs-colour-surface-tonal-dark-2);
  --colour-surface-tonal-background-3: var(--cfs-colour-surface-tonal-dark-3);
  --colour-surface-tonal-background-4: var(--cfs-colour-surface-tonal-dark-4);
  --colour-surface-tonal-interactions-hover: var(--cfs-colour-neutral-interactions-dark-container-light);
  --colour-surface-tonal-interactions-focused: var(--cfs-colour-neutral-interactions-dark-container-mid);
  --colour-surface-tonal-interactions-pressed: var(--cfs-colour-neutral-interactions-dark-container-high);
  --colour-surface-inverted-foreground-primary: var(--cfs-colour-neutral-10);
  --colour-surface-inverted-background: var(--cfs-colour-neutral-80);
  --colour-surface-disabled-foreground-primary: var(--cfs-colour-neutral-35);
  --colour-surface-disabled-foreground-secondary: var(--cfs-colour-neutral-30);
  --colour-surface-disabled-border: var(--cfs-colour-neutral-25);
  --colour-primary-foreground: var(--cfs-colour-primary-20);
  --colour-primary-interactions-hover: var(--cfs-colour-primary-interactions-dark-default-light);
  --colour-primary-interactions-focused: var(--cfs-colour-primary-interactions-dark-default-mid);
  --colour-primary-interactions-pressed: var(--cfs-colour-primary-interactions-dark-default-high);
  --colour-primary-inverse-foreground: var(--cfs-colour-primary-80);
  --colour-primary-inverse-background: var(--cfs-colour-primary-20);
  --colour-primary-inverse-border: var(--cfs-colour-primary-20);
  --colour-primary-inverse-interactions-hover: var(--cfs-colour-primary-interactions-dark-inverse-light);
  --colour-primary-inverse-interactions-focused: var(--cfs-colour-primary-interactions-dark-inverse-mid);
  --colour-primary-inverse-interactions-pressed: var(--cfs-colour-primary-interactions-dark-inverse-high);
  --colour-primary-background: var(--cfs-colour-primary-80);
  --colour-primary-border: var(--cfs-colour-primary-80);
  --colour-primary-container-foreground: var(--cfs-colour-primary-90);
  --colour-primary-container-background: var(--cfs-colour-primary-30);
  --colour-primary-container-border: var(--cfs-colour-primary-30);
  --colour-primary-container-interactions-hover: var(--cfs-colour-primary-interactions-dark-container-light);
  --colour-primary-container-interactions-focused: var(--cfs-colour-primary-interactions-dark-container-mid);
  --colour-primary-container-interactions-pressed: var(--cfs-colour-primary-interactions-dark-container-high);
  --colour-primary-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-primary-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-primary-disabled-border: var(--cfs-colour-neutral-30);
  --colour-secondary-foreground: var(--cfs-colour-secondary-20);
  --colour-secondary-interactions-hover: var(--cfs-colour-secondary-interactions-dark-default-light);
  --colour-secondary-interactions-focused: var(--cfs-colour-secondary-interactions-dark-default-mid);
  --colour-secondary-interactions-pressed: var(--cfs-colour-secondary-interactions-dark-default-high);
  --colour-secondary-inverse-foreground: var(--cfs-colour-secondary-80);
  --colour-secondary-inverse-background: var(--cfs-colour-secondary-20);
  --colour-secondary-inverse-border: var(--cfs-colour-secondary-80);
  --colour-secondary-inverse-interactions-hover: var(--cfs-colour-secondary-interactions-dark-inverse-light);
  --colour-secondary-inverse-interactions-focused: var(--cfs-colour-secondary-interactions-dark-inverse-mid);
  --colour-secondary-inverse-interactions-pressed: var(--cfs-colour-secondary-interactions-dark-inverse-high);
  --colour-secondary-background: var(--cfs-colour-secondary-80);
  --colour-secondary-border: var(--cfs-colour-secondary-80);
  --colour-secondary-container-foreground: var(--cfs-colour-secondary-90);
  --colour-secondary-container-background: var(--cfs-colour-secondary-30);
  --colour-secondary-container-border: var(--cfs-colour-secondary-30);
  --colour-secondary-container-interactions-hover: var(--cfs-colour-secondary-interactions-dark-container-light);
  --colour-secondary-container-interactions-focused: var(--cfs-colour-secondary-interactions-dark-container-mid);
  --colour-secondary-container-interactions-pressed: var(--cfs-colour-secondary-interactions-dark-container-high);
  --colour-secondary-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-secondary-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-secondary-disabled-border: var(--cfs-colour-neutral-30);
  --colour-reserved-brand-foreground: var(--cfs-colour-brand-foreground);
  --colour-reserved-brand-background: var(--cfs-colour-brand-background);
  --colour-reserved-info-foreground: var(--cfs-colour-reserved-info-20);
  --colour-reserved-info-background: var(--cfs-colour-reserved-info-80);
  --colour-reserved-info-border: var(--cfs-colour-reserved-info-80);
  --colour-reserved-info-interactions-hover: var(--cfs-colour-reserved-info-interactions-dark-default-light);
  --colour-reserved-info-interactions-focused: var(--cfs-colour-reserved-info-interactions-dark-default-mid);
  --colour-reserved-info-interactions-pressed: var(--cfs-colour-reserved-info-interactions-dark-default-high);
  --colour-reserved-info-container-foreground: var(--cfs-colour-reserved-info-90);
  --colour-reserved-info-container-background: var(--cfs-colour-reserved-info-30);
  --colour-reserved-info-container-border: var(--cfs-colour-reserved-info-30);
  --colour-reserved-info-container-interactions-hover: var(--cfs-colour-reserved-info-interactions-dark-container-light);
  --colour-reserved-info-container-interactions-focused: var(--cfs-colour-reserved-info-interactions-dark-container-mid);
  --colour-reserved-info-container-interactions-pressed: var(--cfs-colour-reserved-info-interactions-dark-container-high);
  --colour-reserved-info-inverse-foreground: var(--cfs-colour-reserved-info-80);
  --colour-reserved-info-inverse-background: var(--cfs-colour-reserved-info-20);
  --colour-reserved-info-inverse-border: var(--cfs-colour-reserved-info-20);
  --colour-reserved-info-inverse-interactions-hover: var(--cfs-colour-reserved-info-interactions-dark-inverse-light);
  --colour-reserved-info-inverse-interactions-focused: var(--cfs-colour-reserved-info-interactions-dark-inverse-mid);
  --colour-reserved-info-inverse-interactions-pressed: var(--cfs-colour-reserved-info-interactions-dark-inverse-high);
  --colour-reserved-info-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-reserved-info-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-reserved-info-disabled-border: var(--cfs-colour-neutral-30);
  --colour-reserved-critical-foreground: var(--cfs-colour-reserved-critical-20);
  --colour-reserved-critical-background: var(--cfs-colour-reserved-critical-80);
  --colour-reserved-critical-border: var(--cfs-colour-reserved-critical-80);
  --colour-reserved-critical-interactions-hover: var(--cfs-colour-reserved-critical-interactions-dark-default-light);
  --colour-reserved-critical-interactions-focused: var(--cfs-colour-reserved-critical-interactions-dark-default-mid);
  --colour-reserved-critical-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-dark-default-high);
  --colour-reserved-critical-container-foreground: var(--cfs-colour-reserved-critical-90);
  --colour-reserved-critical-container-background: var(--cfs-colour-reserved-critical-30);
  --colour-reserved-critical-container-border: var(--cfs-colour-reserved-critical-30);
  --colour-reserved-critical-container-interactions-hover: var(--cfs-colour-reserved-critical-interactions-dark-container-light);
  --colour-reserved-critical-container-interactions-focused: var(--cfs-colour-reserved-critical-interactions-dark-container-mid);
  --colour-reserved-critical-container-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-dark-container-high);
  --colour-reserved-critical-inverse-foreground: var(--cfs-colour-reserved-critical-80);
  --colour-reserved-critical-inverse-background: var(--cfs-colour-reserved-critical-20);
  --colour-reserved-critical-inverse-border: var(--cfs-colour-reserved-critical-20);
  --colour-reserved-critical-inverse-interactions-hover: var(--cfs-colour-reserved-critical-interactions-dark-inverse-light);
  --colour-reserved-critical-inverse-interactions-focused: var(--cfs-colour-reserved-critical-interactions-dark-inverse-mid);
  --colour-reserved-critical-inverse-interactions-pressed: var(--cfs-colour-reserved-critical-interactions-dark-inverse-high);
  --colour-reserved-critical-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-reserved-critical-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-reserved-critical-disabled-border: var(--cfs-colour-neutral-30);
  --colour-reserved-warning-foreground: var(--cfs-colour-reserved-warning-20);
  --colour-reserved-warning-background: var(--cfs-colour-reserved-warning-80);
  --colour-reserved-warning-border: var(--cfs-colour-reserved-warning-80);
  --colour-reserved-warning-interactions-hover: var(--cfs-colour-reserved-warning-interactions-dark-default-light);
  --colour-reserved-warning-interactions-focused: var(--cfs-colour-reserved-warning-interactions-dark-default-mid);
  --colour-reserved-warning-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-dark-default-high);
  --colour-reserved-warning-container-foreground: var(--cfs-colour-reserved-warning-90);
  --colour-reserved-warning-container-background: var(--cfs-colour-reserved-warning-30);
  --colour-reserved-warning-container-border: var(--cfs-colour-reserved-warning-30);
  --colour-reserved-warning-container-interactions-hover: var(--cfs-colour-reserved-warning-interactions-dark-container-light);
  --colour-reserved-warning-container-interactions-focused: var(--cfs-colour-reserved-warning-interactions-dark-container-mid);
  --colour-reserved-warning-container-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-dark-container-high);
  --colour-reserved-warning-inverse-foreground: var(--cfs-colour-reserved-warning-80);
  --colour-reserved-warning-inverse-background: var(--cfs-colour-reserved-warning-20);
  --colour-reserved-warning-inverse-border: var(--cfs-colour-reserved-warning-20);
  --colour-reserved-warning-inverse-interactions-hover: var(--cfs-colour-reserved-warning-interactions-dark-inverse-light);
  --colour-reserved-warning-inverse-interactions-focused: var(--cfs-colour-reserved-warning-interactions-dark-inverse-mid);
  --colour-reserved-warning-inverse-interactions-pressed: var(--cfs-colour-reserved-warning-interactions-dark-inverse-high);
  --colour-reserved-warning-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-reserved-warning-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-reserved-warning-disabled-border: var(--cfs-colour-neutral-30);
  --colour-reserved-success-foreground: var(--cfs-colour-reserved-success-20);
  --colour-reserved-success-background: var(--cfs-colour-reserved-success-80);
  --colour-reserved-success-border: var(--cfs-colour-reserved-success-80);
  --colour-reserved-success-interactions-hover: var(--cfs-colour-reserved-success-interactions-dark-default-light);
  --colour-reserved-success-interactions-focused: var(--cfs-colour-reserved-success-interactions-light-container-mid);
  --colour-reserved-success-interactions-pressed: var(--cfs-colour-reserved-success-interactions-light-container-high);
  --colour-reserved-success-container-foreground: var(--cfs-colour-reserved-success-90);
  --colour-reserved-success-container-background: var(--cfs-colour-reserved-success-30);
  --colour-reserved-success-container-border: var(--cfs-colour-reserved-success-30);
  --colour-reserved-success-container-interactions-hover: var(--cfs-colour-reserved-success-interactions-dark-container-light);
  --colour-reserved-success-container-interactions-focused: var(--cfs-colour-reserved-success-interactions-dark-container-mid);
  --colour-reserved-success-container-interactions-pressed: var(--cfs-colour-reserved-success-interactions-dark-container-high);
  --colour-reserved-success-inverse-foreground: var(--cfs-colour-reserved-success-80);
  --colour-reserved-success-inverse-background: var(--cfs-colour-reserved-success-20);
  --colour-reserved-success-inverse-border: var(--cfs-colour-reserved-success-20);
  --colour-reserved-success-inverse-interactions-hover: var(--cfs-colour-reserved-success-interactions-dark-inverse-light);
  --colour-reserved-success-inverse-interactions-focused: var(--cfs-colour-reserved-success-interactions-dark-inverse-mid);
  --colour-reserved-success-inverse-interactions-pressed: var(--cfs-colour-reserved-success-interactions-dark-inverse-high);
  --colour-reserved-success-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-reserved-success-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-reserved-success-disabled-border: var(--cfs-colour-neutral-30);
  --colour-decorative-green-foreground: var(--cfs-colour-decorative-green-dark-foreground);
  --colour-decorative-green-surface: var(--cfs-colour-decorative-green-dark-surface);
  --colour-decorative-teal-foreground: var(--cfs-colour-decorative-teal-dark-foreground);
  --colour-decorative-teal-surface: var(--cfs-colour-decorative-teal-dark-surface);
  --colour-decorative-blue-foreground: var(--cfs-colour-decorative-blue-dark-foreground);
  --colour-decorative-blue-surface: var(--cfs-colour-decorative-blue-dark-surface);
  --colour-decorative-purple-foreground: var(--cfs-colour-decorative-purple-dark-foreground);
  --colour-decorative-purple-surface: var(--cfs-colour-decorative-purple-dark-surface);
  --colour-decorative-pink-foreground: var(--cfs-colour-decorative-pink-dark-foreground);
  --colour-decorative-pink-surface: var(--cfs-colour-decorative-pink-dark-surface);
  --colour-decorative-coral-foreground: var(--cfs-colour-decorative-coral-dark-foreground);
  --colour-decorative-coral-surface: var(--cfs-colour-decorative-coral-dark-surface);
  --colour-decorative-yellow-foreground: var(--cfs-colour-decorative-yellow-dark-foreground);
  --colour-decorative-yellow-surface: var(--cfs-colour-decorative-yellow-dark-surface);
  --colour-neutral-foreground: var(--cfs-colour-neutral-90);
  --colour-neutral-interactions-hover: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-neutral-interactions-focused: var(--cfs-colour-neutral-interactions-dark-inverse-mid);
  --colour-neutral-interactions-pressed: var(--cfs-colour-neutral-interactions-dark-inverse-high);
  --colour-neutral-inverse-foreground: var(--cfs-colour-neutral-20);
  --colour-neutral-inverse-background: var(--cfs-colour-neutral-80);
  --colour-neutral-inverse-border: var(--cfs-colour-neutral-80);
  --colour-neutral-inverse-interactions-hover: var(--cfs-colour-neutral-interactions-dark-default-light);
  --colour-neutral-inverse-interactions-focused: var(--cfs-colour-neutral-interactions-dark-default-mid);
  --colour-neutral-inverse-interactions-pressed: var(--cfs-colour-neutral-interactions-dark-default-high);
  --colour-neutral-background: var(--cfs-colour-neutral-10);
  --colour-neutral-border: var(--cfs-colour-neutral-30);
  --colour-neutral-container-foreground: var(--cfs-colour-neutral-90);
  --colour-neutral-container-background: var(--cfs-colour-neutral-20);
  --colour-neutral-container-border: var(--cfs-colour-neutral-25);
  --colour-neutral-container-interactions-hover: var(--cfs-colour-neutral-interactions-dark-container-light);
  --colour-neutral-container-interactions-focused: var(--cfs-colour-neutral-interactions-dark-container-mid);
  --colour-neutral-container-interactions-pressed: var(--cfs-colour-neutral-interactions-dark-container-high);
  --colour-neutral-disabled-foreground: var(--cfs-colour-neutral-30);
  --colour-neutral-disabled-background: var(--cfs-colour-neutral-interactions-dark-inverse-light);
  --colour-neutral-disabled-border: var(--cfs-colour-neutral-30);
  --colour-neutral-mono-monotone: var(--cfs-colour-neutral-100);
  --colour-annotations-foreground: var(--cfs-colour-annotation-foreground);
  --colour-annotations-surface: var(--cfs-colour-annotation-background);
  --colour-annotations-boarder: var(--cfs-colour-annotation-stroke);
}


/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/spacing.css ***!
  \*************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  /* Source: tokens/primitive/CFS.json */
  /* ⚠️ WARNING: Primitive tokens (--cfs-*) are internal implementation details.
   * Do NOT use these directly in your components. Use semantic tokens (--colour-*, --spacing-*, etc.) instead.
   * Primitive tokens may change without notice. Semantic tokens provide stable, theme-aware values. */
  --cfs-spacing-0: 0px;
  --cfs-spacing-2: 2px;
  --cfs-spacing-4: 4px;
  --cfs-spacing-6: 6px;
  --cfs-spacing-8: 8px;
  --cfs-spacing-12: 12px;
  --cfs-spacing-16: 16px;
  --cfs-spacing-20: 20px;
  --cfs-spacing-24: 24px;
  --cfs-spacing-32: 32px;
  --cfs-spacing-40: 40px;
  --cfs-spacing-48: 48px;
  --cfs-spacing-56: 56px;
  --cfs-spacing-64: 64px;
  --cfs-spacing-72: 72px;
  --cfs-spacing-80: 80px;
  --cfs-stroke-0: 0px;
  --cfs-stroke-1: 1px;
  --cfs-stroke-2: 2px;
  --cfs-stroke-3: 3px;
  --cfs-stroke-4: 4px;
  --cfs-radius-sm: 4px;
  --cfs-radius-md: 8px;
  --cfs-radius-lg: 12px;
  --cfs-radius-x-large: 16px;
  --cfs-radius-2x-large: 24px;
  --cfs-radius-3x-large: 64px;
}

/* Source: tokens/semantic/light.json - Light theme (default) */
:root {
  --radius-radius-subtle: var(--cfs-radius-sm);
  --radius-radius-default: var(--cfs-radius-md);
  --radius-radius-large: var(--cfs-radius-lg);
  --radius-radius-x-large: var(--cfs-radius-x-large);
  --radius-radius-2x-large: var(--cfs-radius-2x-large);
  --radius-radius-full: var(--cfs-radius-3x-large);
  --spacing-0: var(--cfs-spacing-0);
  --spacing-2: var(--cfs-spacing-2);
  --spacing-4: var(--cfs-spacing-4);
  --spacing-6: var(--cfs-spacing-6);
  --spacing-8: var(--cfs-spacing-8);
  --spacing-12: var(--cfs-spacing-12);
  --spacing-16: var(--cfs-spacing-16);
  --spacing-20: var(--cfs-spacing-20);
  --spacing-24: var(--cfs-spacing-24);
  --spacing-32: var(--cfs-spacing-32);
  --spacing-40: var(--cfs-spacing-40);
  --spacing-48: var(--cfs-spacing-48);
  --spacing-56: var(--cfs-spacing-56);
  --spacing-64: var(--cfs-spacing-64);
  --spacing-72: var(--cfs-spacing-72);
  --spacing-80: var(--cfs-spacing-80);
  --stroke-stroke-none: var(--cfs-stroke-0);
  --stroke-stroke-default: var(--cfs-stroke-1);
  --stroke-stroke-lg: var(--cfs-stroke-2);
  --stroke-stroke-xl: var(--cfs-stroke-3);
  --stroke-stroke-2xl: var(--cfs-stroke-4);
}

/* Source: tokens/semantic/dark.json - Dark theme */
[data-theme="dark"] {
  --radius-radius-subtle: var(--cfs-radius-sm);
  --radius-radius-default: var(--cfs-radius-md);
  --radius-radius-large: var(--cfs-radius-lg);
  --radius-radius-x-large: var(--cfs-radius-x-large);
  --radius-radius-2x-large: var(--cfs-radius-2x-large);
  --radius-radius-full: var(--cfs-radius-3x-large);
  --spacing-0: var(--cfs-spacing-0);
  --spacing-2: var(--cfs-spacing-2);
  --spacing-4: var(--cfs-spacing-4);
  --spacing-6: var(--cfs-spacing-6);
  --spacing-8: var(--cfs-spacing-8);
  --spacing-12: var(--cfs-spacing-12);
  --spacing-16: var(--cfs-spacing-16);
  --spacing-20: var(--cfs-spacing-20);
  --spacing-24: var(--cfs-spacing-24);
  --spacing-32: var(--cfs-spacing-32);
  --spacing-40: var(--cfs-spacing-40);
  --spacing-48: var(--cfs-spacing-48);
  --spacing-56: var(--cfs-spacing-56);
  --spacing-64: var(--cfs-spacing-64);
  --spacing-72: var(--cfs-spacing-72);
  --spacing-80: var(--cfs-spacing-80);
  --stroke-stroke-none: var(--cfs-stroke-0);
  --stroke-stroke-default: var(--cfs-stroke-1);
  --stroke-stroke-lg: var(--cfs-stroke-2);
  --stroke-stroke-xl: var(--cfs-stroke-3);
  --stroke-stroke-2xl: var(--cfs-stroke-4);
}


/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/typography.css ***!
  \****************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  /* Source: tokens/primitive/CFS.json */
  /* ⚠️ WARNING: Primitive tokens (--cfs-*) are internal implementation details.
   * Do NOT use these directly in your components. Use semantic tokens (--colour-*, --spacing-*, etc.) instead.
   * Primitive tokens may change without notice. Semantic tokens provide stable, theme-aware values. */
  --cfs-typography-line-height-unitless-display: 1.6;
  --cfs-typography-line-height-unitless-headings: 1.6;
  --cfs-typography-line-height-unitless-body: 1.7;
  --cfs-typography-line-height-unitless-none: 1;
  --cfs-typography-line-height-pixel-10: 10;
  --cfs-typography-line-height-pixel-12: 12;
  --cfs-typography-line-height-pixel-14: 14;
  --cfs-typography-line-height-pixel-16: 16;
  --cfs-typography-line-height-pixel-18: 18;
  --cfs-typography-line-height-pixel-20: 20;
  --cfs-typography-line-height-pixel-22: 22;
  --cfs-typography-line-height-pixel-24: 24;
  --cfs-typography-line-height-pixel-26: 26;
  --cfs-typography-line-height-pixel-28: 28;
  --cfs-typography-line-height-pixel-30: 30;
  --cfs-typography-line-height-pixel-32: 32;
  --cfs-typography-line-height-pixel-40: 40;
  --cfs-typography-line-height-pixel-42: 42;
  --cfs-typography-line-height-pixel-52: 52;
  --cfs-typography-line-height-pixel-56: 56;
  --cfs-typography-line-height-pixel-78: 78;
  --cfs-typography-line-height-pixel-desktop-headings-h1: 76.8;
  --cfs-typography-line-height-pixel-desktop-headings-h2: 51.2;
  --cfs-typography-line-height-pixel-desktop-headings-h3: 35.2;
  --cfs-typography-line-height-pixel-desktop-headings-h4: 32;
  --cfs-typography-line-height-pixel-desktop-headings-h5: 28.8;
  --cfs-typography-line-height-pixel-desktop-headings-h6: 25.6;
  --cfs-typography-line-height-pixel-desktop-headings-h7: 22.4;
  --cfs-typography-line-height-pixel-desktop-body-base: 30.6;
  --cfs-typography-line-height-pixel-desktop-body-small: 27.2;
  --cfs-typography-line-height-pixel-desktop-body-xsmall: 23.8;
  --cfs-typography-line-height-pixel-desktop-body-2xsmall: 20.4;
  --cfs-typography-line-height-pixel-mobile-headings-h1: 64;
  --cfs-typography-line-height-pixel-mobile-headings-h2: 44.8;
  --cfs-typography-line-height-pixel-mobile-headings-h3: 32;
  --cfs-typography-line-height-pixel-mobile-headings-h4: 28.8;
  --cfs-typography-line-height-pixel-mobile-headings-h5: 25.6;
  --cfs-typography-line-height-pixel-mobile-headings-h6: 22.4;
  --cfs-typography-line-height-pixel-mobile-headings-h7: 19.2;
  --cfs-typography-line-height-pixel-mobile-body-base: 27.2;
  --cfs-typography-line-height-pixel-mobile-body-small: 23.8;
  --cfs-typography-line-height-pixel-mobile-body-xsmall: 20.4;
  --cfs-typography-line-height-pixel-mobile-body-2xsmall: 17;
  --cfs-typography-family-display: Newsreader;
  --cfs-typography-family-headings: Roboto;
  --cfs-typography-family-body: Roboto;
  --cfs-typography-family-sans: Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
  --cfs-typography-family-mono: ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;
  --cfs-typography-size-desktop-h1: 48px;
  --cfs-typography-size-desktop-h2: 32px;
  --cfs-typography-size-desktop-h3: 22px;
  --cfs-typography-size-desktop-h4: 20px;
  --cfs-typography-size-desktop-h5: 18px;
  --cfs-typography-size-desktop-h6: 16px;
  --cfs-typography-size-desktop-h7: 14px;
  --cfs-typography-size-desktop-body: 18px;
  --cfs-typography-size-desktop-body-small: 16px;
  --cfs-typography-size-desktop-body-xsmall: 14px;
  --cfs-typography-size-desktop-body-2xsmall: 12px;
  --cfs-typography-size-mobile-h1: 40px;
  --cfs-typography-size-mobile-h2: 28px;
  --cfs-typography-size-mobile-h3: 20px;
  --cfs-typography-size-mobile-h4: 18px;
  --cfs-typography-size-mobile-h5: 16px;
  --cfs-typography-size-mobile-h6: 14px;
  --cfs-typography-size-mobile-h7: 12px;
  --cfs-typography-size-mobile-body: 16px;
  --cfs-typography-size-mobile-body-small: 14px;
  --cfs-typography-size-mobile-body-xsmall: 12px;
  --cfs-typography-size-mobile-body-2xsmall: 10px;
  --cfs-typography-weight-desktop-display: 400;
  --cfs-typography-weight-desktop-headings: 400;
  --cfs-typography-weight-desktop-body-primary: 300;
  --cfs-typography-weight-desktop-body-secondary: 400;
  --cfs-typography-weight-desktop-body-italic-primary: Light Italic;
  --cfs-typography-weight-desktop-body-italic-secondary: Italic;
  --cfs-typography-weight-desktop-body-italic-tertiary: Medium Italic;
  --cfs-typography-weight-desktop-body-tertiary: 600;
  --cfs-typography-weight-mobile-display: 400;
  --cfs-typography-weight-mobile-headings: 400;
  --cfs-typography-weight-mobile-body-primary: 300;
  --cfs-typography-weight-mobile-body-secondary: 400;
  --cfs-typography-weight-mobile-body-tertiary: 600;
  --cfs-typography-letter-spacing-default: 1.5px;
  --cfs-typography-paragraph-spacing-headings: 2px;
  --cfs-typography-paragraph-spacing-body: 2.25px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h1: 96px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h2: 64px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h3: 44px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h4: 40px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h5: 36px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h6: 32px;
  --cfs-typography-paragraph-spacing-pixel-desktop-h7: 28px;
  --cfs-typography-paragraph-spacing-pixel-desktop-base: 40.5px;
  --cfs-typography-paragraph-spacing-pixel-desktop-small: 36px;
  --cfs-typography-paragraph-spacing-pixel-desktop-xsmall: 31.5px;
  --cfs-typography-paragraph-spacing-pixel-desktop-2xsmall: 27px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h1: 80px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h2: 56px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h3: 40px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h4: 36px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h5: 32px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h6: 28px;
  --cfs-typography-paragraph-spacing-pixel-mobile-h7: 24px;
  --cfs-typography-paragraph-spacing-pixel-mobile-base: 36px;
  --cfs-typography-paragraph-spacing-pixel-mobile-small: 31.5px;
  --cfs-typography-paragraph-spacing-pixel-mobile-xsmall: 27px;
  --cfs-typography-paragraph-spacing-pixel-mobile-2xsmall: 22.5px;
  --cfs-typography-word-spacing-default: 1.6px;
}

/* Source: tokens/semantic/desktop.json - Desktop screen sizes (default) */
:root {
  --typography-family-display: var(--cfs-typography-family-display);
  --typography-family-headings: var(--cfs-typography-family-headings);
  --typography-family-body: var(--cfs-typography-family-body);
  --typography-size-h1: var(--cfs-typography-size-desktop-h1);
  --typography-size-h2: var(--cfs-typography-size-desktop-h2);
  --typography-size-h3: var(--cfs-typography-size-desktop-h3);
  --typography-size-h4: var(--cfs-typography-size-desktop-h4);
  --typography-size-h5: var(--cfs-typography-size-desktop-h5);
  --typography-size-h6: var(--cfs-typography-size-desktop-h6);
  --typography-size-h7: var(--cfs-typography-size-desktop-h7);
  --typography-size-body: var(--cfs-typography-size-desktop-body);
  --typography-size-body-small: var(--cfs-typography-size-desktop-body-small);
  --typography-size-body-xsmall: var(--cfs-typography-size-desktop-body-xsmall);
  --typography-size-body-2xsmall: var(--cfs-typography-size-desktop-body-2xsmall);
  --typography-line-height-unit-less-lh-display: var(--cfs-typography-line-height-unitless-display);
  --typography-line-height-unit-less-lh-headings: var(--cfs-typography-line-height-unitless-headings);
  --typography-line-height-unit-less-lh-body: var(--cfs-typography-line-height-unitless-body);
  --typography-line-height-unit-less-lh-none: var(--cfs-typography-line-height-unitless-none);
  --typography-line-height-h1: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h1) * 1px);
  --typography-line-height-h2: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h2) * 1px);
  --typography-line-height-h3: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h3) * 1px);
  --typography-line-height-h4: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h4) * 1px);
  --typography-line-height-h5: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h5) * 1px);
  --typography-line-height-h6: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h6) * 1px);
  --typography-line-height-h7: calc(var(--cfs-typography-line-height-pixel-desktop-headings-h7) * 1px);
  --typography-line-height-body: calc(var(--cfs-typography-line-height-pixel-desktop-body-base) * 1px);
  --typography-line-height-body-small: calc(var(--cfs-typography-line-height-pixel-desktop-body-small) * 1px);
  --typography-line-height-body-xsmall: calc(var(--cfs-typography-line-height-pixel-desktop-body-xsmall) * 1px);
  --typography-line-height-body-2xsmall: calc(var(--cfs-typography-line-height-pixel-desktop-body-2xsmall) * 1px);
  --typography-weight-display-weight: var(--cfs-typography-weight-desktop-display);
  --typography-weight-display-body-default: var(--cfs-typography-weight-desktop-body-primary);
  --typography-weight-display-body-secondary: var(--cfs-typography-weight-desktop-body-secondary);
  --typography-weight-display-body-emphasis: var(--cfs-typography-weight-desktop-body-tertiary);
  --typography-weight-display-body-italic-default: var(--cfs-typography-weight-desktop-body-italic-primary);
  --typography-weight-display-body-italic-secondary: var(--cfs-typography-weight-desktop-body-italic-secondary);
  --typography-weight-display-body-italic-emphasis: var(--cfs-typography-weight-desktop-body-italic-tertiary);
  --typography-weight-headings-weight: var(--cfs-typography-weight-desktop-headings);
  --typography-letter-spacing-default: var(--cfs-typography-letter-spacing-default);
  --typography-paragraph-spacing-headings: var(--cfs-typography-paragraph-spacing-headings);
  --typography-paragraph-spacing-body: var(--cfs-typography-paragraph-spacing-body);
  --typography-paragraph-spacing-pixel-h1: var(--cfs-typography-paragraph-spacing-pixel-desktop-h1);
  --typography-paragraph-spacing-pixel-h2: var(--cfs-typography-paragraph-spacing-pixel-desktop-h2);
  --typography-paragraph-spacing-pixel-h3: var(--cfs-typography-paragraph-spacing-pixel-desktop-h3);
  --typography-paragraph-spacing-pixel-h4: var(--cfs-typography-paragraph-spacing-pixel-desktop-h4);
  --typography-paragraph-spacing-pixel-h5: var(--cfs-typography-paragraph-spacing-pixel-desktop-h5);
  --typography-paragraph-spacing-pixel-h6: var(--cfs-typography-paragraph-spacing-pixel-desktop-h6);
  --typography-paragraph-spacing-pixel-h7: var(--cfs-typography-paragraph-spacing-pixel-desktop-h7);
  --typography-paragraph-spacing-pixel-base: var(--cfs-typography-paragraph-spacing-pixel-desktop-base);
  --typography-paragraph-spacing-pixel-small: var(--cfs-typography-paragraph-spacing-pixel-desktop-small);
  --typography-paragraph-spacing-pixel-xsmall: var(--cfs-typography-paragraph-spacing-pixel-desktop-xsmall);
  --typography-paragraph-spacing-pixel-2xsmall: var(--cfs-typography-paragraph-spacing-pixel-desktop-2xsmall);
  --typography-word-spacing-default: var(--cfs-typography-word-spacing-default);
  --desktop-typography-family-display: var(--typography-family-display);
  --desktop-typography-family-headings: var(--typography-family-headings);
  --desktop-typography-family-body: var(--typography-family-body);
  --desktop-typography-size-h1: var(--typography-size-h1);
  --desktop-typography-size-h2: var(--typography-size-h2);
  --desktop-typography-size-h3: var(--typography-size-h3);
  --desktop-typography-size-h4: var(--typography-size-h4);
  --desktop-typography-size-h5: var(--typography-size-h5);
  --desktop-typography-size-h6: var(--typography-size-h6);
  --desktop-typography-size-h7: var(--typography-size-h7);
  --desktop-typography-size-body: var(--typography-size-body);
  --desktop-typography-size-body-small: var(--typography-size-body-small);
  --desktop-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --desktop-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --desktop-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --desktop-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --desktop-typography-weight-body-default: var(--typography-weight-body-default);
  --desktop-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --desktop-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  --mobile-typography-family-display: var(--typography-family-display);
  --mobile-typography-family-headings: var(--typography-family-headings);
  --mobile-typography-family-body: var(--typography-family-body);
  --mobile-typography-size-h1: var(--typography-size-h1);
  --mobile-typography-size-h2: var(--typography-size-h2);
  --mobile-typography-size-h3: var(--typography-size-h3);
  --mobile-typography-size-h4: var(--typography-size-h4);
  --mobile-typography-size-h5: var(--typography-size-h5);
  --mobile-typography-size-h6: var(--typography-size-h6);
  --mobile-typography-size-h7: var(--typography-size-h7);
  --mobile-typography-size-body: var(--typography-size-body);
  --mobile-typography-size-body-small: var(--typography-size-body-small);
  --mobile-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --mobile-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --mobile-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --mobile-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --mobile-typography-weight-body-default: var(--typography-weight-body-default);
  --mobile-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --mobile-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  --tablet-typography-family-display: var(--typography-family-display);
  --tablet-typography-family-headings: var(--typography-family-headings);
  --tablet-typography-family-body: var(--typography-family-body);
  --tablet-typography-size-h1: var(--typography-size-h1);
  --tablet-typography-size-h2: var(--typography-size-h2);
  --tablet-typography-size-h3: var(--typography-size-h3);
  --tablet-typography-size-h4: var(--typography-size-h4);
  --tablet-typography-size-h5: var(--typography-size-h5);
  --tablet-typography-size-h6: var(--typography-size-h6);
  --tablet-typography-size-h7: var(--typography-size-h7);
  --tablet-typography-size-body: var(--typography-size-body);
  --tablet-typography-size-body-small: var(--typography-size-body-small);
  --tablet-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --tablet-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --tablet-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --tablet-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --tablet-typography-weight-body-default: var(--typography-weight-body-default);
  --tablet-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --tablet-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
}

/* Source: tokens/semantic/mobile.json - Mobile screen sizes */
@media (max-width: 767px) {
  :root {
    --typography-family-display: var(--cfs-typography-family-display);
    --typography-family-headings: var(--cfs-typography-family-headings);
    --typography-family-body: var(--cfs-typography-family-body);
    --typography-size-h1: var(--cfs-typography-size-mobile-h1);
    --typography-size-h2: var(--cfs-typography-size-mobile-h2);
    --typography-size-h3: var(--cfs-typography-size-mobile-h3);
    --typography-size-h4: var(--cfs-typography-size-mobile-h4);
    --typography-size-h5: var(--cfs-typography-size-mobile-h5);
    --typography-size-h6: var(--cfs-typography-size-mobile-h6);
    --typography-size-h7: var(--cfs-typography-size-mobile-h7);
    --typography-size-body: var(--cfs-typography-size-mobile-body);
    --typography-size-body-small: var(--cfs-typography-size-mobile-body-small);
    --typography-size-body-xsmall: var(--cfs-typography-size-mobile-body-xsmall);
    --typography-size-body-2xsmall: var(--cfs-typography-size-mobile-body-2xsmall);
    --typography-line-height-unit-less-lh-display: var(--cfs-typography-line-height-unitless-display);
    --typography-line-height-unit-less-lh-headings: var(--cfs-typography-line-height-unitless-headings);
    --typography-line-height-unit-less-lh-body: var(--cfs-typography-line-height-unitless-body);
    --typography-line-height-unit-less-lh-none: var(--cfs-typography-line-height-unitless-none);
    --typography-line-height-h1: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h1) * 1px);
    --typography-line-height-h2: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h2) * 1px);
    --typography-line-height-h3: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h3) * 1px);
    --typography-line-height-h4: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h4) * 1px);
    --typography-line-height-h5: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h5) * 1px);
    --typography-line-height-h6: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h6) * 1px);
    --typography-line-height-h7: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h7) * 1px);
    --typography-line-height-body: calc(var(--cfs-typography-line-height-pixel-mobile-body-base) * 1px);
    --typography-line-height-body-small: calc(var(--cfs-typography-line-height-pixel-mobile-body-small) * 1px);
    --typography-line-height-body-xsmall: calc(var(--cfs-typography-line-height-pixel-mobile-body-xsmall) * 1px);
    --typography-line-height-body-2xsmall: calc(var(--cfs-typography-line-height-pixel-mobile-body-2xsmall) * 1px);
    --typography-weight-display-weight: var(--cfs-typography-weight-mobile-display);
    --typography-weight-display-body-default: var(--cfs-typography-weight-mobile-body-primary);
    --typography-weight-display-body-secondary: var(--cfs-typography-weight-mobile-body-secondary);
    --typography-weight-display-body-emphasis: var(--cfs-typography-weight-mobile-body-tertiary);
    --typography-weight-display-body-italic-default: var(--cfs-typography-weight-desktop-body-italic-primary);
    --typography-weight-display-body-italic-secondary: var(--cfs-typography-weight-desktop-body-italic-secondary);
    --typography-weight-display-body-italic-emphasis: var(--cfs-typography-weight-desktop-body-italic-tertiary);
    --typography-weight-headings-weight: var(--cfs-typography-weight-mobile-headings);
    --typography-letter-spacing-default: var(--cfs-typography-letter-spacing-default);
    --typography-paragraph-spacing-headings: var(--cfs-typography-paragraph-spacing-headings);
    --typography-paragraph-spacing-body: var(--cfs-typography-paragraph-spacing-body);
    --typography-paragraph-spacing-pixel-h1: var(--cfs-typography-paragraph-spacing-pixel-mobile-h1);
    --typography-paragraph-spacing-pixel-h2: var(--cfs-typography-paragraph-spacing-pixel-mobile-h2);
    --typography-paragraph-spacing-pixel-h3: var(--cfs-typography-paragraph-spacing-pixel-mobile-h3);
    --typography-paragraph-spacing-pixel-h4: var(--cfs-typography-paragraph-spacing-pixel-mobile-h4);
    --typography-paragraph-spacing-pixel-h5: var(--cfs-typography-paragraph-spacing-pixel-mobile-h5);
    --typography-paragraph-spacing-pixel-h6: var(--cfs-typography-paragraph-spacing-pixel-mobile-h6);
    --typography-paragraph-spacing-pixel-h7: var(--cfs-typography-paragraph-spacing-pixel-mobile-h7);
    --typography-paragraph-spacing-pixel-base: var(--cfs-typography-paragraph-spacing-pixel-mobile-base);
    --typography-paragraph-spacing-pixel-small: var(--cfs-typography-paragraph-spacing-pixel-mobile-small);
    --typography-paragraph-spacing-pixel-xsmall: var(--cfs-typography-paragraph-spacing-pixel-mobile-xsmall);
    --typography-paragraph-spacing-pixel-2xsmall: var(--cfs-typography-paragraph-spacing-pixel-mobile-2xsmall);
    --typography-word-spacing-default: var(--cfs-typography-word-spacing-default);
    --mobile-typography-family-display: var(--typography-family-display);
    --mobile-typography-family-headings: var(--typography-family-headings);
    --mobile-typography-family-body: var(--typography-family-body);
    --mobile-typography-size-h1: var(--typography-size-h1);
    --mobile-typography-size-h2: var(--typography-size-h2);
    --mobile-typography-size-h3: var(--typography-size-h3);
    --mobile-typography-size-h4: var(--typography-size-h4);
    --mobile-typography-size-h5: var(--typography-size-h5);
    --mobile-typography-size-h6: var(--typography-size-h6);
    --mobile-typography-size-h7: var(--typography-size-h7);
    --mobile-typography-size-body: var(--typography-size-body);
    --mobile-typography-size-body-small: var(--typography-size-body-small);
    --mobile-typography-size-body-xsmall: var(--typography-size-body-xsmall);
    --mobile-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
    --mobile-typography-weight-headings-bold: var(--typography-weight-headings-bold);
    --mobile-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
    --mobile-typography-weight-body-default: var(--typography-weight-body-default);
    --mobile-typography-weight-body-secondary: var(--typography-weight-body-secondary);
    --mobile-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  }
}

/* Source: tokens/semantic/tablet.json - Tablet screen sizes */
@media (min-width: 768px) and (max-width: 1039px) {
  :root {
    --typography-family-display: var(--cfs-typography-family-display);
    --typography-family-headings: var(--cfs-typography-family-headings);
    --typography-family-body: var(--cfs-typography-family-body);
    --typography-size-h1: var(--cfs-typography-size-mobile-h1);
    --typography-size-h2: var(--cfs-typography-size-mobile-h2);
    --typography-size-h3: var(--cfs-typography-size-mobile-h3);
    --typography-size-h4: var(--cfs-typography-size-mobile-h4);
    --typography-size-h5: var(--cfs-typography-size-mobile-h5);
    --typography-size-h6: var(--cfs-typography-size-mobile-h6);
    --typography-size-h7: var(--cfs-typography-size-mobile-h7);
    --typography-size-body: var(--cfs-typography-size-mobile-body);
    --typography-size-body-small: var(--cfs-typography-size-mobile-body-small);
    --typography-size-body-xsmall: var(--cfs-typography-size-mobile-body-xsmall);
    --typography-size-body-2xsmall: var(--cfs-typography-size-mobile-body-2xsmall);
    --typography-line-height-unit-less-lh-display: var(--cfs-typography-line-height-unitless-display);
    --typography-line-height-unit-less-lh-headings: var(--cfs-typography-line-height-unitless-headings);
    --typography-line-height-unit-less-lh-body: var(--cfs-typography-line-height-unitless-body);
    --typography-line-height-unit-less-lh-none: var(--cfs-typography-line-height-unitless-none);
    --typography-line-height-h1: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h1) * 1px);
    --typography-line-height-h2: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h2) * 1px);
    --typography-line-height-h3: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h3) * 1px);
    --typography-line-height-h4: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h4) * 1px);
    --typography-line-height-h5: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h5) * 1px);
    --typography-line-height-h6: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h6) * 1px);
    --typography-line-height-h7: calc(var(--cfs-typography-line-height-pixel-mobile-headings-h7) * 1px);
    --typography-line-height-body: calc(var(--cfs-typography-line-height-pixel-mobile-body-base) * 1px);
    --typography-line-height-body-small: calc(var(--cfs-typography-line-height-pixel-mobile-body-small) * 1px);
    --typography-line-height-body-xsmall: calc(var(--cfs-typography-line-height-pixel-mobile-body-xsmall) * 1px);
    --typography-line-height-body-2xsmall: calc(var(--cfs-typography-line-height-pixel-mobile-body-2xsmall) * 1px);
    --typography-weight-display-weight: var(--cfs-typography-weight-mobile-display);
    --typography-weight-display-body-default: var(--cfs-typography-weight-mobile-body-primary);
    --typography-weight-display-body-secondary: var(--cfs-typography-weight-mobile-body-secondary);
    --typography-weight-display-body-emphasis: var(--cfs-typography-weight-mobile-body-tertiary);
    --typography-weight-display-body-italic-default: var(--cfs-typography-weight-desktop-body-italic-primary);
    --typography-weight-display-body-italic-secondary: var(--cfs-typography-weight-desktop-body-italic-secondary);
    --typography-weight-display-body-italic-emphasis: var(--cfs-typography-weight-desktop-body-italic-tertiary);
    --typography-weight-headings-weight: var(--cfs-typography-weight-mobile-headings);
    --typography-letter-spacing-default: var(--cfs-typography-letter-spacing-default);
    --typography-paragraph-spacing-headings: var(--cfs-typography-paragraph-spacing-headings);
    --typography-paragraph-spacing-body: var(--cfs-typography-paragraph-spacing-body);
    --typography-paragraph-spacing-pixel-h1: var(--cfs-typography-paragraph-spacing-pixel-mobile-h1);
    --typography-paragraph-spacing-pixel-h2: var(--cfs-typography-paragraph-spacing-pixel-mobile-h2);
    --typography-paragraph-spacing-pixel-h3: var(--cfs-typography-paragraph-spacing-pixel-mobile-h3);
    --typography-paragraph-spacing-pixel-h4: var(--cfs-typography-paragraph-spacing-pixel-mobile-h4);
    --typography-paragraph-spacing-pixel-h5: var(--cfs-typography-paragraph-spacing-pixel-mobile-h5);
    --typography-paragraph-spacing-pixel-h6: var(--cfs-typography-paragraph-spacing-pixel-mobile-h6);
    --typography-paragraph-spacing-pixel-h7: var(--cfs-typography-paragraph-spacing-pixel-mobile-h7);
    --typography-paragraph-spacing-pixel-base: var(--cfs-typography-paragraph-spacing-pixel-mobile-base);
    --typography-paragraph-spacing-pixel-small: var(--cfs-typography-paragraph-spacing-pixel-mobile-small);
    --typography-paragraph-spacing-pixel-xsmall: var(--cfs-typography-paragraph-spacing-pixel-mobile-xsmall);
    --typography-paragraph-spacing-pixel-2xsmall: var(--cfs-typography-paragraph-spacing-pixel-mobile-2xsmall);
    --typography-word-spacing-default: var(--cfs-typography-word-spacing-default);
    --tablet-typography-family-display: var(--typography-family-display);
    --tablet-typography-family-headings: var(--typography-family-headings);
    --tablet-typography-family-body: var(--typography-family-body);
    --tablet-typography-size-h1: var(--typography-size-h1);
    --tablet-typography-size-h2: var(--typography-size-h2);
    --tablet-typography-size-h3: var(--typography-size-h3);
    --tablet-typography-size-h4: var(--typography-size-h4);
    --tablet-typography-size-h5: var(--typography-size-h5);
    --tablet-typography-size-h6: var(--typography-size-h6);
    --tablet-typography-size-h7: var(--typography-size-h7);
    --tablet-typography-size-body: var(--typography-size-body);
    --tablet-typography-size-body-small: var(--typography-size-body-small);
    --tablet-typography-size-body-xsmall: var(--typography-size-body-xsmall);
    --tablet-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
    --tablet-typography-weight-headings-bold: var(--typography-weight-headings-bold);
    --tablet-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
    --tablet-typography-weight-body-default: var(--typography-weight-body-default);
    --tablet-typography-weight-body-secondary: var(--typography-weight-body-secondary);
    --tablet-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  }
}

/* Source: tokens/component/typography.json (mobile versions) */
.headings-h1 {
  font-family: var(--mobile-typography-family-display);
  font-size: var(--mobile-typography-size-h1);
  font-weight: var(--mobile-typography-weight-display-weight);
  letter-spacing: 0.72px;
  line-height: 1.6;
}

.headings-h2 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h2);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.headings-h3 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h3);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.44px;
  line-height: 1.6;
}

.headings-h4 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h4);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.00px;
  line-height: 1.6;
}

.headings-h5 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h5);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.00px;
  line-height: 1.6;
}

.headings-h6 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h6);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.24px;
  line-height: 1.6;
}

.headings-h7 {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-h7);
  font-weight: var(--mobile-typography-weight-headings-weight);
  letter-spacing: 0.21px;
  line-height: 1.6;
}

.body-base-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-base-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-base-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-small-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-small-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-small-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-h6);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-xsmall-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-xsmall-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-2xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.body-2xsmall-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.body-2xsmall-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-base-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-italic-default);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-base-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-base-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-small-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-italic-default);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-small-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-small-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-h6);
  font-weight: var(--mobile-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-italic-default);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-xsmall-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-xsmall-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-2xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-primary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-2xsmall-secondary {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-2xsmall-emphasis {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-tertiary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.link-base-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.link-base-quiet {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.link-small-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.link-small-quiet {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.link-xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.link-xsmall-quiet {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.link-2xsmall-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.link-2xsmall-quiet {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.-component-avatar-avatar-x-large-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.30px;
  line-height: 1;
}

.-component-avatar-avatar-large-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-avatar-avatar-medium-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-avatar-avatar-small-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-avatar-avatar-x-small-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-accordion-accordion-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-badge-default-badge-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-badge-status-status-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-button-button-small-label {
  font-family: var(--mobile-typography-family-headings);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-button-button-medium-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-button-button-large-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-chips-chip-label-small {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.14;
}

.-component-chips-chip-label-medium {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-textlink-400-textlink-2xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-400-textlink-xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-400-textlink-s {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-400-textlink-body {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-textlink-600-textlink-2xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-600-textlink-xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-600-textlink-s {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-600-textlink-body {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-textlink-700-textlink-2xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-700-textlink-xs {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-700-textlink-s {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-xsmall);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-700-textlink-body {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-mobilenavigationbar-title {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-mobilenavigationbar-subtitle {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-mobiletabbar-item-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.87;
}

.-component-mobiletabbar-item-selected-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-2xsmall);
  font-weight: var(--mobile-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.87;
}

.-component-breadcrumb-breadcrumb-current-page {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-tabs-tabs-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-tabs-tabs-label-active {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-menu-configmenu-configmenu-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-menu-configmenu-configmenu-group-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-menu-selectmenu-selectmenu-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.43;
}

.-component-menu-selectmenu-selectmenu-action {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-menu-selectmenu-selectmenu-subtext {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.67;
}

.-component-menu-dropdown-dropdown-item-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-menu-dropdown-dropdown-group-title {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-menu-dropdown-dropdown-menu-title {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-alert-alert-title {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-alert-alert-message {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.86;
}

.-component-input-input-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-input-input-description {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-input-input-large-value {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.33;
}

.-component-input-input-large-required {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.33;
}

.-component-input-input-medium-value {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-input-input-small-value {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.14;
}

.-component-input-input-error-message {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.86;
}

.-component-buttongroup-buttongroup-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-number {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-text {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.43;
}

.-component-radio-radio-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.43;
}

.-component-checkbox-checkbox-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.7;
}

.-component-table-table-cell-avatar-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.57;
}

.-component-table-table-group-header {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.63;
}

.-component-table-table-column-header-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-table-table-cell-text {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.57;
}

.-component-listitem-listitem-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.11;
}

.-component-listitem-listitem-supertext {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-listitem-listitem-subtext {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.29;
}

.-component-appheader-appheader-label-active {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-appheader-appheader-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-appheader-appheader-text {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-sidebarnavigation-sidebarnavigation-label-level-2 {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-sidebarnavigation-sidebarnavigation-secondary-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.43;
}

.-component-sidebarnavigation-sidebarnavigation-label-level-1 {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-modal-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.33px;
  line-height: 1.45;
}

.-component-modal-heading-small {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.2;
}

.-component-tags-tag-label {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.14;
}

.-component-toast-toast-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-toast-toast-message {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.86;
}

.-component-tooltip-tooltip-singleline-text {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-tooltip-tooltip-multiline-text {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.5;
}

.-component-calendarpicker-calendarpicker-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-calendarpicker-calendarpicker-title {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-calendarpicker-calendarpicker-date {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-progressrope-progressrope-heading {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.86;
}

.-component-progressrope-progressrope-label-active {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-progressrope-progressrope-label-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-progressrope-progressrope-subtask-label-active {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-progressrope-progressrope-subtask-label-default {
  font-family: var(--mobile-typography-family-body);
  font-size: var(--mobile-typography-size-body-small);
  font-weight: var(--mobile-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}


/* Source: tokens/component/typography.json (desktop versions) */
@media (min-width: 768px) {
.headings-h1 {
  font-family: var(--desktop-typography-family-display);
  font-size: var(--desktop-typography-size-h1);
  font-weight: var(--desktop-typography-weight-display-weight);
  letter-spacing: 0.72px;
  line-height: 1.6;
}

.headings-h2 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h2);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.48px;
  line-height: 1.6;
}

.headings-h3 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h3);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.44px;
  line-height: 1.6;
}

.headings-h4 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h4);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.00px;
  line-height: 1.6;
}

.headings-h5 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h5);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.00px;
  line-height: 1.6;
}

.headings-h6 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h6);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.24px;
  line-height: 1.6;
}

.headings-h7 {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-h7);
  font-weight: var(--desktop-typography-weight-headings-weight);
  letter-spacing: 0.21px;
  line-height: 1.6;
}

.body-base-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-base-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-base-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.body-small-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-small-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-small-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-h6);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.body-xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-xsmall-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-xsmall-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.body-2xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.body-2xsmall-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.body-2xsmall-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-base-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-italic-default);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-base-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-base-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.italic-small-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-italic-default);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-small-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-small-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-h6);
  font-weight: var(--desktop-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.italic-xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-italic-default);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-xsmall-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-italic-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-xsmall-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-italic-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.italic-2xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-primary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-2xsmall-secondary {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.italic-2xsmall-emphasis {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--cfs-typography-weight-desktop-body-italic-tertiary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.link-base-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.link-base-quiet {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.27px;
  line-height: 1.7;
}

.link-small-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.link-small-quiet {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.24px;
  line-height: 1.7;
}

.link-xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.link-xsmall-quiet {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.21px;
  line-height: 1.7;
}

.link-2xsmall-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.link-2xsmall-quiet {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.7;
}

.-component-avatar-avatar-x-large-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.30px;
  line-height: 1;
}

.-component-avatar-avatar-large-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-avatar-avatar-medium-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-avatar-avatar-small-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-avatar-avatar-x-small-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-accordion-accordion-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-badge-default-badge-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-badge-status-status-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-button-button-small-label {
  font-family: var(--desktop-typography-family-headings);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-button-button-medium-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-button-button-large-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-chips-chip-label-small {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.14;
}

.-component-chips-chip-label-medium {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-textlink-400-textlink-2xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-400-textlink-xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-400-textlink-s {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-400-textlink-body {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-textlink-600-textlink-2xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-600-textlink-xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-600-textlink-s {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-600-textlink-body {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-textlink-700-textlink-2xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-textlink-700-textlink-xs {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-textlink-700-textlink-s {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-xsmall);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-textlink-700-textlink-body {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-mobilenavigationbar-title {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1;
}

.-component-mobilenavigationbar-subtitle {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-mobiletabbar-item-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.87;
}

.-component-mobiletabbar-item-selected-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-2xsmall);
  font-weight: var(--desktop-typography-weight-display-body-secondary);
  letter-spacing: 0.18px;
  line-height: 1.87;
}

.-component-breadcrumb-breadcrumb-current-page {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-tabs-tabs-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-tabs-tabs-label-active {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-menu-configmenu-configmenu-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-menu-configmenu-configmenu-group-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-menu-selectmenu-selectmenu-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.43;
}

.-component-menu-selectmenu-selectmenu-action {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-menu-selectmenu-selectmenu-subtext {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.67;
}

.-component-menu-dropdown-dropdown-item-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-menu-dropdown-dropdown-group-title {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-menu-dropdown-dropdown-menu-title {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-alert-alert-title {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-alert-alert-message {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.86;
}

.-component-input-input-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-input-input-description {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.71;
}

.-component-input-input-large-value {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.33;
}

.-component-input-input-large-required {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.33;
}

.-component-input-input-medium-value {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-input-input-small-value {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.14;
}

.-component-input-input-error-message {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.86;
}

.-component-buttongroup-buttongroup-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-number {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-arrayfield-arrayfield-item-text {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.43;
}

.-component-radio-radio-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.43;
}

.-component-checkbox-checkbox-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.7;
}

.-component-table-table-cell-avatar-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-emphasis);
  letter-spacing: 0.21px;
  line-height: 1.57;
}

.-component-table-table-group-header {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.63;
}

.-component-table-table-column-header-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-table-table-cell-text {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.57;
}

.-component-listitem-listitem-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.27px;
  line-height: 1.11;
}

.-component-listitem-listitem-supertext {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1.33;
}

.-component-listitem-listitem-subtext {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.29;
}

.-component-appheader-appheader-label-active {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-appheader-appheader-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-appheader-appheader-text {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-sidebarnavigation-sidebarnavigation-label-level-2 {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-sidebarnavigation-sidebarnavigation-secondary-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.43;
}

.-component-sidebarnavigation-sidebarnavigation-label-level-1 {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-modal-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.33px;
  line-height: 1.45;
}

.-component-modal-heading-small {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.2;
}

.-component-tags-tag-label {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.14;
}

.-component-toast-toast-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1.5;
}

.-component-toast-toast-message {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.86;
}

.-component-tooltip-tooltip-singleline-text {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-tooltip-tooltip-multiline-text {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1.5;
}

.-component-calendarpicker-calendarpicker-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.24px;
  line-height: 1;
}

.-component-calendarpicker-calendarpicker-title {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-calendarpicker-calendarpicker-date {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.00px;
  line-height: 1;
}

.-component-progressrope-progressrope-heading {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1.86;
}

.-component-progressrope-progressrope-label-active {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-progressrope-progressrope-label-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.21px;
  line-height: 1;
}

.-component-progressrope-progressrope-subtask-label-active {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

.-component-progressrope-progressrope-subtask-label-default {
  font-family: var(--desktop-typography-family-body);
  font-size: var(--desktop-typography-size-body-small);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: 0.18px;
  line-height: 1;
}

}


/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/components/forms.css ***!
  \**********************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

/* CFS Design System - Form-Specific Tokens
 * Generated from official CFS design tokens
 */

:root {
  /* Form Field Sizing - use CFS spacing tokens */
  --form-field-height-sm: calc(var(--spacing-32) + var(--spacing-4));  /* ~36px */
  --form-field-height-md: calc(var(--spacing-40) + var(--spacing-8));  /* ~48px */
  --form-field-height-lg: calc(var(--spacing-48) + var(--spacing-8));  /* ~56px */
  
  --form-field-padding-x: var(--spacing-16);    /* 16px */
  --form-field-padding-y: var(--spacing-12);    /* 12px */
  
  /* Form Spacing - use CFS spacing */
  --form-field-gap: var(--spacing-24);          /* 24px between fields */
  --form-section-gap: var(--spacing-32);        /* 32px between sections */
  --form-label-gap: var(--spacing-6);           /* 6px label to input */
  --form-help-gap: var(--spacing-4);            /* 4px input to help text */
  
  /* Form Colors - use CFS color tokens */
  --form-field-bg: var(--colour-surface-neutral-background);
  --form-field-bg-disabled: var(--colour-surface-disabled-foreground-secondary);
  
  /* Form Borders - use CFS stroke and surface tokens */
  --form-border-width: var(--stroke-stroke-default);  /* Uses CFS 1px stroke */
  --form-border-color: var(--colour-surface-neutral-border);
  --form-border-color-hover: var(--colour-surface-neutral-interactions-hover);
  --form-border-color-focus: var(--colour-primary-inverse-foreground);
  --form-border-color-error: var(--colour-text-reserved-critical);
  --form-border-color-success: var(--colour-text-reserved-success);
  
  /* Form Typography - use CFS typography tokens */
  --form-label-font: var(--typography-family-default);
  --form-label-size: var(--typography-size-sm);
  --form-label-weight: var(--typography-weight-regular);
  --form-label-color: var(--colour-text-text-primary);
  
  --form-input-font: var(--typography-family-default);
  --form-input-size: var(--typography-size-base);
  --form-input-weight: var(--typography-weight-regular);
  --form-input-color: var(--colour-text-text-primary);
  --form-input-placeholder-color: var(--colour-text-text-secondary);
  
  --form-help-font: var(--typography-family-default);
  --form-help-size: var(--typography-size-sm);
  --form-help-color: var(--colour-text-text-secondary);
  
  --form-error-font: var(--typography-family-default);
  --form-error-size: var(--typography-size-sm);
  --form-error-color: var(--colour-text-reserved-critical);
  
  /* Form States - using CFS colors */
  --form-focus-ring-width: var(--stroke-stroke-lg);  /* CFS 2px stroke for focus */
  --form-focus-ring-color: var(--cfs-colour-primary-50);  /* Use CFS primary blue */
  --form-focus-ring-offset: var(--spacing-2);
  
  /* Form Buttons - use CFS button tokens */
  --form-button-height: var(--form-field-height-md);
  --form-button-padding: var(--spacing-12) var(--spacing-32);
  --form-button-radius: var(--radius-radius-full);
  --form-button-font-weight: var(--typography-weight-medium);
  --form-button-bg: var(--cfs-colour-primary-0);    /* Black */
  --form-button-color: var(--colour-text-text-inverted);
  --form-button-bg-hover: var(--colour-surface-neutral-interactions-hover);
  
  /* Checkbox & Radio - use CFS spacing */
  --form-checkbox-size: var(--spacing-20);  /* 20px */
  --form-radio-size: var(--spacing-20);     /* 20px */
  --form-check-border-width: var(--stroke-stroke-default);  /* CFS 1px stroke */
  --form-check-border-radius: var(--radius-radius-subtle);
  
  /* Select Dropdown - use CFS tokens */
  --form-select-arrow-size: var(--spacing-20);
  --form-select-arrow-color: var(--colour-text-text-secondary);
  
  /* Additional form validation tokens */
  --form-success-bg: var(--cfs-colour-reserved-success-95);   /* Light green background */
  --form-success-border: var(--cfs-colour-reserved-success-80); /* Green border */
  --form-success-color: var(--cfs-colour-reserved-success-30);  /* Dark green text */
  --form-error-bg: var(--cfs-colour-reserved-critical-95);     /* Light red background */
  --form-error-border: var(--cfs-colour-reserved-critical-80);  /* Red border */
  --form-error-color: var(--colour-text-reserved-critical);
  
  /* Form message spacing */
  --form-message-gap: var(--spacing-16);
  --form-message-padding: var(--spacing-16);
  --form-message-radius: var(--radius-radius-default);
}
/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/components.css ***!
  \****************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

/* Source: tokens/component/component.json */
:root {
  --chips-filled-border: var(--colour-neutral-container-border);
  --chips-filled-surface: var(--colour-neutral-container-background);
  --chips-filled-interactions-hover: var(--colour-neutral-container-interactions-hover);
  --chips-filled-interactions-pressed: var(--colour-neutral-container-interactions-pressed);
  --chips-filled-interactions-focused: var(--colour-neutral-container-interactions-focused);
  --chips-filled-selected-border: var(--colour-primary-container-border);
  --chips-filled-selected-surface: var(--colour-primary-container-background);
  --chips-filled-selected-icon: var(--colour-primary-container-foreground);
  --chips-filled-selected-text: var(--colour-primary-container-foreground);
  --chips-filled-selected-interactions-hover: var(--colour-primary-container-interactions-hover);
  --chips-filled-selected-interactions-focused: var(--colour-primary-container-interactions-focused);
  --chips-filled-selected-interactions-pressed: var(--colour-primary-container-interactions-pressed);
  --chips-filled-icon: var(--colour-neutral-container-foreground);
  --chips-filled-text: var(--colour-neutral-container-foreground);
  --chips-chip-radius: var(--cfs-radius-md);
  --chips-outline-border: var(--colour-neutral-container-border);
  --chips-outline-surface: var(--colour-surface-none-none);
  --chips-outline-interactions-hover: var(--colour-neutral-interactions-hover);
  --chips-outline-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --chips-outline-interactions-focused: var(--colour-neutral-interactions-focused);
  --chips-outline-icon: var(--colour-neutral-container-foreground);
  --chips-outline-text: var(--colour-neutral-container-foreground);
  --chips-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --chips-disabled-background: var(--colour-neutral-disabled-background);
  --button-button-radius: var(--cfs-radius-3x-large);
  --button-primary-filled-border: var(--colour-primary-border);
  --button-primary-filled-surface: var(--colour-primary-background);
  --button-primary-filled-icon: var(--colour-primary-foreground);
  --button-primary-filled-text: var(--colour-primary-foreground);
  --button-primary-filled-interactions-hover: var(--colour-primary-interactions-hover);
  --button-primary-filled-interactions-focused: var(--colour-primary-interactions-focused);
  --button-primary-filled-interactions-pressed: var(--colour-primary-interactions-pressed);
  --button-primary-outline-border: var(--colour-primary-inverse-foreground);
  --button-primary-outline-surface: var(--colour-primary-inverse-background);
  --button-primary-outline-icon: var(--colour-primary-inverse-foreground);
  --button-primary-outline-text: var(--colour-primary-inverse-foreground);
  --button-primary-outline-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --button-primary-outline-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --button-primary-outline-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --button-primary-text-icon: var(--colour-primary-inverse-foreground);
  --button-primary-text-text: var(--colour-primary-inverse-foreground);
  --button-primary-text-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --button-primary-text-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --button-primary-text-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --button-primary-disabled-border: var(--colour-primary-disabled-background);
  --button-primary-disabled-surface: var(--colour-primary-disabled-background);
  --button-primary-disabled-icon: var(--colour-primary-disabled-foreground);
  --button-primary-disabled-text: var(--colour-primary-disabled-foreground);
  --button-secondary-filled-border: var(--colour-secondary-border);
  --button-secondary-filled-surface: var(--colour-secondary-background);
  --button-secondary-filled-icon: var(--colour-secondary-foreground);
  --button-secondary-filled-text: var(--colour-secondary-foreground);
  --button-secondary-filled-interactions-hover: var(--colour-secondary-interactions-hover);
  --button-secondary-filled-interactions-focused: var(--colour-secondary-interactions-focused);
  --button-secondary-filled-interactions-pressed: var(--colour-secondary-interactions-pressed);
  --button-secondary-outline-border: var(--colour-secondary-inverse-foreground);
  --button-secondary-outline-surface: var(--colour-secondary-inverse-background);
  --button-secondary-outline-icon: var(--colour-secondary-inverse-foreground);
  --button-secondary-outline-text: var(--colour-secondary-inverse-foreground);
  --button-secondary-outline-interactions-hover: var(--colour-secondary-inverse-interactions-hover);
  --button-secondary-outline-interactions-focused: var(--colour-secondary-inverse-interactions-focused);
  --button-secondary-outline-interactions-pressed: var(--colour-secondary-inverse-interactions-pressed);
  --button-secondary-text-icon: var(--colour-secondary-inverse-foreground);
  --button-secondary-text-text: var(--colour-secondary-inverse-foreground);
  --button-secondary-text-interactions-hover: var(--colour-secondary-inverse-interactions-hover);
  --button-secondary-text-interactions-focused: var(--colour-secondary-inverse-interactions-focused);
  --button-secondary-text-interactions-pressed: var(--colour-secondary-inverse-interactions-pressed);
  --button-secondary-disabled-border: var(--colour-secondary-disabled-background);
  --button-secondary-disabled-surface: var(--colour-secondary-disabled-background);
  --button-secondary-disabled-icon: var(--colour-secondary-disabled-foreground);
  --button-secondary-disabled-text: var(--colour-secondary-disabled-foreground);
  --button-tertiary-filled-border: var(--colour-neutral-container-border);
  --button-tertiary-filled-surface: var(--colour-neutral-container-background);
  --button-tertiary-filled-icon: var(--colour-neutral-container-foreground);
  --button-tertiary-filled-text: var(--colour-neutral-container-foreground);
  --button-tertiary-filled-interactions-hover: var(--colour-neutral-container-interactions-hover);
  --button-tertiary-filled-interactions-focused: var(--colour-neutral-container-interactions-focused);
  --button-tertiary-filled-interactions-pressed: var(--colour-neutral-container-interactions-pressed);
  --button-tertiary-outline-border: var(--colour-neutral-container-border);
  --button-tertiary-outline-surface: var(--colour-surface-none-none);
  --button-tertiary-outline-icon: var(--colour-neutral-container-foreground);
  --button-tertiary-outline-text: var(--colour-neutral-container-foreground);
  --button-tertiary-outline-interactions-hover: var(--colour-neutral-container-interactions-hover);
  --button-tertiary-outline-interactions-focused: var(--colour-neutral-container-interactions-focused);
  --button-tertiary-outline-interactions-pressed: var(--colour-neutral-container-interactions-pressed);
  --button-tertiary-text-icon: var(--colour-neutral-container-foreground);
  --button-tertiary-text-text: var(--colour-neutral-container-foreground);
  --button-tertiary-text-interactions-hover: var(--colour-neutral-interactions-hover);
  --button-tertiary-text-interactions-focused: var(--colour-neutral-interactions-focused);
  --button-tertiary-text-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --button-tertiary-disabled-border: var(--colour-neutral-disabled-background);
  --button-tertiary-disabled-surface: var(--colour-neutral-disabled-background);
  --button-tertiary-disabled-icon: var(--colour-neutral-disabled-foreground);
  --button-tertiary-disabled-text: var(--colour-neutral-disabled-foreground);
  --button-critical-filled-border: var(--colour-reserved-critical-border);
  --button-critical-filled-surface: var(--colour-reserved-critical-background);
  --button-critical-filled-icon: var(--colour-reserved-critical-foreground);
  --button-critical-filled-text: var(--colour-reserved-critical-foreground);
  --button-critical-filled-interactions-hover: var(--colour-reserved-critical-interactions-hover);
  --button-critical-filled-interactions-focused: var(--colour-reserved-critical-interactions-focused);
  --button-critical-filled-interactions-pressed: var(--colour-reserved-critical-interactions-pressed);
  --button-critical-outline-border: var(--colour-reserved-critical-inverse-foreground);
  --button-critical-outline-surface: var(--colour-reserved-critical-inverse-background);
  --button-critical-outline-icon: var(--colour-reserved-critical-inverse-foreground);
  --button-critical-outline-text: var(--colour-reserved-critical-inverse-foreground);
  --button-critical-outline-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --button-critical-outline-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --button-critical-outline-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --button-critical-text-icon: var(--colour-reserved-critical-inverse-foreground);
  --button-critical-text-text: var(--colour-reserved-critical-inverse-foreground);
  --button-critical-text-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --button-critical-text-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --button-critical-text-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --button-critical-disabled-border: var(--colour-reserved-critical-disabled-background);
  --button-critical-disabled-surface: var(--colour-reserved-critical-disabled-background);
  --button-critical-disabled-icon: var(--colour-reserved-critical-disabled-foreground);
  --button-critical-disabled-text: var(--colour-reserved-critical-disabled-foreground);
  --accordion-accordiondivider-icon: var(--colour-icon-icon-link);
  --accordion-accordiondivider-heading: var(--colour-text-text-headings);
  --accordion-accordiondivider-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --accordion-accordiondivider-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --accordion-accordiondivider-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --accordion-accordioncontainer-accordioncontainer-radius: var(--cfs-radius-lg);
  --accordion-accordioncontainer-icon: var(--colour-icon-icon-link);
  --accordion-accordioncontainer-heading: var(--colour-text-text-headings);
  --accordion-accordioncontainer-border: var(--colour-surface-neutral-border);
  --accordion-accordioncontainer-background: var(--colour-surface-neutral-background);
  --divider-default: var(--colour-surface-neutral-border);
  --iconbutton-iconbutton-radius: var(--cfs-radius-3x-large);
  --iconbutton-primary-filled-border: var(--colour-primary-border);
  --iconbutton-primary-filled-surface: var(--colour-primary-background);
  --iconbutton-primary-filled-interactions-hover: var(--colour-primary-interactions-hover);
  --iconbutton-primary-filled-interactions-focused: var(--colour-primary-interactions-focused);
  --iconbutton-primary-filled-interactions-pressed: var(--colour-primary-interactions-pressed);
  --iconbutton-primary-filled-icon: var(--colour-primary-foreground);
  --iconbutton-primary-outline-border: var(--colour-primary-inverse-foreground);
  --iconbutton-primary-outline-surface: var(--colour-primary-inverse-background);
  --iconbutton-primary-outline-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --iconbutton-primary-outline-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --iconbutton-primary-outline-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --iconbutton-primary-outline-icon: var(--colour-primary-inverse-foreground);
  --iconbutton-primary-none-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --iconbutton-primary-none-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --iconbutton-primary-none-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --iconbutton-primary-none-icon: var(--colour-primary-inverse-foreground);
  --iconbutton-primary-disabled-border: var(--colour-primary-disabled-background);
  --iconbutton-primary-disabled-surface: var(--colour-primary-disabled-background);
  --iconbutton-primary-disabled-icon: var(--colour-primary-disabled-foreground);
  --iconbutton-secondary-filled-border: var(--colour-secondary-border);
  --iconbutton-secondary-filled-surface: var(--colour-secondary-background);
  --iconbutton-secondary-filled-interactions-hover: var(--colour-secondary-interactions-hover);
  --iconbutton-secondary-filled-interactions-focused: var(--colour-secondary-interactions-focused);
  --iconbutton-secondary-filled-interactions-pressed: var(--colour-secondary-interactions-pressed);
  --iconbutton-secondary-filled-icon: var(--colour-secondary-foreground);
  --iconbutton-secondary-outline-border: var(--colour-secondary-inverse-foreground);
  --iconbutton-secondary-outline-surface: var(--colour-secondary-inverse-background);
  --iconbutton-secondary-outline-interactions-hover: var(--colour-secondary-inverse-interactions-hover);
  --iconbutton-secondary-outline-interactions-focused: var(--colour-secondary-inverse-interactions-focused);
  --iconbutton-secondary-outline-interactions-pressed: var(--colour-secondary-inverse-interactions-pressed);
  --iconbutton-secondary-outline-icon: var(--colour-secondary-inverse-foreground);
  --iconbutton-secondary-none-interactions-hover: var(--colour-secondary-inverse-interactions-hover);
  --iconbutton-secondary-none-interactions-focused: var(--colour-secondary-inverse-interactions-focused);
  --iconbutton-secondary-none-interactions-pressed: var(--colour-secondary-inverse-interactions-pressed);
  --iconbutton-secondary-none-icon: var(--colour-secondary-inverse-foreground);
  --iconbutton-secondary-disabled-border: var(--colour-secondary-disabled-background);
  --iconbutton-secondary-disabled-surface: var(--colour-secondary-disabled-background);
  --iconbutton-secondary-disabled-icon: var(--colour-secondary-disabled-foreground);
  --iconbutton-tertiary-filled-border: var(--colour-neutral-container-border);
  --iconbutton-tertiary-filled-surface: var(--colour-neutral-container-background);
  --iconbutton-tertiary-filled-interactions-hover: var(--colour-neutral-container-interactions-hover);
  --iconbutton-tertiary-filled-interactions-focused: var(--colour-neutral-container-interactions-focused);
  --iconbutton-tertiary-filled-interactions-pressed: var(--colour-neutral-container-interactions-pressed);
  --iconbutton-tertiary-filled-icon: var(--colour-neutral-container-foreground);
  --iconbutton-tertiary-outline-border: var(--colour-neutral-container-border);
  --iconbutton-tertiary-outline-surface: var(--colour-surface-none-none);
  --iconbutton-tertiary-outline-icon: var(--colour-neutral-container-foreground);
  --iconbutton-tertiary-outline-interactions-hover: var(--colour-neutral-container-interactions-hover);
  --iconbutton-tertiary-outline-interactions-focused: var(--colour-neutral-container-interactions-focused);
  --iconbutton-tertiary-outline-interactions-pressed: var(--colour-neutral-container-interactions-pressed);
  --iconbutton-tertiary-none-icon: var(--colour-neutral-container-foreground);
  --iconbutton-tertiary-none-interactions-hover: var(--colour-neutral-interactions-hover);
  --iconbutton-tertiary-none-interactions-focused: var(--colour-neutral-interactions-focused);
  --iconbutton-tertiary-none-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --iconbutton-tertiary-disabled-border: var(--colour-neutral-disabled-background);
  --iconbutton-tertiary-disabled-surface: var(--colour-neutral-disabled-background);
  --iconbutton-tertiary-disabled-icon: var(--colour-neutral-disabled-foreground);
  --iconbutton-critical-filled-border: var(--colour-reserved-critical-border);
  --iconbutton-critical-filled-surface: var(--colour-reserved-critical-background);
  --iconbutton-critical-filled-interactions-hover: var(--colour-reserved-critical-interactions-hover);
  --iconbutton-critical-filled-interactions-focused: var(--colour-reserved-critical-interactions-focused);
  --iconbutton-critical-filled-interactions-pressed: var(--colour-reserved-critical-interactions-pressed);
  --iconbutton-critical-filled-icon: var(--colour-reserved-critical-foreground);
  --iconbutton-critical-outline-border: var(--colour-reserved-critical-inverse-foreground);
  --iconbutton-critical-outline-surface: var(--colour-reserved-critical-inverse-background);
  --iconbutton-critical-outline-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --iconbutton-critical-outline-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --iconbutton-critical-outline-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --iconbutton-critical-outline-icon: var(--colour-reserved-critical-inverse-foreground);
  --iconbutton-critical-none-icon: var(--colour-reserved-critical-inverse-foreground);
  --iconbutton-critical-none-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --iconbutton-critical-none-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --iconbutton-critical-none-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --iconbutton-critical-disabled-border: var(--colour-reserved-critical-disabled-background);
  --iconbutton-critical-disabled-surface: var(--colour-reserved-critical-disabled-background);
  --iconbutton-critical-disabled-icon: var(--colour-reserved-critical-disabled-foreground);
  --textlink-neutral-icon: var(--colour-icon-icon-default);
  --textlink-neutral-text: var(--colour-text-text-primary);
  --textlink-default-primary-text: var(--colour-text-text-link);
  --textlink-default-primary-icon: var(--colour-icon-icon-link);
  --textlink-default-secondary-text: var(--colour-secondary-inverse-foreground);
  --textlink-default-secondary-icon: var(--colour-secondary-inverse-foreground);
  --textlink-container-primary-icon: var(--colour-primary-container-foreground);
  --textlink-container-primary-text: var(--colour-primary-container-foreground);
  --textlink-container-secondary-icon: var(--colour-secondary-container-foreground);
  --textlink-container-secondary-text: var(--colour-secondary-container-foreground);
  --textlink-container-success-icon: var(--colour-reserved-success-container-foreground);
  --textlink-container-success-text: var(--colour-reserved-success-container-foreground);
  --textlink-container-info-icon: var(--colour-reserved-info-container-foreground);
  --textlink-container-info-text: var(--colour-reserved-info-container-foreground);
  --textlink-container-warning-icon: var(--colour-reserved-warning-container-foreground);
  --textlink-container-warning-text: var(--colour-reserved-warning-container-foreground);
  --textlink-container-critical-icon: var(--colour-reserved-critical-container-foreground);
  --textlink-container-critical-text: var(--colour-reserved-critical-container-foreground);
  --textlink-text-success-icon: var(--colour-icon-reserved-icon-success);
  --textlink-text-success-text: var(--colour-text-reserved-success);
  --textlink-text-info-icon: var(--colour-icon-reserved-icon-info);
  --textlink-text-info-text: var(--colour-text-reserved-info);
  --textlink-text-warning-icon: var(--colour-icon-reserved-icon-warning);
  --textlink-text-warning-text: var(--colour-text-reserved-warning);
  --textlink-text-critical-icon: var(--colour-icon-reserved-icon-critical);
  --textlink-text-critical-text: var(--colour-text-reserved-critical);
  --textlink-disabled-icon: var(--colour-icon-icon-disabled);
  --textlink-disabled-text: var(--colour-primary-disabled-foreground);
  --textlink-inverse-icon: var(--colour-icon-icon-inverted);
  --textlink-inverse-text: var(--colour-text-text-inverted);
  --badge-default-primary-text: var(--colour-primary-foreground);
  --badge-default-primary-background: var(--colour-primary-background);
  --badge-default-badge-default-radius: var(--cfs-radius-3x-large);
  --badge-default-primaryinverse-text: var(--colour-primary-inverse-foreground);
  --badge-default-primaryinverse-background: var(--colour-primary-inverse-background);
  --badge-default-secondary-text: var(--colour-secondary-foreground);
  --badge-default-secondary-background: var(--colour-secondary-background);
  --badge-default-secondaryinverse-text: var(--colour-secondary-inverse-foreground);
  --badge-default-secondaryinverse-background: var(--colour-secondary-inverse-background);
  --badge-default-neutral-text: var(--colour-neutral-inverse-foreground);
  --badge-default-neutral-background: var(--colour-neutral-inverse-background);
  --badge-default-neutralinverse-text: var(--colour-neutral-inverse-background);
  --badge-default-neutralinverse-background: var(--colour-surface-neutral-background-3);
  --badge-default-success-text: var(--colour-reserved-success-foreground);
  --badge-default-success-background: var(--colour-reserved-success-background);
  --badge-default-info-text: var(--colour-reserved-info-foreground);
  --badge-default-info-background: var(--colour-reserved-info-background);
  --badge-default-warning-text: var(--colour-reserved-warning-foreground);
  --badge-default-warning-background: var(--colour-reserved-warning-background);
  --badge-default-critical-text: var(--colour-reserved-critical-foreground);
  --badge-default-critical-background: var(--colour-reserved-critical-background);
  --badge-default-criticalinverse-text: var(--colour-reserved-critical-inverse-foreground);
  --badge-default-criticalinverse-background: var(--colour-reserved-critical-inverse-background);
  --badge-default-disabled-text: var(--colour-primary-disabled-foreground);
  --badge-default-disabled-background: var(--colour-primary-disabled-background);
  --badge-status-badge-status-radius: var(--cfs-radius-3x-large);
  --badge-status-text: var(--colour-neutral-container-foreground);
  --badge-status-disabled-disabled-text: var(--colour-neutral-disabled-foreground);
  --badge-status-disabled-disabled-surface: var(--colour-neutral-disabled-background);
  --badge-status-disabled-disabled-border: var(--colour-surface-disabled-border);
  --badge-status-surface: var(--colour-neutral-background);
  --badge-status-border: var(--colour-neutral-container-border);
  --badge-dot-primary-background: var(--colour-primary-background);
  --badge-dot-neutral-background: var(--colour-neutral-inverse-background);
  --badge-dot-success-background: var(--colour-icon-reserved-icon-success);
  --badge-dot-info-background: var(--colour-icon-reserved-icon-info);
  --badge-dot-warning-background: var(--colour-icon-reserved-icon-warning);
  --badge-dot-critical-background: var(--colour-icon-reserved-icon-critical);
  --badge-dot-disabled-background: var(--colour-primary-disabled-foreground);
  --avatar-avatar-radius-full: var(--cfs-radius-3x-large);
  --avatar-avatar-radius-x-large: var(--cfs-radius-lg);
  --avatar-avatar-radius: var(--cfs-radius-md);
  --avatar-avatar-radius-small: var(--cfs-radius-sm);
  --avatar-border: var(--colour-surface-inverted-foreground-primary);
  --avatar-inactive-border-guest: var(--colour-surface-neutral-border);
  --avatar-inactive-background-guest: var(--colour-surface-neutral-background);
  --avatar-inactive-foreground-primary: var(--colour-text-text-primary);
  --avatar-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --avatar-disabled-background: var(--colour-neutral-disabled-background);
  --avatar-yellow-foreground: var(--colour-decorative-yellow-foreground);
  --avatar-yellow-background: var(--colour-decorative-yellow-surface);
  --avatar-green-foreground: var(--colour-decorative-green-foreground);
  --avatar-green-background: var(--colour-decorative-green-surface);
  --avatar-teal-foreground: var(--colour-decorative-teal-foreground);
  --avatar-teal-background: var(--colour-decorative-teal-surface);
  --avatar-blue-foreground: var(--colour-decorative-blue-foreground);
  --avatar-blue-background: var(--colour-decorative-blue-surface);
  --avatar-purple-foreground: var(--colour-decorative-purple-foreground);
  --avatar-purple-background: var(--colour-decorative-purple-surface);
  --avatar-pink-foreground: var(--colour-decorative-pink-foreground);
  --avatar-pink-background: var(--colour-decorative-pink-surface);
  --avatar-coral-foreground: var(--colour-decorative-coral-foreground);
  --avatar-coral-background: var(--colour-decorative-coral-surface);
  --alert-notice-radius: var(--cfs-radius-md);
  --alert-alert-box-success-icon: var(--colour-reserved-success-container-foreground);
  --alert-alert-box-success-text: var(--colour-reserved-success-container-foreground);
  --alert-alert-box-success-surface: var(--colour-reserved-success-container-background);
  --alert-alert-box-info-icon: var(--colour-reserved-info-container-foreground);
  --alert-alert-box-info-text: var(--colour-reserved-info-container-foreground);
  --alert-alert-box-info-surface: var(--colour-reserved-info-container-background);
  --alert-alert-box-warning-icon: var(--colour-reserved-warning-container-foreground);
  --alert-alert-box-warning-text: var(--colour-reserved-warning-container-foreground);
  --alert-alert-box-warning-surface: var(--colour-reserved-warning-container-background);
  --alert-alert-box-critical-icon: var(--colour-reserved-critical-container-foreground);
  --alert-alert-box-critical-text: var(--colour-reserved-critical-container-foreground);
  --alert-alert-box-critical-surface: var(--colour-reserved-critical-container-background);
  --alert-text-success-icon: var(--colour-reserved-success-inverse-foreground);
  --alert-text-success-text: var(--colour-text-reserved-success);
  --alert-text-info-icon: var(--colour-reserved-info-inverse-foreground);
  --alert-text-info-text: var(--colour-text-reserved-info);
  --alert-text-warning-icon: var(--colour-reserved-warning-inverse-foreground);
  --alert-text-warning-text: var(--colour-text-reserved-warning);
  --alert-text-critical-icon: var(--colour-reserved-critical-inverse-foreground);
  --alert-text-critical-text: var(--colour-text-reserved-critical);
  --appheader-appheader-radius: var(--cfs-radius-md);
  --appheader-icon-primary: var(--colour-text-text-headings);
  --appheader-icon: var(--colour-icon-icon-neutral);
  --appheader-text-primary: var(--colour-text-text-headings);
  --appheader-text-secondary: var(--colour-text-text-secondary);
  --appheader-background: var(--colour-surface-neutral-background);
  --appheader-accent: var(--button-secondary-filled-surface);
  --appheader-interactions-hover: var(--colour-neutral-interactions-hover);
  --appheader-interactions-focused: var(--colour-neutral-interactions-focused);
  --appheader-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --breadcrumb-icon: var(--colour-icon-icon-neutral);
  --breadcrumb-current-page: var(--colour-text-text-primary);
  --sidenav-appnavigation-text: var(--colour-text-text-primary);
  --sidenav-appnavigation-caret: var(--colour-icon-icon-neutral);
  --sidenav-appnavigation-icon: var(--colour-neutral-container-foreground);
  --sidenav-appnavigation-surface: var(--colour-surface-neutral-background-1);
  --sidenav-appnavigation-active-surface: var(--colour-surface-neutral-background-2);
  --sidenav-appnavigation-active-interactions-hover: var(--colour-surface-neutral-interactions-hover);
  --sidenav-appnavigation-active-interactions-pressed: var(--colour-surface-neutral-interactions-pressed);
  --sidenav-appnavigation-interactions-hover: var(--colour-neutral-interactions-hover);
  --sidenav-appnavigation-interactions-focused: var(--colour-neutral-interactions-focused);
  --sidenav-appnavigation-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --sidenav-appnavigation-selected-surface: var(--colour-primary-container-background);
  --sidenav-appnavigation-selected-text: var(--colour-text-text-headings);
  --sidenav-appnavigation-selected-icon: var(--colour-text-text-headings);
  --sidenav-appnavigation-selected-interactions-hover: var(--colour-primary-container-interactions-hover);
  --sidenav-appnavigation-selected-interactions-pressed: var(--colour-primary-container-interactions-pressed);
  --sidenav-pagenavigation-sidebarnavigation-radius: var(--cfs-radius-md);
  --sidenav-pagenavigation-icon: var(--colour-icon-icon-default);
  --sidenav-pagenavigation-text: var(--colour-text-text-primary);
  --sidenav-pagenavigation-chevron: var(--colour-icon-icon-neutral);
  --sidenav-pagenavigation-interactions-hover: var(--colour-neutral-interactions-hover);
  --sidenav-pagenavigation-interactions-focused: var(--colour-neutral-interactions-focused);
  --sidenav-pagenavigation-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --sidenav-pagenavigation-surface: var(--colour-surface-neutral-background);
  --sidenav-pagenavigation-selected-surface: var(--colour-primary-inverse-interactions-hover);
  --sidenav-pagenavigation-selected-interactions-hover: var(--colour-primary-inverse-interactions-pressed);
  --sidenav-pagenavigation-selected-interactions-pressed: var(--colour-primary-inverse-interactions-focused);
  --sidenav-pagenavigation-selected-text: var(--colour-text-text-headings);
  --sidenav-pagenavigation-selected-icon: var(--colour-text-text-headings);
  --tabs-text-primary: var(--colour-text-text-headings);
  --tabs-text-secondary: var(--colour-text-text-secondary);
  --tabs-accent: var(--colour-secondary-background);
  --tabs-interactions-hover: var(--colour-neutral-interactions-hover);
  --tabs-interactions-focused: var(--colour-neutral-interactions-focused);
  --tabs-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --input-input-radius: var(--cfs-radius-sm);
  --input-input-radius-full: var(--cfs-radius-3x-large);
  --input-border-weight: var(--cfs-stroke-1);
  --input-icon: var(--colour-icon-icon-neutral);
  --input-heading: var(--colour-text-text-primary);
  --input-secondary: var(--colour-text-text-secondary);
  --input-value: var(--colour-text-text-primary);
  --input-border: var(--colour-surface-neutral-interactive-border);
  --input-background: var(--colour-surface-neutral-background);
  --input-tonal-background: var(--colour-surface-neutral-background-1);
  --input-tonal-hover-background: var(--colour-primary-container-interactions-hover);
  --input-required: var(--colour-text-reserved-critical);
  --input-hover-border: var(--colour-surface-neutral-foreground-secondary);
  --input-hover-background: var(--colour-neutral-background);
  --input-error-border: var(--colour-reserved-critical-border);
  --input-error-message: var(--colour-text-reserved-critical);
  --input-error-icon: var(--colour-reserved-critical-inverse-foreground);
  --input-error-background: var(--colour-surface-neutral-background);
  --input-disabled-border: var(--colour-surface-neutral-border);
  --input-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --input-disabled-background: var(--colour-neutral-disabled-background);
  --input-focused-border: var(--colour-primary-border);
  --input-focused-ring: var(--colour-primary-inverse-interactions-focused);
  --input-focused-ring-weight: var(--cfs-stroke-2);
  --input-focused-background: var(--colour-surface-neutral-background);
  --input-active-border: var(--colour-primary-border);
  --input-active-ring: var(--colour-primary-inverse-interactions-pressed);
  --input-active-ring-weight: var(--cfs-stroke-2);
  --input-active-background: var(--colour-surface-neutral-background);
  --checkbox-checkbox-radius: var(--cfs-radius-sm);
  --checkbox-label: var(--colour-text-text-primary);
  --checkbox-unselected-background: var(--colour-surface-neutral-background);
  --checkbox-unselected-border: var(--colour-primary-border);
  --checkbox-unselected-interactions-hover: var(--button-primary-outline-interactions-hover);
  --checkbox-unselected-interactions-pressed: var(--button-primary-outline-interactions-pressed);
  --checkbox-unselected-interactions-focused: var(--button-primary-outline-interactions-focused);
  --checkbox-selected-background: var(--colour-primary-background);
  --checkbox-selected-border: var(--colour-primary-border);
  --checkbox-selected-interactions-hover: var(--colour-secondary-interactions-hover);
  --checkbox-selected-interactions-pressed: var(--colour-secondary-interactions-pressed);
  --checkbox-selected-interactions-focused: var(--colour-secondary-interactions-focused);
  --checkbox-selected-icon: var(--colour-secondary-foreground);
  --checkbox-critical-unselected-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --checkbox-critical-unselected-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --checkbox-critical-unselected-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --checkbox-critical-unselected-border: var(--colour-reserved-critical-border);
  --checkbox-critical-unselected-background: var(--colour-surface-neutral-background);
  --checkbox-critical-unselected-icon: var(--colour-secondary-foreground);
  --checkbox-critical-selected-interactions-hover: var(--colour-reserved-critical-interactions-hover);
  --checkbox-critical-selected-interactions-pressed: var(--colour-reserved-critical-interactions-pressed);
  --checkbox-critical-selected-interactions-focused: var(--colour-reserved-critical-interactions-focused);
  --checkbox-critical-selected-border: var(--colour-reserved-critical-border);
  --checkbox-critical-selected-surface: var(--colour-reserved-critical-background);
  --checkbox-critical-selected-icon: var(--colour-secondary-foreground);
  --checkbox-disabled-border: var(--colour-surface-neutral-border);
  --checkbox-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --checkbox-disabled-background: var(--colour-neutral-disabled-background);
  --radio-checkbox-radius: var(--cfs-radius-sm);
  --radio-label: var(--colour-text-text-primary);
  --radio-unselected-background: var(--colour-surface-neutral-background);
  --radio-unselected-border: var(--colour-primary-border);
  --radio-unselected-interactions-hover: var(--colour-surface-tonal-interactions-hover);
  --radio-unselected-interactions-pressed: var(--colour-surface-tonal-interactions-pressed);
  --radio-unselected-interactions-focused: var(--colour-surface-tonal-interactions-focused);
  --radio-selected-background: var(--colour-surface-neutral-background);
  --radio-selected-border: var(--colour-primary-border);
  --radio-selected-icon: var(--colour-primary-inverse-foreground);
  --radio-selected-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --radio-selected-interactions-pressed: var(--colour-primary-inverse-interactions-pressed);
  --radio-selected-interactions-focused: var(--colour-primary-inverse-interactions-focused);
  --radio-critical-unselected-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --radio-critical-unselected-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --radio-critical-unselected-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --radio-critical-unselected-border: var(--colour-reserved-critical-border);
  --radio-critical-unselected-background: var(--colour-surface-neutral-background);
  --radio-critical-selected-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --radio-critical-selected-interactions-pressed: var(--colour-reserved-critical-inverse-interactions-pressed);
  --radio-critical-selected-interactions-focused: var(--colour-reserved-critical-inverse-interactions-focused);
  --radio-critical-selected-border: var(--colour-reserved-critical-border);
  --radio-critical-selected-surface: var(--colour-surface-neutral-background);
  --radio-critical-selected-icon: var(--colour-reserved-critical-inverse-foreground);
  --radio-disabled-border: var(--colour-surface-neutral-border);
  --radio-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --radio-disabled-background: var(--colour-neutral-disabled-background);
  --arrayfield-arrayfield-radius: var(--cfs-radius-lg);
  --arrayfield-icon: var(--colour-icon-icon-link);
  --arrayfield-heading: var(--colour-text-text-headings);
  --arrayfield-secondary: var(--colour-text-text-secondary);
  --arrayfield-border: var(--colour-surface-neutral-border);
  --arrayfield-error-error-border: var(--colour-reserved-critical-border);
  --arrayfield-error-error-icon: var(--colour-reserved-critical-inverse-foreground);
  --arrayfield-error-error-message: var(--colour-text-reserved-critical);
  --arrayfield-background: var(--colour-surface-neutral-background);
  --buttongroup-buttongroup-radius: var(--cfs-radius-md);
  --buttongroup-active-selected-border: var(--colour-primary-border);
  --buttongroup-active-selected-surface: var(--colour-primary-background);
  --buttongroup-active-selected-text: var(--colour-primary-foreground);
  --buttongroup-active-text: var(--colour-text-text-primary);
  --buttongroup-active-surfacde: var(--colour-surface-none-none);
  --buttongroup-active-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --buttongroup-critical-selected-border: var(--colour-reserved-critical-border);
  --buttongroup-critical-selected-surface: var(--colour-reserved-critical-background);
  --buttongroup-critical-selected-text: var(--colour-reserved-critical-foreground);
  --buttongroup-critical-text: var(--colour-text-text-primary);
  --buttongroup-critical-surface: var(--colour-surface-none-none);
  --buttongroup-critical-interactions-hover: var(--colour-reserved-critical-inverse-interactions-hover);
  --toggle-toggle-radius: var(--cfs-radius-3x-large);
  --toggle-off-handle: var(--appheader-text-secondary);
  --toggle-off-stroke: var(--appheader-text-secondary);
  --toggle-off-track: var(--colour-surface-neutral-background-4);
  --toggle-off-interactions-hover: var(--colour-neutral-interactions-hover);
  --toggle-off-interactions-focused: var(--colour-neutral-interactions-focused);
  --toggle-off-disabled-handle: var(--colour-surface-neutral-interactions-pressed);
  --toggle-off-disabled-stroke: var(--colour-neutral-interactions-hover);
  --toggle-off-disabled-track: var(--colour-secondary-disabled-background);
  --toggle-off-read-only-handle: var(--colour-surface-neutral-foreground-secondary);
  --toggle-off-read-only-stroke: var(--colour-surface-neutral-foreground-secondary);
  --toggle-off-read-only-track: var(--colour-surface-neutral-background);
  --toggle-on-handle: var(--colour-surface-neutral-background);
  --toggle-on-track: var(--colour-icon-reserved-icon-success);
  --toggle-on-interactions-hover: var(--colour-reserved-success-interactions-focused);
  --toggle-on-interactions-focused: var(--colour-reserved-success-interactions-pressed);
  --toggle-on-interactions-glow-hover: var(--colour-reserved-success-inverse-interactions-hover);
  --toggle-on-interactions-glow-focused: var(--colour-reserved-success-inverse-interactions-focused);
  --toggle-on-disabled-handle: var(--colour-surface-neutral-background);
  --toggle-on-disabled-track: var(--colour-secondary-disabled-background);
  --toggle-on-readonly-handle: var(--colour-surface-neutral-foreground-secondary);
  --toggle-on-readonly-stroke: var(--colour-surface-neutral-foreground-secondary);
  --toggle-on-readonly-track: var(--colour-surface-neutral-background);
  --tags-tag-radius: var(--cfs-radius-sm);
  --tags-neutral-foreground: var(--colour-text-text-primary);
  --tags-neutral-background: var(--colour-surface-neutral-background-4);
  --tags-inactive-border-guest: var(--colour-surface-neutral-border);
  --tags-inactive-background-guest: var(--colour-surface-neutral-background);
  --tags-inactive-foreground-primary: var(--colour-text-text-primary);
  --tags-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --tags-disabled-background: var(--colour-neutral-disabled-background);
  --tags-yellow-foreground: var(--colour-decorative-yellow-foreground);
  --tags-yellow-background: var(--colour-decorative-yellow-surface);
  --tags-green-foreground: var(--colour-decorative-green-foreground);
  --tags-green-background: var(--colour-decorative-green-surface);
  --tags-teal-foreground: var(--colour-decorative-teal-foreground);
  --tags-teal-background: var(--colour-decorative-teal-surface);
  --tags-blue-foreground: var(--colour-decorative-blue-foreground);
  --tags-blue-background: var(--colour-decorative-blue-surface);
  --tags-purple-foreground: var(--colour-decorative-purple-foreground);
  --tags-purple-background: var(--colour-decorative-purple-surface);
  --tags-pink-foreground: var(--colour-decorative-pink-foreground);
  --tags-pink-background: var(--colour-decorative-pink-surface);
  --tags-coral-foreground: var(--colour-decorative-coral-foreground);
  --tags-coral-background: var(--colour-decorative-coral-surface);
  --toast-toast-radius: var(--cfs-radius-md);
  --toast-heading: var(--colour-text-text-primary);
  --toast-text: var(--colour-text-text-secondary);
  --toast-surface: var(--colour-surface-neutral-background);
  --toast-icon-success: var(--colour-icon-reserved-icon-success);
  --toast-icon-info: var(--colour-icon-reserved-icon-info);
  --toast-icon-warning: var(--colour-icon-reserved-icon-warning);
  --toast-icon-critical: var(--colour-icon-reserved-icon-critical);
  --toast-icon-close: var(--colour-icon-icon-default);
  --loading-primary: var(--colour-icon-icon-link);
  --loading-secondary: var(--colour-icon-icon-secondary);
  --loading-neutral: var(--colour-icon-icon-neutral);
  --loading-critical: var(--colour-reserved-critical-inverse-foreground);
  --loading-inverse: var(--colour-icon-icon-inverted);
  --blanket-surface: var(--colour-neutral-container-interactions-overlay);
  --modaldialog-modaldialog-radius: var(--cfs-radius-x-large);
  --modaldialog-heading: var(--colour-text-text-headings);
  --modaldialog-text: var(--colour-text-text-secondary);
  --modaldialog-surface: var(--colour-surface-neutral-background);
  --sidedrawer-sidedrawer-radius: var(--cfs-radius-x-large);
  --sidedrawer-surface: var(--colour-surface-neutral-background);
  --sidedrawer-heading: var(--colour-text-text-headings);
  --sidedrawer-text: var(--colour-text-text-secondary);
  --tooltip-foreground: var(--colour-neutral-inverse-foreground);
  --tooltip-background: var(--colour-neutral-inverse-background);
  --tooltip-border: var(--colour-neutral-inverse-background);
  --menu-menu-radius: var(--cfs-radius-md);
  --menu-background: var(--colour-surface-neutral-background-1);
  --menu-configmenu-icon: var(--colour-icon-icon-default);
  --menu-configmenu-label: var(--colour-text-text-primary);
  --menu-configmenu-group-heading: var(--colour-text-text-secondary);
  --menu-configmenu-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --menu-dropdownmenu-dropdownmenu-radius: var(--cfs-radius-md);
  --menu-dropdownmenu-icon: var(--colour-icon-icon-default);
  --menu-dropdownmenu-chevron: var(--colour-icon-icon-neutral);
  --menu-dropdownmenu-label: var(--colour-text-text-primary);
  --menu-dropdownmenu-label-critical: var(--colour-text-reserved-critical);
  --menu-dropdownmenu-group-heading: var(--colour-text-text-secondary);
  --menu-dropdownmenu-interactions-hover: var(--colour-neutral-interactions-hover);
  --menu-dropdownmenu-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --menu-dropdownmenu-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --menu-selectmenuitem-icon: var(--colour-icon-icon-neutral);
  --menu-selectmenuitem-label: var(--colour-text-text-primary);
  --menu-selectmenuitem-action: var(--colour-text-text-link);
  --menu-selectmenuitem-secondary: var(--colour-text-text-secondary);
  --menu-selectmenuitem-background: var(--colour-surface-neutral-background);
  --menu-selectmenuitem-interactions-hover: var(--colour-neutral-interactions-hover);
  --menu-selectmenuitem-interactions-selected: var(--colour-neutral-interactions-hover);
  --menu-selectmenuitem-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --menu-selectmenuitem-disabled-background: var(--colour-neutral-disabled-background);
  --calendarpicker-calendarpicker-radius: var(--cfs-radius-md);
  --calendarpicker-heading: var(--colour-text-text-primary);
  --calendarpicker-day-disabled-text: var(--colour-text-text-disabled);
  --calendarpicker-day-active-text: var(--colour-text-text-primary);
  --calendarpicker-day-active-surface: var(--colour-surface-none-none);
  --calendarpicker-day-today-text: var(--colour-text-text-primary);
  --calendarpicker-day-today-border: var(--colour-primary-inverse-foreground);
  --calendarpicker-day-interactions-hover: var(--colour-primary-inverse-interactions-hover);
  --calendarpicker-day-selected-surface: var(--colour-primary-inverse-foreground);
  --calendarpicker-day-selected-range: var(--colour-primary-inverse-interactions-hover);
  --calendarpicker-day-selected-text: var(--colour-text-text-inverted);
  --calendarpicker-surface: var(--colour-surface-neutral-background-1);
  --calendarpicker-border: var(--colour-surface-neutral-border);
  --calendarpicker-handle: var(--colour-neutral-disabled-foreground);
  --listitem-listitem-radius: var(--cfs-radius-md);
  --listitem-interactions-hover: var(--colour-neutral-interactions-hover);
  --listitem-interactions-focused: var(--colour-neutral-interactions-focused);
  --listitem-interactions-pressed: var(--colour-neutral-interactions-pressed);
  --listitem-interactions-selected: var(--colour-neutral-interactions-pressed);
  --listitem-surface: var(--colour-surface-neutral-background);
  --table-cell-text: var(--colour-text-text-secondary);
  --table-cell-primary: var(--colour-text-text-primary);
  --table-cell-icon: var(--colour-icon-icon-default);
  --table-cell-surface: var(--colour-surface-neutral-background);
  --table-cell-grouped: var(--colour-surface-neutral-background-1);
  --table-cell-divider: var(--colour-surface-neutral-border);
  --table-alert-success-icon: var(--colour-reserved-success-container-foreground);
  --table-alert-success-text: var(--colour-reserved-success-container-foreground);
  --table-alert-success-surface: var(--colour-reserved-success-container-background);
  --table-alert-info-icon: var(--colour-reserved-info-container-foreground);
  --table-alert-info-text: var(--colour-reserved-info-container-foreground);
  --table-alert-info-surface: var(--colour-reserved-info-container-background);
  --table-alert-warning-icon: var(--colour-reserved-warning-container-foreground);
  --table-alert-warning-text: var(--colour-reserved-warning-container-foreground);
  --table-alert-warning-surface: var(--colour-reserved-warning-container-background);
  --table-alert-critical-icon: var(--colour-reserved-critical-container-foreground);
  --table-alert-critical-text: var(--colour-reserved-critical-container-foreground);
  --table-alert-critical-surface: var(--colour-reserved-critical-container-background);
  --table-selected-icon: var(--colour-primary-container-foreground);
  --table-selected-text: var(--colour-primary-container-foreground);
  --table-selected-surface: var(--colour-primary-container-background);
  --table-disabled-foreground: var(--colour-neutral-disabled-foreground);
  --table-disabled-background: var(--colour-neutral-disabled-background);
  --table-columnheader-label: var(--colour-text-text-secondary);
  --table-columnheader-icon: var(--colour-icon-icon-neutral);
  --table-columnheader-surface: var(--colour-surface-neutral-background);
  --table-groupheader-label: var(--colour-text-text-primary);
  --table-groupheader-icon: var(--colour-icon-icon-default);
  --table-groupheader-surface: var(--colour-surface-neutral-background-2);
  --navigationbar-add-icon: var(--colour-icon-icon-inverted);
  --navigationbar-add-background: var(--colour-primary-background);
  --navigationbar-default-icon: var(--colour-text-text-headings);
  --navigationbar-default-label: var(--colour-text-text-headings);
  --navigationbar-default-selection: var(--colour-primary-container-background);
  --navigationbar-background: var(--colour-surface-neutral-background);
  --progressrope-active: var(--colour-text-text-link);
  --progressrope-complete: var(--colour-text-text-primary);
  --progressrope-to-do: var(--colour-text-text-secondary);
  --progressrope-track-active-outline: var(--colour-primary-inverse-foreground);
  --progressrope-track-active-fill: var(--colour-surface-neutral-background-1);
  --progressrope-track-active-border: var(--colour-primary-border);
  --progressrope-track-default-outline: var(--colour-surface-neutral-border);
  --progressrope-track-default-fill: var(--colour-surface-neutral-background-1);
  --progressrope-track-default-border: var(--colour-surface-neutral-border);
  --fileupload-pagedrag: var(--colour-primary-inverse-interactions-pressed);
}

/* Source: tokens/semantic/desktop.json - Desktop screen sizes (default) */
:root {
  --progressrope-typography-heading-font-family: var(--cfs-typography-family-body);
  --progressrope-typography-heading-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --progressrope-typography-heading-size: var(--cfs-typography-size-desktop-body-xsmall);
  --progressrope-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
  --progressrope-typography-label-active-font-family: var(--cfs-typography-family-body);
  --progressrope-typography-label-active-weight: var(--cfs-typography-weight-desktop-body-tertiary);
  --progressrope-typography-label-active-size: var(--cfs-typography-size-desktop-body-xsmall);
  --progressrope-typography-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --progressrope-typography-label-default-font-family: var(--cfs-typography-family-body);
  --progressrope-typography-label-default-weight: var(--cfs-typography-weight-desktop-body-primary);
  --progressrope-typography-label-default-size: var(--cfs-typography-size-desktop-body-xsmall);
  --progressrope-typography-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --progressrope-typography-subtask-label-active-font-family: var(--cfs-typography-family-body);
  --progressrope-typography-subtask-label-active-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --progressrope-typography-subtask-label-active-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --progressrope-typography-subtask-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --progressrope-typography-subtask-label-default-font-family: var(--cfs-typography-family-body);
  --progressrope-typography-subtask-label-default-weight: var(--cfs-typography-weight-desktop-body-primary);
  --progressrope-typography-subtask-label-default-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --progressrope-typography-subtask-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --progressrope-sidebarnavigationitem-padding-height: var(--cfs-spacing-16);
  --progressrope-sidebarnavigationitem-padding-height-small: var(--cfs-spacing-12);
  --progressrope-progressrope-padding-heading: var(--cfs-spacing-56);
  --accordion-accordion-container-top-padding: var(--cfs-spacing-24);
  --accordion-accordiondivider-top-padding: var(--cfs-spacing-16);
  --accordion-typography-font-family: var(--cfs-typography-family-headings);
  --accordion-typography-size: var(--cfs-typography-size-desktop-h6);
  --accordion-typography-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --accordion-typography-weight: var(--cfs-typography-weight-desktop-display);
  --button-height-large: var(--cfs-spacing-48);
  --button-height-medium: var(--cfs-spacing-40);
  --button-height-small: var(--cfs-spacing-32);
  --button-padding-large: var(--cfs-spacing-8);
  --button-padding-medium: var(--cfs-spacing-8);
  --button-padding-small: var(--cfs-spacing-8);
  --button-icon-large: var(--cfs-spacing-32);
  --button-icon-medium: var(--cfs-spacing-24);
  --button-icon-small: var(--cfs-spacing-20);
  --button-typography-font-family: var(--cfs-typography-family-body);
  --button-typography-weight: var(--cfs-typography-weight-desktop-body-tertiary);
  --button-typography-small-size: var(--cfs-typography-size-desktop-h7);
  --button-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --button-typography-medium-size: var(--cfs-typography-size-desktop-h6);
  --button-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --button-typography-large-size: var(--cfs-typography-size-desktop-h5);
  --button-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
  --buttongroup-height: var(--cfs-spacing-40);
  --buttongroup-typography-font-family: var(--cfs-typography-family-body);
  --buttongroup-typography-buttongroup-label-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --buttongroup-typography-buttongroup-label-size: var(--cfs-typography-size-desktop-body-small);
  --buttongroup-typography-buttongroup-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --toggle-track-width: var(--cfs-spacing-40);
  --toggle-track-height: var(--cfs-spacing-24);
  --toggle-track-off-padding: var(--cfs-spacing-4);
  --toggle-handle-on-size: var(--cfs-spacing-20);
  --toggle-handle-off-padding: var(--cfs-spacing-2);
  --toggle-handle-readonly-size: var(--cfs-spacing-16);
  --iconbutton-large-padding: var(--cfs-spacing-12);
  --iconbutton-large-icon: var(--cfs-spacing-32);
  --iconbutton-medium-padding: var(--cfs-spacing-8);
  --iconbutton-medium-icon: var(--cfs-spacing-24);
  --iconbutton-small-padding: var(--cfs-spacing-8);
  --iconbutton-small-icon: var(--cfs-spacing-16);
  --badge-default-typography-font-family: var(--cfs-typography-family-body);
  --badge-default-typography-weight: var(--cfs-typography-weight-desktop-body-tertiary);
  --badge-default-typography-size: var(--cfs-typography-size-desktop-body-xsmall);
  --badge-default-typography-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --badge-status-typography-font-family: var(--cfs-typography-family-body);
  --badge-status-typography-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --badge-status-typography-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --badge-status-typography-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --avatar-xsmall: var(--cfs-spacing-24);
  --avatar-small: var(--cfs-spacing-32);
  --avatar-medium: var(--cfs-spacing-48);
  --avatar-large: var(--cfs-spacing-56);
  --avatar-xlarge: var(--cfs-spacing-72);
  --avatar-icon-xsmall: var(--cfs-spacing-16);
  --avatar-icon-small: var(--cfs-spacing-16);
  --avatar-icon-medium: var(--cfs-spacing-24);
  --avatar-icon-large: var(--cfs-spacing-32);
  --avatar-icon-xlarge: var(--cfs-spacing-40);
  --avatar-typography-font-family: var(--cfs-typography-family-body);
  --avatar-typography-weight-semibold: var(--cfs-typography-weight-desktop-body-secondary);
  --avatar-typography-xlarge-size: var(--cfs-spacing-20);
  --avatar-typography-xlarge-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
  --avatar-typography-large-size: var(--cfs-typography-size-desktop-body);
  --avatar-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
  --avatar-typography-medium-size: var(--cfs-typography-size-desktop-body-small);
  --avatar-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --avatar-typography-small-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --avatar-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --avatar-typography-xsmall-size: var(--cfs-typography-size-desktop-body-xsmall);
  --avatar-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --toast-toast-content-padding: var(--cfs-spacing-16);
  --toast-typography-font-family: var(--cfs-typography-family-body);
  --toast-typography-heading-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --toast-typography-heading-size: var(--cfs-typography-size-desktop-body-small);
  --toast-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --toast-typography-messgage-weight: var(--cfs-typography-weight-desktop-body-primary);
  --toast-typography-messgage-size: var(--cfs-typography-size-desktop-body-xsmall);
  --toast-typography-messgage-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
  --alert-alert-content-spacing: var(--cfs-spacing-8);
  --alert-typography-heading-font-family: var(--cfs-typography-family-headings);
  --alert-typography-heading-size: var(--cfs-typography-size-desktop-h6);
  --alert-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --alert-typography-heading-weight: var(--cfs-typography-weight-desktop-display);
  --alert-typography-message-font-family: var(--cfs-typography-family-body);
  --alert-typography-message-size: var(--cfs-typography-size-desktop-body-xsmall);
  --alert-typography-message-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
  --alert-typography-message-weight: var(--cfs-typography-weight-desktop-body-primary);
  --listitem-typography-font-family: var(--cfs-typography-family-body);
  --listitem-typography-listitem-supertext-weight: var(--cfs-typography-weight-desktop-body-primary);
  --listitem-typography-listitem-supertext-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --listitem-typography-listitem-supertext-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --listitem-typography-listitem-label-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --listitem-typography-listitem-label-size: var(--cfs-typography-size-desktop-body);
  --listitem-typography-listitem-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
  --listitem-typography-listitem-subtext-weight: var(--cfs-typography-weight-desktop-body-primary);
  --listitem-typography-listitem-subtext-size: var(--cfs-typography-size-desktop-body-xsmall);
  --listitem-typography-listitem-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
  --arrayfield-arrayfield-padding-content: var(--cfs-spacing-16);
  --arrayfield-typography-font-family: var(--cfs-typography-family-body);
  --arrayfield-typography-arrayfield-item-number-weight: var(--cfs-typography-weight-desktop-body-tertiary);
  --arrayfield-typography-arrayfield-item-number-size: var(--cfs-typography-size-desktop-body-xsmall);
  --arrayfield-typography-arrayfield-item-number-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --arrayfield-typography-arrayfield-item-heading-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --arrayfield-typography-arrayfield-item-heading-size: var(--cfs-typography-size-desktop-body-xsmall);
  --arrayfield-typography-arrayfield-item-heading-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --arrayfield-typography-arrayfield-item-text-weight: var(--cfs-typography-weight-desktop-body-primary);
  --arrayfield-typography-arrayfield-item-text-size: var(--cfs-typography-size-desktop-body-xsmall);
  --arrayfield-typography-arrayfield-item-text-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
  --modaldialog-modal-container-top-padding: var(--cfs-spacing-16);
  --modaldialog-modal-padding: var(--cfs-spacing-32);
  --modaldialog-modal-dynamic-radius: var(--modaldialog-modaldialog-radius);
  --modaldialog-typography-font-family: var(--cfs-typography-family-headings);
  --modaldialog-typography-heading-size: var(--cfs-typography-size-desktop-h3);
  --modaldialog-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
  --modaldialog-typography-heading-weight: var(--cfs-typography-weight-desktop-display);
  --modaldialog-typography-heading-small-size: var(--cfs-typography-size-desktop-h4);
  --modaldialog-typography-heading-small-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --modaldialog-typography-heading-small-weight: var(--cfs-typography-weight-mobile-display);
  --modaldialog-hero-padding-top: var(--cfs-spacing-24);
  --modaldialog-hero-padding-bottom: var(--cfs-spacing-16);
  --textlink-typography-font-family: var(--cfs-typography-family-body);
  --textlink-typography-weight-regular: var(--cfs-typography-weight-desktop-body-primary);
  --textlink-typography-weight-semibold: var(--cfs-typography-weight-desktop-body-secondary);
  --textlink-typography-weight-tertiary: var(--cfs-typography-weight-desktop-body-tertiary);
  --textlink-typography-body-size: var(--cfs-typography-size-desktop-body);
  --textlink-typography-body-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
  --textlink-typography-small-size: var(--cfs-typography-size-desktop-body-small);
  --textlink-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --textlink-typography-xsmall-size: var(--cfs-typography-size-desktop-body-xsmall);
  --textlink-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --textlink-typography-2xsmall-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --textlink-typography-2xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --breadcrumb-typography-font-family: var(--cfs-typography-family-body);
  --breadcrumb-typography-weight-regular: var(--cfs-typography-weight-desktop-body-primary);
  --breadcrumb-typography-current-page-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --breadcrumb-typography-current-page-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --tabs-typography-default-size: var(--cfs-typography-size-desktop-h6);
  --tabs-typography-default-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --tabs-typography-default-weight: var(--cfs-typography-weight-desktop-headings);
  --tabs-typography-active-size: var(--cfs-typography-size-desktop-h6);
  --tabs-typography-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --tabs-typography-active-weight: var(--cfs-typography-weight-mobile-display);
  --tabs-typography-font-family: var(--cfs-typography-family-headings);
  --menu-typography-configmenu-label-size: var(--cfs-typography-size-desktop-body-xsmall);
  --menu-typography-configmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --menu-typography-configmenu-label-weight: var(--cfs-typography-weight-desktop-body-primary);
  --menu-typography-configmenu-group-heading-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --menu-typography-configmenu-group-heading-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --menu-typography-configmenu-group-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
  --menu-typography-font-family: var(--cfs-typography-family-body);
  --menu-typography-selectmenu-label-size: var(--cfs-typography-size-desktop-body-xsmall);
  --menu-typography-selectmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
  --menu-typography-selectmenu-label-weight: var(--cfs-typography-weight-desktop-body-primary);
  --menu-typography-selectmenu-action-size: var(--cfs-typography-size-desktop-body-small);
  --menu-typography-selectmenu-action-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --menu-typography-selectmenu-action-weight: var(--cfs-typography-weight-desktop-body-primary);
  --menu-typography-selectmenu-subtext-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --menu-typography-selectmenu-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
  --menu-typography-selectmenu-subtext-weight: var(--cfs-typography-weight-mobile-body-primary);
  --menu-typography-dropdown-item-label-size: var(--cfs-typography-size-desktop-body-xsmall);
  --menu-typography-dropdown-item-label-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --menu-typography-dropdown-item-label-weight: var(--cfs-typography-weight-desktop-body-primary);
  --menu-typography-dropdown-group-title-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --menu-typography-dropdown-group-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --menu-typography-dropdown-group-title-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --menu-typography-dropdown-menu-title-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --menu-typography-dropdown-menu-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --menu-typography-dropdown-menu-title-weight: var(--cfs-typography-weight-mobile-body-tertiary);
  --tooltip-typography-font-family: var(--cfs-typography-family-body);
  --tooltip-typography-weight-regular: var(--cfs-typography-weight-desktop-body-primary);
  --tooltip-typography-single-line-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --tooltip-typography-single-line-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --tooltip-typography-multi-line-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --tooltip-typography-multi-line-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
  --input-large-field-height: var(--cfs-spacing-48);
  --input-medium-field-height: var(--cfs-spacing-40);
  --input-small-field-height: var(--cfs-spacing-32);
  --input-typography-font-family: var(--cfs-typography-family-body);
  --input-typography-input-label-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-label-size: var(--cfs-typography-size-desktop-body-xsmall);
  --input-typography-input-label-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --input-typography-input-description-weight: var(--cfs-typography-weight-desktop-body-primary);
  --input-typography-input-description-size: var(--cfs-typography-size-desktop-body-xsmall);
  --input-typography-input-description-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --input-typography-input-large-value-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-large-value-size: var(--cfs-typography-size-desktop-body);
  --input-typography-input-large-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --input-typography-input-medium-value-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-medium-value-size: var(--cfs-typography-size-desktop-body-small);
  --input-typography-input-medium-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --input-typography-input-small-value-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-small-value-size: var(--cfs-typography-size-desktop-body-xsmall);
  --input-typography-input-small-value-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --input-typography-input-error-message-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-error-message-size: var(--cfs-typography-size-desktop-body-xsmall);
  --input-typography-input-error-message-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
  --input-typography-input-required-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --input-typography-input-required-size: var(--cfs-typography-size-desktop-body);
  --input-typography-input-required-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
  --input-spacing: var(--cfs-spacing-12);
  --input-large-field-padding: var(--cfs-spacing-16);
  --input-medium-field-padding: var(--cfs-spacing-16);
  --input-small-field-padding: var(--cfs-spacing-12);
  --table-typography-font-family: var(--cfs-typography-family-body);
  --table-typography-table-cell-avatar-label-semibold: var(--cfs-typography-weight-desktop-body-secondary);
  --table-typography-table-cell-avatar-label-size: var(--cfs-typography-size-desktop-body-xsmall);
  --table-typography-table-cell-avatar-label-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
  --table-typography-table-group-header-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --table-typography-table-group-header-size: var(--cfs-typography-size-desktop-body-small);
  --table-typography-table-group-header-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
  --table-typography-table-column-header-label-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --table-typography-table-column-header-label-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --table-typography-table-column-header-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --table-typography-table-cell-text-weight: var(--cfs-typography-weight-desktop-body-primary);
  --table-typography-table-cell-text-size: var(--cfs-typography-size-desktop-body-xsmall);
  --table-typography-table-cell-text-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
  --appheader-typography-appheader-label-active-font-family: var(--cfs-typography-family-headings);
  --appheader-typography-appheader-label-active-weight: var(--cfs-typography-weight-desktop-display);
  --appheader-typography-appheader-label-active-size: var(--cfs-typography-size-desktop-h6);
  --appheader-typography-appheader-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --appheader-typography-appheader-label-font-family: var(--cfs-typography-family-headings);
  --appheader-typography-appheader-label-weight: var(--cfs-typography-weight-desktop-headings);
  --appheader-typography-appheader-label-size: var(--cfs-typography-size-desktop-h6);
  --appheader-typography-appheader-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --appheader-typography-appheader-text-font-family: var(--cfs-typography-family-body);
  --appheader-typography-appheader-text-weight: var(--cfs-typography-weight-desktop-body-primary);
  --appheader-typography-appheader-text-size: var(--cfs-typography-size-desktop-body-2xsmall);
  --appheader-typography-appheader-text-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
  --calendarpicker-calendarpicker-side-padding: var(--cfs-spacing-12);
  --calendarpicker-calendarpicker-top-padding: var(--cfs-spacing-8);
  --calendarpicker-calendarpicker-bottom-radius: var(--cfs-radius-md);
  --calendarpicker-calendarpicker-top-radius: var(--cfs-radius-md);
  --calendarpicker-calendarpicker-picker-spacing: var(--cfs-spacing-8);
  --calendarpicker-typography-calendarpicker-heading-font-family: var(--cfs-typography-family-body);
  --calendarpicker-typography-calendarpicker-heading-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --calendarpicker-typography-calendarpicker-heading-size: var(--cfs-typography-size-desktop-body-small);
  --calendarpicker-typography-calendarpicker-heading-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
  --calendarpicker-typography-calendarpicker-title-font-family: var(--cfs-typography-family-body);
  --calendarpicker-typography-calendarpicker-title-weight: var(--cfs-typography-weight-desktop-body-secondary);
  --calendarpicker-typography-calendarpicker-title-size: var(--cfs-typography-size-desktop-body-xsmall);
  --calendarpicker-typography-calendarpicker-title-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --calendarpicker-typography-calendarpicker-date-font-family: var(--cfs-typography-family-body);
  --calendarpicker-typography-calendarpicker-date-weight: var(--cfs-typography-weight-desktop-body-primary);
  --calendarpicker-typography-calendarpicker-date-size: var(--cfs-typography-size-desktop-body-xsmall);
  --calendarpicker-typography-calendarpicker-date-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
  --desktop-typography-family-display: var(--typography-family-display);
  --desktop-typography-family-headings: var(--typography-family-headings);
  --desktop-typography-family-body: var(--typography-family-body);
  --desktop-typography-size-h1: var(--typography-size-h1);
  --desktop-typography-size-h2: var(--typography-size-h2);
  --desktop-typography-size-h3: var(--typography-size-h3);
  --desktop-typography-size-h4: var(--typography-size-h4);
  --desktop-typography-size-h5: var(--typography-size-h5);
  --desktop-typography-size-h6: var(--typography-size-h6);
  --desktop-typography-size-h7: var(--typography-size-h7);
  --desktop-typography-size-body: var(--typography-size-body);
  --desktop-typography-size-body-small: var(--typography-size-body-small);
  --desktop-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --desktop-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --desktop-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --desktop-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --desktop-typography-weight-body-default: var(--typography-weight-body-default);
  --desktop-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --desktop-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  --mobile-typography-family-display: var(--typography-family-display);
  --mobile-typography-family-headings: var(--typography-family-headings);
  --mobile-typography-family-body: var(--typography-family-body);
  --mobile-typography-size-h1: var(--typography-size-h1);
  --mobile-typography-size-h2: var(--typography-size-h2);
  --mobile-typography-size-h3: var(--typography-size-h3);
  --mobile-typography-size-h4: var(--typography-size-h4);
  --mobile-typography-size-h5: var(--typography-size-h5);
  --mobile-typography-size-h6: var(--typography-size-h6);
  --mobile-typography-size-h7: var(--typography-size-h7);
  --mobile-typography-size-body: var(--typography-size-body);
  --mobile-typography-size-body-small: var(--typography-size-body-small);
  --mobile-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --mobile-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --mobile-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --mobile-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --mobile-typography-weight-body-default: var(--typography-weight-body-default);
  --mobile-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --mobile-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  --tablet-typography-family-display: var(--typography-family-display);
  --tablet-typography-family-headings: var(--typography-family-headings);
  --tablet-typography-family-body: var(--typography-family-body);
  --tablet-typography-size-h1: var(--typography-size-h1);
  --tablet-typography-size-h2: var(--typography-size-h2);
  --tablet-typography-size-h3: var(--typography-size-h3);
  --tablet-typography-size-h4: var(--typography-size-h4);
  --tablet-typography-size-h5: var(--typography-size-h5);
  --tablet-typography-size-h6: var(--typography-size-h6);
  --tablet-typography-size-h7: var(--typography-size-h7);
  --tablet-typography-size-body: var(--typography-size-body);
  --tablet-typography-size-body-small: var(--typography-size-body-small);
  --tablet-typography-size-body-xsmall: var(--typography-size-body-xsmall);
  --tablet-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
  --tablet-typography-weight-headings-bold: var(--typography-weight-headings-bold);
  --tablet-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
  --tablet-typography-weight-body-default: var(--typography-weight-body-default);
  --tablet-typography-weight-body-secondary: var(--typography-weight-body-secondary);
  --tablet-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
}

/* Source: tokens/semantic/mobile.json - Mobile screen sizes */
@media (max-width: 767px) {
  :root {
    --progressrope-typography-heading-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --progressrope-typography-heading-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --progressrope-typography-label-active-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-label-active-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --progressrope-typography-label-active-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-label-default-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-label-default-weight: var(--cfs-typography-weight-mobile-body-primary);
    --progressrope-typography-label-default-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-subtask-label-active-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-subtask-label-active-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --progressrope-typography-subtask-label-active-size: var(--cfs-typography-size-mobile-body-small);
    --progressrope-typography-subtask-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-subtask-label-default-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-subtask-label-default-weight: var(--cfs-typography-weight-mobile-body-primary);
    --progressrope-typography-subtask-label-default-size: var(--cfs-typography-size-mobile-body-small);
    --progressrope-typography-subtask-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-sidebarnavigationitem-padding-height: var(--cfs-spacing-24);
    --progressrope-sidebarnavigationitem-padding-height-small: var(--cfs-spacing-16);
    --progressrope-progressrope-padding-heading: var(--cfs-spacing-24);
    --accordion-accordion-container-top-padding: var(--cfs-spacing-4);
    --accordion-accordiondivider-top-padding: var(--cfs-spacing-0);
    --accordion-typography-font-family: var(--cfs-typography-family-headings);
    --accordion-typography-size: var(--cfs-typography-size-mobile-h7);
    --accordion-typography-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --accordion-typography-weight: var(--cfs-typography-weight-mobile-display);
    --button-height-large: var(--cfs-spacing-56);
    --button-height-medium: var(--cfs-spacing-48);
    --button-height-small: var(--cfs-spacing-40);
    --button-padding-large: var(--cfs-spacing-8);
    --button-padding-medium: var(--cfs-spacing-8);
    --button-padding-small: var(--cfs-spacing-8);
    --button-icon-large: var(--cfs-spacing-40);
    --button-icon-medium: var(--cfs-spacing-32);
    --button-icon-small: var(--cfs-spacing-24);
    --button-typography-font-family: var(--cfs-typography-family-body);
    --button-typography-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --button-typography-small-size: var(--cfs-typography-size-mobile-h6);
    --button-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --button-typography-medium-size: var(--cfs-typography-size-mobile-h5);
    --button-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --button-typography-large-size: var(--cfs-typography-size-mobile-h5);
    --button-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --buttongroup-height: var(--cfs-spacing-48);
    --buttongroup-typography-font-family: var(--cfs-typography-family-body);
    --buttongroup-typography-buttongroup-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --buttongroup-typography-buttongroup-label-size: var(--cfs-typography-size-mobile-body);
    --buttongroup-typography-buttongroup-label-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --toggle-track-width: var(--cfs-spacing-56);
    --toggle-track-height: var(--cfs-spacing-32);
    --toggle-track-off-padding: var(--cfs-spacing-8);
    --toggle-handle-on-size: var(--cfs-spacing-20);
    --toggle-handle-off-padding: var(--cfs-spacing-0);
    --toggle-handle-readonly-size: var(--cfs-spacing-24);
    --iconbutton-large-padding: var(--cfs-spacing-8);
    --iconbutton-large-icon: var(--cfs-spacing-40);
    --iconbutton-medium-padding: var(--cfs-spacing-8);
    --iconbutton-medium-icon: var(--cfs-spacing-32);
    --iconbutton-small-padding: var(--cfs-spacing-8);
    --iconbutton-small-icon: var(--cfs-spacing-24);
    --badge-default-typography-font-family: var(--cfs-typography-family-body);
    --badge-default-typography-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --badge-default-typography-size: var(--cfs-typography-size-mobile-body-small);
    --badge-default-typography-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --badge-status-typography-font-family: var(--cfs-typography-family-body);
    --badge-status-typography-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --badge-status-typography-size: var(--cfs-typography-size-mobile-body-xsmall);
    --badge-status-typography-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --avatar-xsmall: var(--cfs-spacing-24);
    --avatar-small: var(--cfs-spacing-32);
    --avatar-medium: var(--cfs-spacing-40);
    --avatar-large: var(--cfs-spacing-48);
    --avatar-xlarge: var(--cfs-spacing-56);
    --avatar-icon-xsmall: var(--cfs-spacing-12);
    --avatar-icon-small: var(--cfs-spacing-16);
    --avatar-icon-medium: var(--cfs-spacing-24);
    --avatar-icon-large: var(--cfs-spacing-24);
    --avatar-icon-xlarge: var(--cfs-spacing-32);
    --avatar-typography-font-family: var(--cfs-typography-family-body);
    --avatar-typography-weight-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --avatar-typography-xlarge-size: var(--cfs-spacing-20);
    --avatar-typography-xlarge-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --avatar-typography-large-size: var(--cfs-typography-size-mobile-body);
    --avatar-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --avatar-typography-medium-size: var(--cfs-typography-size-mobile-body-small);
    --avatar-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --avatar-typography-small-size: var(--cfs-typography-size-mobile-body-xsmall);
    --avatar-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --avatar-typography-xsmall-size: var(--cfs-typography-size-mobile-body-xsmall);
    --avatar-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --toast-toast-content-padding: var(--cfs-spacing-12);
    --toast-typography-font-family: var(--cfs-typography-family-body);
    --toast-typography-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --toast-typography-heading-size: var(--cfs-typography-size-mobile-body);
    --toast-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --toast-typography-messgage-weight: var(--cfs-typography-weight-mobile-body-primary);
    --toast-typography-messgage-size: var(--cfs-typography-size-mobile-body-xsmall);
    --toast-typography-messgage-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-alert-content-spacing: var(--cfs-spacing-2);
    --alert-typography-heading-font-family: var(--cfs-typography-family-headings);
    --alert-typography-heading-size: var(--cfs-typography-size-mobile-h7);
    --alert-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-typography-heading-weight: var(--cfs-typography-weight-mobile-display);
    --alert-typography-message-font-family: var(--cfs-typography-family-body);
    --alert-typography-message-size: var(--cfs-typography-size-mobile-body-xsmall);
    --alert-typography-message-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-typography-message-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-font-family: var(--cfs-typography-family-body);
    --listitem-typography-listitem-supertext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-listitem-supertext-size: var(--cfs-typography-size-mobile-body-small);
    --listitem-typography-listitem-supertext-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --listitem-typography-listitem-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --listitem-typography-listitem-label-size: var(--cfs-typography-size-mobile-body);
    --listitem-typography-listitem-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --listitem-typography-listitem-subtext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-listitem-subtext-size: var(--cfs-typography-size-mobile-body-small);
    --listitem-typography-listitem-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --arrayfield-arrayfield-padding-content: var(--cfs-spacing-8);
    --arrayfield-typography-font-family: var(--cfs-typography-family-body);
    --arrayfield-typography-arrayfield-item-number-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --arrayfield-typography-arrayfield-item-number-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-number-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --arrayfield-typography-arrayfield-item-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --arrayfield-typography-arrayfield-item-heading-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-heading-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --arrayfield-typography-arrayfield-item-text-weight: var(--cfs-typography-weight-mobile-body-primary);
    --arrayfield-typography-arrayfield-item-text-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-text-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --modaldialog-modal-container-top-padding: var(--cfs-spacing-8);
    --modaldialog-modal-padding: var(--cfs-spacing-24);
    --modaldialog-modal-dynamic-radius: var(--cfs-spacing-0);
    --modaldialog-typography-font-family: var(--cfs-typography-family-headings);
    --modaldialog-typography-heading-size: var(--cfs-typography-size-mobile-h3);
    --modaldialog-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --modaldialog-typography-heading-weight: var(--cfs-typography-weight-mobile-display);
    --modaldialog-typography-heading-small-size: var(--cfs-typography-size-mobile-h4);
    --modaldialog-typography-heading-small-line-height: calc(var(--cfs-typography-line-height-pixel-28) * 1px);
    --modaldialog-typography-heading-small-weight: var(--cfs-typography-weight-mobile-display);
    --modaldialog-hero-padding-top: var(--cfs-spacing-64);
    --modaldialog-hero-padding-bottom: var(--cfs-spacing-24);
    --textlink-typography-font-family: var(--cfs-typography-family-body);
    --textlink-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --textlink-typography-weight-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --textlink-typography-weight-tertiary: var(--cfs-typography-weight-mobile-body-tertiary);
    --textlink-typography-body-size: var(--cfs-typography-size-mobile-body);
    --textlink-typography-body-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --textlink-typography-small-size: var(--cfs-typography-size-mobile-body-small);
    --textlink-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --textlink-typography-xsmall-size: var(--cfs-typography-size-mobile-body-xsmall);
    --textlink-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --textlink-typography-2xsmall-size: var(--cfs-typography-size-mobile-body-2xsmall);
    --textlink-typography-2xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-10) * 1px);
    --breadcrumb-typography-font-family: var(--cfs-typography-family-body);
    --breadcrumb-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --breadcrumb-typography-current-page-size: var(--cfs-typography-size-mobile-body-2xsmall);
    --breadcrumb-typography-current-page-line-height: calc(var(--cfs-typography-line-height-pixel-10) * 1px);
    --tabs-typography-default-size: var(--cfs-typography-size-mobile-h6);
    --tabs-typography-default-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --tabs-typography-default-weight: var(--cfs-typography-weight-mobile-headings);
    --tabs-typography-active-size: var(--cfs-typography-size-mobile-h6);
    --tabs-typography-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --tabs-typography-active-weight: var(--cfs-typography-weight-mobile-display);
    --tabs-typography-font-family: var(--cfs-typography-family-headings);
    --menu-typography-configmenu-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-configmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --menu-typography-configmenu-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-configmenu-group-heading-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-configmenu-group-heading-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-configmenu-group-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --menu-typography-font-family: var(--cfs-typography-family-body);
    --menu-typography-selectmenu-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-selectmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --menu-typography-selectmenu-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-selectmenu-action-size: var(--cfs-typography-size-mobile-body);
    --menu-typography-selectmenu-action-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --menu-typography-selectmenu-action-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-selectmenu-subtext-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-selectmenu-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --menu-typography-selectmenu-subtext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-item-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-dropdown-item-label-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --menu-typography-dropdown-item-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-group-title-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-dropdown-group-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-dropdown-group-title-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-menu-title-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-dropdown-menu-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-dropdown-menu-title-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --tooltip-typography-font-family: var(--cfs-typography-family-body);
    --tooltip-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --tooltip-typography-single-line-size: var(--cfs-typography-size-mobile-body-xsmall);
    --tooltip-typography-single-line-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --tooltip-typography-multi-line-size: var(--cfs-typography-size-mobile-body-xsmall);
    --tooltip-typography-multi-line-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --input-large-field-height: var(--cfs-spacing-56);
    --input-medium-field-height: var(--cfs-spacing-48);
    --input-small-field-height: var(--cfs-spacing-40);
    --input-typography-font-family: var(--cfs-typography-family-body);
    --input-typography-input-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-label-size: var(--cfs-typography-size-mobile-body);
    --input-typography-input-label-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-description-weight: var(--cfs-typography-weight-mobile-body-primary);
    --input-typography-input-description-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-description-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --input-typography-input-large-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-large-value-size: var(--cfs-typography-size-mobile-h5);
    --input-typography-input-large-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-medium-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-medium-value-size: var(--cfs-typography-size-mobile-body);
    --input-typography-input-medium-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-small-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-small-value-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-small-value-line-height: calc(var(--cfs-typography-line-height-pixel-28) * 1px);
    --input-typography-input-error-message-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-error-message-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-error-message-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --input-typography-input-required-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-required-size: var(--cfs-typography-size-mobile-h5);
    --input-typography-input-required-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-spacing: var(--cfs-spacing-12);
    --input-large-field-padding: var(--cfs-spacing-16);
    --input-medium-field-padding: var(--cfs-spacing-16);
    --input-small-field-padding: var(--cfs-spacing-16);
    --table-typography-font-family: var(--cfs-typography-family-body);
    --table-typography-table-cell-avatar-label-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-cell-avatar-label-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-cell-avatar-label-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --table-typography-table-group-header-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-group-header-size: var(--cfs-typography-size-mobile-body);
    --table-typography-table-group-header-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --table-typography-table-column-header-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-column-header-label-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-column-header-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --table-typography-table-cell-text-weight: var(--cfs-typography-weight-mobile-body-primary);
    --table-typography-table-cell-text-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-cell-text-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --appheader-typography-appheader-label-active-font-family: var(--cfs-typography-family-headings);
    --appheader-typography-appheader-label-active-weight: var(--cfs-typography-weight-mobile-display);
    --appheader-typography-appheader-label-active-size: var(--cfs-typography-size-mobile-h6);
    --appheader-typography-appheader-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --appheader-typography-appheader-label-font-family: var(--cfs-typography-family-headings);
    --appheader-typography-appheader-label-weight: var(--cfs-typography-weight-mobile-headings);
    --appheader-typography-appheader-label-size: var(--cfs-typography-size-mobile-h6);
    --appheader-typography-appheader-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --appheader-typography-appheader-text-font-family: var(--cfs-typography-family-body);
    --appheader-typography-appheader-text-weight: var(--cfs-typography-weight-desktop-body-primary);
    --appheader-typography-appheader-text-size: var(--cfs-typography-size-mobile-body-xsmall);
    --appheader-typography-appheader-text-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --calendarpicker-calendarpicker-side-padding: var(--cfs-spacing-16);
    --calendarpicker-calendarpicker-top-padding: var(--cfs-spacing-4);
    --calendarpicker-calendarpicker-bottom-radius: var(--cfs-radius-md);
    --calendarpicker-calendarpicker-top-radius: var(--cfs-radius-md);
    --calendarpicker-calendarpicker-picker-spacing: var(--cfs-spacing-12);
    --calendarpicker-typography-calendarpicker-heading-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --calendarpicker-typography-calendarpicker-heading-size: var(--cfs-typography-size-mobile-body);
    --calendarpicker-typography-calendarpicker-heading-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --calendarpicker-typography-calendarpicker-title-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-title-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --calendarpicker-typography-calendarpicker-title-size: var(--cfs-typography-size-mobile-body-small);
    --calendarpicker-typography-calendarpicker-title-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --calendarpicker-typography-calendarpicker-date-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-date-weight: var(--cfs-typography-weight-mobile-body-primary);
    --calendarpicker-typography-calendarpicker-date-size: var(--cfs-typography-size-mobile-body);
    --calendarpicker-typography-calendarpicker-date-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --mobile-typography-family-display: var(--typography-family-display);
    --mobile-typography-family-headings: var(--typography-family-headings);
    --mobile-typography-family-body: var(--typography-family-body);
    --mobile-typography-size-h1: var(--typography-size-h1);
    --mobile-typography-size-h2: var(--typography-size-h2);
    --mobile-typography-size-h3: var(--typography-size-h3);
    --mobile-typography-size-h4: var(--typography-size-h4);
    --mobile-typography-size-h5: var(--typography-size-h5);
    --mobile-typography-size-h6: var(--typography-size-h6);
    --mobile-typography-size-h7: var(--typography-size-h7);
    --mobile-typography-size-body: var(--typography-size-body);
    --mobile-typography-size-body-small: var(--typography-size-body-small);
    --mobile-typography-size-body-xsmall: var(--typography-size-body-xsmall);
    --mobile-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
    --mobile-typography-weight-headings-bold: var(--typography-weight-headings-bold);
    --mobile-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
    --mobile-typography-weight-body-default: var(--typography-weight-body-default);
    --mobile-typography-weight-body-secondary: var(--typography-weight-body-secondary);
    --mobile-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  }
}

/* Source: tokens/semantic/tablet.json - Tablet screen sizes */
@media (min-width: 768px) and (max-width: 1039px) {
  :root {
    --progressrope-typography-heading-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --progressrope-typography-heading-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --progressrope-typography-label-active-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-label-active-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --progressrope-typography-label-active-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-label-default-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-label-default-weight: var(--cfs-typography-weight-mobile-body-primary);
    --progressrope-typography-label-default-size: var(--cfs-typography-size-mobile-body);
    --progressrope-typography-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-subtask-label-active-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-subtask-label-active-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --progressrope-typography-subtask-label-active-size: var(--cfs-typography-size-mobile-body-small);
    --progressrope-typography-subtask-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-typography-subtask-label-default-font-family: var(--cfs-typography-family-body);
    --progressrope-typography-subtask-label-default-weight: var(--cfs-typography-weight-mobile-body-primary);
    --progressrope-typography-subtask-label-default-size: var(--cfs-typography-size-mobile-body-small);
    --progressrope-typography-subtask-label-default-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --progressrope-sidebarnavigationitem-padding-height: var(--cfs-spacing-24);
    --progressrope-sidebarnavigationitem-padding-height-small: var(--cfs-spacing-16);
    --progressrope-progressrope-padding-heading: var(--cfs-spacing-24);
    --accordion-accordion-container-top-padding: var(--cfs-spacing-4);
    --accordion-accordiondivider-top-padding: var(--cfs-spacing-0);
    --accordion-typography-font-family: var(--cfs-typography-family-headings);
    --accordion-typography-size: var(--cfs-typography-size-mobile-h7);
    --accordion-typography-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --accordion-typography-weight: var(--cfs-typography-weight-mobile-display);
    --button-height-large: var(--cfs-spacing-56);
    --button-height-medium: var(--cfs-spacing-48);
    --button-height-small: var(--cfs-spacing-40);
    --button-padding-large: var(--cfs-spacing-8);
    --button-padding-medium: var(--cfs-spacing-8);
    --button-padding-small: var(--cfs-spacing-8);
    --button-icon-large: var(--cfs-spacing-40);
    --button-icon-medium: var(--cfs-spacing-32);
    --button-icon-small: var(--cfs-spacing-24);
    --button-typography-font-family: var(--cfs-typography-family-body);
    --button-typography-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --button-typography-small-size: var(--cfs-typography-size-mobile-h6);
    --button-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --button-typography-medium-size: var(--cfs-typography-size-mobile-h5);
    --button-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --button-typography-large-size: var(--cfs-typography-size-mobile-h5);
    --button-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --buttongroup-height: var(--cfs-spacing-48);
    --buttongroup-typography-font-family: var(--cfs-typography-family-body);
    --buttongroup-typography-buttongroup-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --buttongroup-typography-buttongroup-label-size: var(--cfs-typography-size-mobile-body);
    --buttongroup-typography-buttongroup-label-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --toggle-track-width: var(--cfs-spacing-56);
    --toggle-track-height: var(--cfs-spacing-32);
    --toggle-track-off-padding: var(--cfs-spacing-8);
    --toggle-handle-on-size: var(--cfs-spacing-20);
    --toggle-handle-off-padding: var(--cfs-spacing-0);
    --toggle-handle-readonly-size: var(--cfs-spacing-24);
    --iconbutton-large-padding: var(--cfs-spacing-8);
    --iconbutton-large-icon: var(--cfs-spacing-40);
    --iconbutton-medium-padding: var(--cfs-spacing-8);
    --iconbutton-medium-icon: var(--cfs-spacing-32);
    --iconbutton-small-padding: var(--cfs-spacing-8);
    --iconbutton-small-icon: var(--cfs-spacing-24);
    --badge-default-typography-font-family: var(--cfs-typography-family-body);
    --badge-default-typography-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --badge-default-typography-size: var(--cfs-typography-size-mobile-body-small);
    --badge-default-typography-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --badge-status-typography-font-family: var(--cfs-typography-family-body);
    --badge-status-typography-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --badge-status-typography-size: var(--cfs-typography-size-mobile-body-xsmall);
    --badge-status-typography-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --avatar-xsmall: var(--cfs-spacing-24);
    --avatar-small: var(--cfs-spacing-32);
    --avatar-medium: var(--cfs-spacing-40);
    --avatar-large: var(--cfs-spacing-48);
    --avatar-xlarge: var(--cfs-spacing-56);
    --avatar-icon-xsmall: var(--cfs-spacing-12);
    --avatar-icon-small: var(--cfs-spacing-16);
    --avatar-icon-medium: var(--cfs-spacing-24);
    --avatar-icon-large: var(--cfs-spacing-24);
    --avatar-icon-xlarge: var(--cfs-spacing-32);
    --avatar-typography-font-family: var(--cfs-typography-family-body);
    --avatar-typography-weight-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --avatar-typography-xlarge-size: var(--cfs-spacing-20);
    --avatar-typography-xlarge-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --avatar-typography-large-size: var(--cfs-typography-size-mobile-body);
    --avatar-typography-large-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --avatar-typography-medium-size: var(--cfs-typography-size-mobile-body-small);
    --avatar-typography-medium-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --avatar-typography-small-size: var(--cfs-typography-size-mobile-body-xsmall);
    --avatar-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --avatar-typography-xsmall-size: var(--cfs-typography-size-mobile-body-xsmall);
    --avatar-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --toast-toast-content-padding: var(--cfs-spacing-12);
    --toast-typography-font-family: var(--cfs-typography-family-body);
    --toast-typography-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --toast-typography-heading-size: var(--cfs-typography-size-mobile-body);
    --toast-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --toast-typography-messgage-weight: var(--cfs-typography-weight-mobile-body-primary);
    --toast-typography-messgage-size: var(--cfs-typography-size-mobile-body-xsmall);
    --toast-typography-messgage-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-alert-content-spacing: var(--cfs-spacing-2);
    --alert-typography-heading-font-family: var(--cfs-typography-family-headings);
    --alert-typography-heading-size: var(--cfs-typography-size-mobile-h7);
    --alert-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-typography-heading-weight: var(--cfs-typography-weight-mobile-display);
    --alert-typography-message-font-family: var(--cfs-typography-family-body);
    --alert-typography-message-size: var(--cfs-typography-size-mobile-body-xsmall);
    --alert-typography-message-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --alert-typography-message-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-font-family: var(--cfs-typography-family-body);
    --listitem-typography-listitem-supertext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-listitem-supertext-size: var(--cfs-typography-size-mobile-body-small);
    --listitem-typography-listitem-supertext-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --listitem-typography-listitem-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --listitem-typography-listitem-label-size: var(--cfs-typography-size-mobile-body);
    --listitem-typography-listitem-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --listitem-typography-listitem-subtext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --listitem-typography-listitem-subtext-size: var(--cfs-typography-size-mobile-body-small);
    --listitem-typography-listitem-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --arrayfield-arrayfield-padding-content: var(--cfs-spacing-8);
    --arrayfield-typography-font-family: var(--cfs-typography-family-body);
    --arrayfield-typography-arrayfield-item-number-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --arrayfield-typography-arrayfield-item-number-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-number-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --arrayfield-typography-arrayfield-item-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --arrayfield-typography-arrayfield-item-heading-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-heading-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --arrayfield-typography-arrayfield-item-text-weight: var(--cfs-typography-weight-mobile-body-primary);
    --arrayfield-typography-arrayfield-item-text-size: var(--cfs-typography-size-mobile-body-small);
    --arrayfield-typography-arrayfield-item-text-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --modaldialog-modal-container-top-padding: var(--cfs-spacing-8);
    --modaldialog-modal-padding: var(--cfs-spacing-24);
    --modaldialog-modal-dynamic-radius: var(--cfs-spacing-0);
    --modaldialog-typography-font-family: var(--cfs-typography-family-headings);
    --modaldialog-typography-heading-size: var(--cfs-typography-size-mobile-h3);
    --modaldialog-typography-heading-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --modaldialog-typography-heading-weight: var(--cfs-typography-weight-mobile-display);
    --modaldialog-typography-heading-small-size: var(--cfs-typography-size-mobile-h4);
    --modaldialog-typography-heading-small-line-height: calc(var(--cfs-typography-line-height-pixel-28) * 1px);
    --modaldialog-typography-heading-small-weight: var(--cfs-typography-weight-mobile-display);
    --modaldialog-hero-padding-top: var(--cfs-spacing-64);
    --modaldialog-hero-padding-bottom: var(--cfs-spacing-24);
    --textlink-typography-font-family: var(--cfs-typography-family-body);
    --textlink-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --textlink-typography-weight-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --textlink-typography-weight-tertiary: var(--cfs-typography-weight-mobile-body-tertiary);
    --textlink-typography-body-size: var(--cfs-typography-size-mobile-body);
    --textlink-typography-body-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --textlink-typography-small-size: var(--cfs-typography-size-mobile-body-small);
    --textlink-typography-small-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --textlink-typography-xsmall-size: var(--cfs-typography-size-mobile-body-xsmall);
    --textlink-typography-xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --textlink-typography-2xsmall-size: var(--cfs-typography-size-mobile-body-2xsmall);
    --textlink-typography-2xsmall-line-height: calc(var(--cfs-typography-line-height-pixel-10) * 1px);
    --breadcrumb-typography-font-family: var(--cfs-typography-family-body);
    --breadcrumb-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --breadcrumb-typography-current-page-size: var(--cfs-typography-size-mobile-body-2xsmall);
    --breadcrumb-typography-current-page-line-height: calc(var(--cfs-typography-line-height-pixel-10) * 1px);
    --tabs-typography-default-size: var(--cfs-typography-size-mobile-h6);
    --tabs-typography-default-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --tabs-typography-default-weight: var(--cfs-typography-weight-mobile-headings);
    --tabs-typography-active-size: var(--cfs-typography-size-mobile-h6);
    --tabs-typography-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --tabs-typography-active-weight: var(--cfs-typography-weight-mobile-display);
    --tabs-typography-font-family: var(--cfs-typography-family-headings);
    --menu-typography-configmenu-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-configmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --menu-typography-configmenu-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-configmenu-group-heading-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-configmenu-group-heading-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-configmenu-group-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --menu-typography-font-family: var(--cfs-typography-family-body);
    --menu-typography-selectmenu-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-selectmenu-label-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --menu-typography-selectmenu-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-selectmenu-action-size: var(--cfs-typography-size-mobile-body);
    --menu-typography-selectmenu-action-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --menu-typography-selectmenu-action-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-selectmenu-subtext-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-selectmenu-subtext-line-height: calc(var(--cfs-typography-line-height-pixel-20) * 1px);
    --menu-typography-selectmenu-subtext-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-item-label-size: var(--cfs-typography-size-mobile-body-small);
    --menu-typography-dropdown-item-label-line-height: calc(var(--cfs-typography-line-height-pixel-32) * 1px);
    --menu-typography-dropdown-item-label-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-group-title-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-dropdown-group-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-dropdown-group-title-weight: var(--cfs-typography-weight-mobile-body-primary);
    --menu-typography-dropdown-menu-title-size: var(--cfs-typography-size-mobile-body-xsmall);
    --menu-typography-dropdown-menu-title-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --menu-typography-dropdown-menu-title-weight: var(--cfs-typography-weight-mobile-body-tertiary);
    --tooltip-typography-font-family: var(--cfs-typography-family-body);
    --tooltip-typography-weight-regular: var(--cfs-typography-weight-mobile-body-primary);
    --tooltip-typography-single-line-size: var(--cfs-typography-size-mobile-body-xsmall);
    --tooltip-typography-single-line-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --tooltip-typography-multi-line-size: var(--cfs-typography-size-mobile-body-xsmall);
    --tooltip-typography-multi-line-line-height: calc(var(--cfs-typography-line-height-pixel-18) * 1px);
    --input-large-field-height: var(--cfs-spacing-56);
    --input-medium-field-height: var(--cfs-spacing-48);
    --input-small-field-height: var(--cfs-spacing-40);
    --input-typography-font-family: var(--cfs-typography-family-body);
    --input-typography-input-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-label-size: var(--cfs-typography-size-mobile-body);
    --input-typography-input-label-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-description-weight: var(--cfs-typography-weight-mobile-body-primary);
    --input-typography-input-description-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-description-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --input-typography-input-large-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-large-value-size: var(--cfs-typography-size-mobile-h5);
    --input-typography-input-large-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-medium-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-medium-value-size: var(--cfs-typography-size-mobile-body);
    --input-typography-input-medium-value-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-typography-input-small-value-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-small-value-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-small-value-line-height: calc(var(--cfs-typography-line-height-pixel-28) * 1px);
    --input-typography-input-error-message-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-error-message-size: var(--cfs-typography-size-mobile-body-small);
    --input-typography-input-error-message-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --input-typography-input-required-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --input-typography-input-required-size: var(--cfs-typography-size-mobile-h5);
    --input-typography-input-required-line-height: calc(var(--cfs-typography-line-height-pixel-24) * 1px);
    --input-spacing: var(--cfs-spacing-12);
    --input-large-field-padding: var(--cfs-spacing-16);
    --input-medium-field-padding: var(--cfs-spacing-16);
    --input-small-field-padding: var(--cfs-spacing-16);
    --table-typography-font-family: var(--cfs-typography-family-body);
    --table-typography-table-cell-avatar-label-semibold: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-cell-avatar-label-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-cell-avatar-label-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --table-typography-table-group-header-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-group-header-size: var(--cfs-typography-size-mobile-body);
    --table-typography-table-group-header-line-height: calc(var(--cfs-typography-line-height-pixel-26) * 1px);
    --table-typography-table-column-header-label-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --table-typography-table-column-header-label-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-column-header-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --table-typography-table-cell-text-weight: var(--cfs-typography-weight-mobile-body-primary);
    --table-typography-table-cell-text-size: var(--cfs-typography-size-mobile-body-small);
    --table-typography-table-cell-text-line-height: calc(var(--cfs-typography-line-height-pixel-22) * 1px);
    --appheader-typography-appheader-label-active-font-family: var(--cfs-typography-family-headings);
    --appheader-typography-appheader-label-active-weight: var(--cfs-typography-weight-mobile-display);
    --appheader-typography-appheader-label-active-size: var(--cfs-typography-size-mobile-h6);
    --appheader-typography-appheader-label-active-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --appheader-typography-appheader-label-font-family: var(--cfs-typography-family-headings);
    --appheader-typography-appheader-label-weight: var(--cfs-typography-weight-mobile-headings);
    --appheader-typography-appheader-label-size: var(--cfs-typography-size-mobile-h6);
    --appheader-typography-appheader-label-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --appheader-typography-appheader-text-font-family: var(--cfs-typography-family-body);
    --appheader-typography-appheader-text-weight: var(--cfs-typography-weight-desktop-body-primary);
    --appheader-typography-appheader-text-size: var(--cfs-typography-size-mobile-body-xsmall);
    --appheader-typography-appheader-text-line-height: calc(var(--cfs-typography-line-height-pixel-12) * 1px);
    --calendarpicker-calendarpicker-side-padding: var(--cfs-spacing-16);
    --calendarpicker-calendarpicker-top-padding: var(--cfs-spacing-4);
    --calendarpicker-calendarpicker-bottom-radius: var(--cfs-radius-md);
    --calendarpicker-calendarpicker-top-radius: var(--cfs-radius-md);
    --calendarpicker-calendarpicker-picker-spacing: var(--cfs-spacing-12);
    --calendarpicker-typography-calendarpicker-heading-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-heading-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --calendarpicker-typography-calendarpicker-heading-size: var(--cfs-typography-size-mobile-body);
    --calendarpicker-typography-calendarpicker-heading-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --calendarpicker-typography-calendarpicker-title-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-title-weight: var(--cfs-typography-weight-mobile-body-secondary);
    --calendarpicker-typography-calendarpicker-title-size: var(--cfs-typography-size-mobile-body-small);
    --calendarpicker-typography-calendarpicker-title-line-height: calc(var(--cfs-typography-line-height-pixel-14) * 1px);
    --calendarpicker-typography-calendarpicker-date-font-family: var(--cfs-typography-family-body);
    --calendarpicker-typography-calendarpicker-date-weight: var(--cfs-typography-weight-mobile-body-primary);
    --calendarpicker-typography-calendarpicker-date-size: var(--cfs-typography-size-mobile-body);
    --calendarpicker-typography-calendarpicker-date-line-height: calc(var(--cfs-typography-line-height-pixel-16) * 1px);
    --tablet-typography-family-display: var(--typography-family-display);
    --tablet-typography-family-headings: var(--typography-family-headings);
    --tablet-typography-family-body: var(--typography-family-body);
    --tablet-typography-size-h1: var(--typography-size-h1);
    --tablet-typography-size-h2: var(--typography-size-h2);
    --tablet-typography-size-h3: var(--typography-size-h3);
    --tablet-typography-size-h4: var(--typography-size-h4);
    --tablet-typography-size-h5: var(--typography-size-h5);
    --tablet-typography-size-h6: var(--typography-size-h6);
    --tablet-typography-size-h7: var(--typography-size-h7);
    --tablet-typography-size-body: var(--typography-size-body);
    --tablet-typography-size-body-small: var(--typography-size-body-small);
    --tablet-typography-size-body-xsmall: var(--typography-size-body-xsmall);
    --tablet-typography-size-body-2xsmall: var(--typography-size-body-2xsmall);
    --tablet-typography-weight-headings-bold: var(--typography-weight-headings-bold);
    --tablet-typography-weight-headings-semibold: var(--typography-weight-headings-semibold);
    --tablet-typography-weight-body-default: var(--typography-weight-body-default);
    --tablet-typography-weight-body-secondary: var(--typography-weight-body-secondary);
    --tablet-typography-weight-body-emphasis: var(--typography-weight-body-emphasis);
  }
}


/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./src/design-system/web/css/cfs/index.css ***!
  \***********************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[3].use[4]!./src/shared/styles/main.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Animations go here.
 */
@-webkit-keyframes example {
  0% {
    color: white;
  }
  100% {
    color: black;
  }
}
@keyframes example {
  0% {
    color: white;
  }
  100% {
    color: black;
  }
}
/**
 * Breakpoint ranges.
 */
/**
 * Returns breakpoint range value.
 * 
 * @param {string} $breakpoint - Breakpoint.
 * @param {string} $minOrMax - "min" or "max" range values.
 * @example breakpoint("xs", "min") // 375
 */
/**
 * Returns media query.
 * 
 * @param {string} $breakpoint - Breakpoint.
 */
/**
 * Mixin for applying responsive properties to lists.
 *
 * @param {string} $list - List of breakpoint/value pairs.
 */
/**
 * List of colours used in application
 */
/**
 * Returns colour by key.
 * 
 * @param {string} $key - Key of colour.
 */
/**
 * Responsive values for grid margin.
 * 
 * @remarks
 * Grid margin is the outer margin of the grid.
 */
/**
 * Responsive values for grid gutter.
 * 
 * @remarks
 * Grid gutter is the spacing between grid columns.
 */
/**
 * Returns grid margin by key.
 * 
 * @param {string} $breakpoint - breakpoint.
 */
/**
 * Mixin for applying grid margin responsively.
 */
/**
 * Returns grid gutter by key.
 *
 * @param {string} $breakpoint - breakpoint.
 */
/**
 * Mixin for applying grid gutter responsively.
 */
.aem-Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 0 -16px;
}

/**
 * Placeholder for new components
 */
.aem-Grid-newComponent {
  margin: 0;
}

/**
 * Column of a grid
 */
.aem-GridColumn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px !important;
}
.aem-GridColumn.aem-GridColumn--centered {
  margin: 0 auto;
}

/**
 * Force showing hidden
 */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}

/**
 * Generates all the rules for the grid columns up to the given amount of column
 */
/**
 * Generates all the rules for the grid column offset up to the given amount of column
 */
/**
 * Generates all the rules for the grid and columns for the given break point and total of columns
 */
/**
 * Generates all the rules for the grids and columns
 */
/**
 * API function to be called to generate a grid config
 */
/**
 * Maximum amount of grid cells to be provided
 */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--xs--newline {
  display: block;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--xs--none {
  display: block;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--xs--hide {
  display: none;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 14.2857142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 28.5714285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 42.8571428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 57.1428571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 71.4285714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 85.7142857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.2857142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.5714285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.8571428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.1428571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.4285714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.7142857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 11.1111111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 22.2222222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 44.4444444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 55.5555555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 77.7777777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 88.8888888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.1111111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.2222222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.4444444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.5555555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.7777777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.8888888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 9.0909090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 18.1818181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 27.2727272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 36.3636363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 45.4545454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 54.5454545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 63.6363636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 72.7272727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 81.8181818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 90.9090909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.0909090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.1818181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.2727272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.3636363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.4545454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.5454545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.6363636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.7272727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.8181818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.9090909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  width: 8.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  width: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  width: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  width: 41.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  width: 58.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  width: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  width: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  width: 91.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.3333333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.6666666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  display: block;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  display: block;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  display: none;
}
@media (max-width: 768px) {
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    width: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    width: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    width: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    width: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    display: block;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    display: block;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    display: none;
  }
}
.aem-Grid {
  /* tablet breakpoint */
}
@media (min-width: 769px) and (max-width: 992px) {
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    width: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    width: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    width: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    width: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    width: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    width: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    width: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    width: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    width: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    width: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    width: 100%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    display: block;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    display: block;
  }
  .aem-Grid .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    display: none;
  }
}
@media only screen and (min-width: 576px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--newline {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--none {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--hide {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--md--newline {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--md--none {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--md--hide {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--newline {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--none {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--hide {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xl--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xl--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xl--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xl--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--1 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--1 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--1 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--2 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--2 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--2 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--2 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--2 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--3 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xl--4 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--xl--5 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--6 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--xl--7 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--xl--8 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--xl--9 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--xl--10 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--xl--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--xl--11 > .aem-GridColumn.aem-GridColumn--offset--xl--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--xl--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--xl--12 > .aem-GridColumn.aem-GridColumn--offset--xl--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xl--newline {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xl--none {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xl--hide {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xxl--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xxl--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--1 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--1 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--1 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--2 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--2 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--2 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--3 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xxl--4 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--xxl--5 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--6 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 14.2857142857%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 28.5714285714%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 42.8571428571%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 57.1428571429%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 71.4285714286%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 85.7142857143%;
  }
  .aem-Grid.aem-Grid--xxl--7 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--xxl--8 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 11.1111111111%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 22.2222222222%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 44.4444444444%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 55.5555555556%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 77.7777777778%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 88.8888888889%;
  }
  .aem-Grid.aem-Grid--xxl--9 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 10%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 20%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 30%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 40%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 60%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 70%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 80%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 90%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--xxl--10 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--xxl--11 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 9.0909090909%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 18.1818181818%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 27.2727272727%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 36.3636363636%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 45.4545454545%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 54.5454545455%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 63.6363636364%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 72.7272727273%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 81.8181818182%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 90.9090909091%;
  }
  .aem-Grid.aem-Grid--xxl--11 > .aem-GridColumn.aem-GridColumn--offset--xxl--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--1 {
    width: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--2 {
    width: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--3 {
    width: 25%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--4 {
    width: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--5 {
    width: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--6 {
    width: 50%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--7 {
    width: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--8 {
    width: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--9 {
    width: 75%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--10 {
    width: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--11 {
    width: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--xxl--12 {
    width: 100%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--1 {
    margin-left: 8.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--2 {
    margin-left: 16.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--4 {
    margin-left: 33.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--5 {
    margin-left: 41.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--7 {
    margin-left: 58.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--8 {
    margin-left: 66.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--10 {
    margin-left: 83.3333333333%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--11 {
    margin-left: 91.6666666667%;
  }
  .aem-Grid.aem-Grid--xxl--12 > .aem-GridColumn.aem-GridColumn--offset--xxl--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xxl--newline {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xxl--none {
    display: block;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--xxl--hide {
    display: none;
  }
}

.aem-GridShowHidden > .cmp-container > .aem-Grid > .aem-GridColumn {
  display: block !important;
}

.aem-GridColumn.card {
  height: 100%;
}

.responsivegrid > .aem-Grid {
  height: 100%;
}

body .aem-Grid,
body .responsivegrid > .aem-Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: unset;
}

.new.newpar {
  width: 100%;
}

/**
 * Spacing sizes.
 */
/**
 * Returns spacer by index.
 */
/**
 * List of easing functions
 */
/**
 * Returns easing function by key.
 * 
 * @param {string} $key - Key of function.
 */
/**
 * Weight and style map
 */
/**
 * Font map
 */
/**
 * Returns font weight by key.
 * 
 * @param {string} $key - Key of weight.
 * @example font-weight("bold")
 */
/**
 * Returns font style by key.
 * 
 * @param {string} $key - Key of weight.
 * @example font-style("bold")
 */
/**
 * Load fonts.
 */
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--regular.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--regular-italic.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--regular-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--medium.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--light.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--light.woff") format("woff");
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--bold.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("clientlib-site/css/resources/fonts/Roboto/Roboto--bold-italic.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Roboto/Roboto--bold-italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "NanumMyeongjo";
  src: url("clientlib-site/css/resources/fonts/NanumMyeongjo/NanumMyeongjo--regular.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/NanumMyeongjo/NanumMyeongjo--regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("clientlib-site/css/resources/fonts/Newsreader/Newsreader--regular.woff2") format("woff2"), url("clientlib-site/css/resources/fonts/Newsreader/Newsreader--regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.title1, .rte:not(.Footer .rte) h1.hero1,
.cmp-text:not(.Footer .rte) h1.hero1, h1.cmp-title__text.hero1, .hero1 {
  font-weight: 500;
  color: #191919;
  font-size: 44px;
  line-height: 52px;
}
@media only screen and (min-width: 993px) {
  .title1, .rte:not(.Footer .rte) h1.hero1,
  .cmp-text:not(.Footer .rte) h1.hero1, h1.cmp-title__text.hero1, .hero1 {
    font-size: 48px;
  }
}

.title2, .rte:not(.Footer .rte) h1.hero2,
.cmp-text:not(.Footer .rte) h1.hero2, h1.cmp-title__text.hero2, .hero2 {
  font-weight: 500;
  color: #191919;
  font-size: 32px;
  line-height: 48px;
}
@media only screen and (min-width: 993px) {
  .title2, .rte:not(.Footer .rte) h1.hero2,
  .cmp-text:not(.Footer .rte) h1.hero2, h1.cmp-title__text.hero2, .hero2 {
    font-size: 40px;
    line-height: 60px;
  }
}

.heading1, .rte:not(.Footer .rte) h1,
.cmp-text:not(.Footer .rte) h1, h1.cmp-title__text, .h1, h1 {
  font-weight: 500;
  color: #191919;
  font-family: Newsreader, "sans-serif";
  font-size: 40px;
  line-height: 48px;
}
@media only screen and (min-width: 993px) {
  .heading1, .rte:not(.Footer .rte) h1,
  .cmp-text:not(.Footer .rte) h1, h1.cmp-title__text, .h1, h1 {
    font-size: 48px;
    line-height: 52px;
  }
}

.heading2, .Video .Video__Content .Video__ContentHeading, .CardGroup .CardGroup__Heading, .rte:not(.Footer .rte) h2,
.cmp-text:not(.Footer .rte) h2, h2.cmp-title__text, .h2, h2 {
  font-weight: 500;
  color: #191919;
  font-size: 28px;
  line-height: 36px;
}
@media only screen and (min-width: 993px) {
  .heading2, .Video .Video__Content .Video__ContentHeading, .CardGroup .CardGroup__Heading, .rte:not(.Footer .rte) h2,
  .cmp-text:not(.Footer .rte) h2, h2.cmp-title__text, .h2, h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.heading3, .rte:not(.Footer .rte) h3,
.cmp-text:not(.Footer .rte) h3, h3.cmp-title__text, .h3, h3 {
  font-weight: 500;
  color: #191919;
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 993px) {
  .heading3, .rte:not(.Footer .rte) h3,
  .cmp-text:not(.Footer .rte) h3, h3.cmp-title__text, .h3, h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

.heading4, .Video .Video__Content .Video__ContentSubheading, .rte:not(.Footer .rte) h4,
.cmp-text:not(.Footer .rte) h4, h4.cmp-title__text, .h4, h4 {
  font-weight: 500;
  color: #191919;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 993px) {
  .heading4, .Video .Video__Content .Video__ContentSubheading, .rte:not(.Footer .rte) h4,
  .cmp-text:not(.Footer .rte) h4, h4.cmp-title__text, .h4, h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

.heading5, .rte:not(.Footer .rte) h5,
.cmp-text:not(.Footer .rte) h5, h5.cmp-title__text, .h5, h5 {
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 993px) {
  .heading5, .rte:not(.Footer .rte) h5,
  .cmp-text:not(.Footer .rte) h5, h5.cmp-title__text, .h5, h5 {
    font-size: 18px;
    line-height: 26px;
  }
}

.heading6, .TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .tab, .AnchorLinks .AnchorLinks__Heading, .rte:not(.Footer .rte) h6,
.cmp-text:not(.Footer .rte) h6, h6.cmp-title__text, .h6, h6 {
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 993px) {
  .heading6, .TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .tab, .AnchorLinks .AnchorLinks__Heading, .rte:not(.Footer .rte) h6,
  .cmp-text:not(.Footer .rte) h6, h6.cmp-title__text, .h6, h6 {
    font-size: 16px;
    line-height: 24px;
  }
}

.paragraph1, .p1 {
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  line-height: 26px;
}

.paragraph2, .TextInput .TextInput__Input, .CardPromo .CardPromo__Content .CardPromo__ContentCopy, .CardInfo .CardInfo__Content .CardInfo__ContentCopy, .AnchorLinks .AnchorLinks__Link, .Accordion.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent, .Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent, .p2 {
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}

.paragraph3, .p3 {
  font-weight: 400;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}

.paragraph4, .Tag, .p4 {
  font-weight: 400;
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}

/**
 * Mixin for applying responsive properties to lists.
 *
 * @param {string} $list - List of breakpoint/value pairs.
 */
/**
 * Mixin for applying an accessible outline to an interactive element.
 *
 * @param {number} $x - Distance from element to apply outline on x axis (left, right).
 * @param {number} $y - Distance from element to apply outline on y axis (top, bottom).
 */
/**
 * Hide content visually while keeping it accessible to assistive technologies
 *
 * See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
 * See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
 */
/**
 * Get real VH unit. (without iOS controls etc)
 *
 * @remarks
 * This pairs with the javascript function setVh
 */
.mt30 {
  margin-top: 30px;
}

.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

[class*=background--] {
  position: relative;
}
[class*=background--]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.background--white::before {
  background: #ffffff;
}
.background--white.container--gridGutters-off::after {
  background: #ffffff;
}
.background--black::before {
  background: #000000;
}
.background--black.container--gridGutters-off::after {
  background: #000000;
}
.background--black-2::before {
  background: #2b2b2b;
}
.background--black-2.container--gridGutters-off::after {
  background: #2b2b2b;
}
.background--black-3::before {
  background: #191919;
}
.background--black-3.container--gridGutters-off::after {
  background: #191919;
}
.background--black-4::before {
  background: #010034;
}
.background--black-4.container--gridGutters-off::after {
  background: #010034;
}
.background--blue-1::before {
  background: #164a9a;
}
.background--blue-1.container--gridGutters-off::after {
  background: #164a9a;
}
.background--blue-2::before {
  background: #bdd0f1;
}
.background--blue-2.container--gridGutters-off::after {
  background: #bdd0f1;
}
.background--blue-3::before {
  background: #007bc2;
}
.background--blue-3.container--gridGutters-off::after {
  background: #007bc2;
}
.background--blue-4::before {
  background: #192b4b;
}
.background--blue-4.container--gridGutters-off::after {
  background: #192b4b;
}
.background--blue-5::before {
  background: #f2f5fc;
}
.background--blue-5.container--gridGutters-off::after {
  background: #f2f5fc;
}
.background--blue-6::before {
  background: #e5ecf9;
}
.background--blue-6.container--gridGutters-off::after {
  background: #e5ecf9;
}
.background--blue-7::before {
  background: #7ba0e3;
}
.background--blue-7.container--gridGutters-off::after {
  background: #7ba0e3;
}
.background--blue-8::before {
  background: #8ba4cb;
}
.background--blue-8.container--gridGutters-off::after {
  background: #8ba4cb;
}
.background--blue-10::before {
  background: #E8EDF4;
}
.background--blue-10.container--gridGutters-off::after {
  background: #E8EDF4;
}
.background--blue-11::before {
  background: #C6D2E6;
}
.background--blue-11.container--gridGutters-off::after {
  background: #C6D2E6;
}
.background--blue-dark-bg::before {
  background: #181234;
}
.background--blue-dark-bg.container--gridGutters-off::after {
  background: #181234;
}
.background--red::before {
  background: #d81421;
}
.background--red.container--gridGutters-off::after {
  background: #d81421;
}
.background--red-1::before {
  background: #c01f4a;
}
.background--red-1.container--gridGutters-off::after {
  background: #c01f4a;
}
.background--red-dark-bg::before {
  background: #28020b;
}
.background--red-dark-bg.container--gridGutters-off::after {
  background: #28020b;
}
.background--green-dark-bg::before {
  background: #121911;
}
.background--green-dark-bg.container--gridGutters-off::after {
  background: #121911;
}
.background--grey-1::before {
  background: #545454;
}
.background--grey-1.container--gridGutters-off::after {
  background: #545454;
}
.background--grey-2::before {
  background: #767676;
}
.background--grey-2.container--gridGutters-off::after {
  background: #767676;
}
.background--grey-3::before {
  background: #d9d9d9;
}
.background--grey-3.container--gridGutters-off::after {
  background: #d9d9d9;
}
.background--grey-4::before {
  background: #F1EFF2;
}
.background--grey-4.container--gridGutters-off::after {
  background: #F1EFF2;
}
.background--grey-5::before {
  background: #e1e1e6;
}
.background--grey-5.container--gridGutters-off::after {
  background: #e1e1e6;
}
.background--grey-6::before {
  background: #d9d9d9;
}
.background--grey-6.container--gridGutters-off::after {
  background: #d9d9d9;
}
.background--grey-7::before {
  background: #d6d6d6;
}
.background--grey-7.container--gridGutters-off::after {
  background: #d6d6d6;
}
.background--grey-8::before {
  background: #172122;
}
.background--grey-8.container--gridGutters-off::after {
  background: #172122;
}
.background--grey-9::before {
  background: #f7f7f7;
}
.background--grey-9.container--gridGutters-off::after {
  background: #f7f7f7;
}
.background--grey-10::before {
  background: #b3b3b3;
}
.background--grey-10.container--gridGutters-off::after {
  background: #b3b3b3;
}
.background--grey-11::before {
  background: #d3d3d3;
}
.background--grey-11.container--gridGutters-off::after {
  background: #d3d3d3;
}
.background--grey-12::before {
  background: #f2f2f2;
}
.background--grey-12.container--gridGutters-off::after {
  background: #f2f2f2;
}
.background--grey-13::before {
  background: #E8EDF5;
}
.background--grey-13.container--gridGutters-off::after {
  background: #E8EDF5;
}
.background--grey-14::before {
  background: #bfbfbf;
}
.background--grey-14.container--gridGutters-off::after {
  background: #bfbfbf;
}
.background--grey-15::before {
  background: #808080;
}
.background--grey-15.container--gridGutters-off::after {
  background: #808080;
}
.background--grey20::before {
  background: #F5F5F5;
}
.background--grey20.container--gridGutters-off::after {
  background: #F5F5F5;
}
.background--cream::before {
  background: #f8f3eb;
}
.background--cream.container--gridGutters-off::after {
  background: #f8f3eb;
}
.background--teal::before {
  background: #64d2dc;
}
.background--teal.container--gridGutters-off::after {
  background: #64d2dc;
}
.background--jade::before {
  background: #148c8c;
}
.background--jade.container--gridGutters-off::after {
  background: #148c8c;
}
.background--green-dark::before {
  background: #121910;
}
.background--green-dark.container--gridGutters-off::after {
  background: #121910;
}
.background--green::before {
  background: #1eaa55;
}
.background--green.container--gridGutters-off::after {
  background: #1eaa55;
}
.background--yellow::before {
  background: #ffbe28;
}
.background--yellow.container--gridGutters-off::after {
  background: #ffbe28;
}
.background--orange::before {
  background: #ff7d32;
}
.background--orange.container--gridGutters-off::after {
  background: #ff7d32;
}
.background--pink::before {
  background: #f06ecd;
}
.background--pink.container--gridGutters-off::after {
  background: #f06ecd;
}
.background--purple::before {
  background: #785adc;
}
.background--purple.container--gridGutters-off::after {
  background: #785adc;
}
.background--eerie-black::before {
  background: #191919;
}
.background--eerie-black.container--gridGutters-off::after {
  background: #191919;
}
.background--dark-grey::before {
  background: #333333;
}
.background--dark-grey.container--gridGutters-off::after {
  background: #333333;
}
.background--gradient-green::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#8ed4aa), to(#148c8c));
  background: linear-gradient(180deg, #8ed4aa 0%, #148c8c 100%);
}
.background--gradient-blue::before {
  background: -webkit-gradient(linear, left bottom, left top, from(#164a9a), to(#148c8c));
  background: linear-gradient(0deg, #164a9a 0%, #148c8c 100%);
}
.background--gradient-navy::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#babfc7), to(#163463));
  background: linear-gradient(180deg, #babfc7 0%, #163463 100%);
}
.background--gradient-red::before {
  background: none;
}
.background--gradient-red-left-right::before {
  background: none;
}

.text--left {
  text-align: left !important;
}
.text--center {
  text-align: center !important;
}
.text--right {
  text-align: right !important;
}

.colour--white, .colour--white > * {
  color: #ffffff !important;
}
.colour--black, .colour--black > * {
  color: #000000 !important;
}
.colour--black-2, .colour--black-2 > * {
  color: #2b2b2b !important;
}
.colour--black-3, .colour--black-3 > * {
  color: #191919 !important;
}
.colour--black-4, .colour--black-4 > * {
  color: #010034 !important;
}
.colour--blue-1, .colour--blue-1 > * {
  color: #164a9a !important;
}
.colour--blue-2, .colour--blue-2 > * {
  color: #bdd0f1 !important;
}
.colour--blue-3, .colour--blue-3 > * {
  color: #007bc2 !important;
}
.colour--blue-4, .colour--blue-4 > * {
  color: #192b4b !important;
}
.colour--blue-5, .colour--blue-5 > * {
  color: #f2f5fc !important;
}
.colour--blue-6, .colour--blue-6 > * {
  color: #e5ecf9 !important;
}
.colour--blue-7, .colour--blue-7 > * {
  color: #7ba0e3 !important;
}
.colour--blue-8, .colour--blue-8 > * {
  color: #8ba4cb !important;
}
.colour--blue-10, .colour--blue-10 > * {
  color: #E8EDF4 !important;
}
.colour--blue-11, .colour--blue-11 > * {
  color: #C6D2E6 !important;
}
.colour--blue-dark-bg, .colour--blue-dark-bg > * {
  color: #181234 !important;
}
.colour--red, .colour--red > * {
  color: #d81421 !important;
}
.colour--red-1, .colour--red-1 > * {
  color: #c01f4a !important;
}
.colour--red-dark-bg, .colour--red-dark-bg > * {
  color: #28020b !important;
}
.colour--green-dark-bg, .colour--green-dark-bg > * {
  color: #121911 !important;
}
.colour--grey-1, .colour--grey-1 > * {
  color: #545454 !important;
}
.colour--grey-2, .colour--grey-2 > * {
  color: #767676 !important;
}
.colour--grey-3, .colour--grey-3 > * {
  color: #d9d9d9 !important;
}
.colour--grey-4, .colour--grey-4 > * {
  color: #F1EFF2 !important;
}
.colour--grey-5, .colour--grey-5 > * {
  color: #e1e1e6 !important;
}
.colour--grey-6, .colour--grey-6 > * {
  color: #d9d9d9 !important;
}
.colour--grey-7, .colour--grey-7 > * {
  color: #d6d6d6 !important;
}
.colour--grey-8, .colour--grey-8 > * {
  color: #172122 !important;
}
.colour--grey-9, .colour--grey-9 > * {
  color: #f7f7f7 !important;
}
.colour--grey-10, .colour--grey-10 > * {
  color: #b3b3b3 !important;
}
.colour--grey-11, .colour--grey-11 > * {
  color: #d3d3d3 !important;
}
.colour--grey-12, .colour--grey-12 > * {
  color: #f2f2f2 !important;
}
.colour--grey-13, .colour--grey-13 > * {
  color: #E8EDF5 !important;
}
.colour--grey-14, .colour--grey-14 > * {
  color: #bfbfbf !important;
}
.colour--grey-15, .colour--grey-15 > * {
  color: #808080 !important;
}
.colour--grey20, .colour--grey20 > * {
  color: #F5F5F5 !important;
}
.colour--cream, .colour--cream > * {
  color: #f8f3eb !important;
}
.colour--teal, .colour--teal > * {
  color: #64d2dc !important;
}
.colour--jade, .colour--jade > * {
  color: #148c8c !important;
}
.colour--green-dark, .colour--green-dark > * {
  color: #121910 !important;
}
.colour--green, .colour--green > * {
  color: #1eaa55 !important;
}
.colour--yellow, .colour--yellow > * {
  color: #ffbe28 !important;
}
.colour--orange, .colour--orange > * {
  color: #ff7d32 !important;
}
.colour--pink, .colour--pink > * {
  color: #f06ecd !important;
}
.colour--purple, .colour--purple > * {
  color: #785adc !important;
}
.colour--eerie-black, .colour--eerie-black > * {
  color: #191919 !important;
}
.colour--dark-grey, .colour--dark-grey > * {
  color: #333333 !important;
}

html,
body {
  color: #333333;
  padding: 0;
  margin: 0;
  font-family: Roboto, "Helvetica Neue", Arial, "sans-serif";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  background-color: #ffffff;
  max-width: 100vw;
  position: relative;
  z-index: -1;
}

h1,
h2,
h3,
h4 {
  font-weight: 500;
  margin: 0;
}

h5,
h6 {
  font-weight: 400;
  margin: 0;
}

p {
  font-weight: 400;
  margin: 0;
}

strong {
  font-weight: 700;
}

a {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
}

p a {
  text-decoration: underline;
  color: #164a9a;
  font-weight: 400;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.rte:not(.Footer .rte) a:not(.Button),
.cmp-text:not(.Footer .rte) a:not(.Button) {
  text-decoration: underline;
  font-weight: 400;
  color: #164a9a;
}
.rte:not(.Footer .rte) ul,
.rte:not(.Footer .rte) ol,
.cmp-text:not(.Footer .rte) ul,
.cmp-text:not(.Footer .rte) ol {
  list-style-position: outside;
  padding: 20px 10px;
  margin-left: 15px;
}
.rte:not(.Footer .rte) ul li ol,
.rte:not(.Footer .rte) ul li ul,
.rte:not(.Footer .rte) ol li ol,
.rte:not(.Footer .rte) ol li ul,
.cmp-text:not(.Footer .rte) ul li ol,
.cmp-text:not(.Footer .rte) ul li ul,
.cmp-text:not(.Footer .rte) ol li ol,
.cmp-text:not(.Footer .rte) ol li ul {
  padding: 0;
}
.rte:not(.Footer .rte) ol,
.cmp-text:not(.Footer .rte) ol {
  list-style-type: revert;
}
.rte:not(.Footer .rte) ul,
.cmp-text:not(.Footer .rte) ul {
  list-style-type: disc;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 993px) {
  .wrapper {
    max-width: 928px;
  }
}
@media only screen and (min-width: 1200px) {
  .wrapper {
    max-width: 1216px;
  }
}
@media only screen and (min-width: 1400px) {
  .wrapper {
    max-width: 1312px;
  }
}

.root.responsivegrid {
  overflow-x: hidden;
}
.root.responsivegrid > * {
  overflow-y: hidden;
}

html.aem-AuthorLayer-Edit > body, html.aem-AuthorLayer-Layouting > body {
  margin: 0 24px !important;
  width: calc(100% - 48px);
}
html.aem-AuthorLayer-Edit .root.responsivegrid, html.aem-AuthorLayer-Layouting .root.responsivegrid {
  overflow: visible !important;
}

.iconfont-chevron-down-right {
  color: #164a9a;
  font-size: 1.5rem !important;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}

.page.basicpage,
.page.basicpage > .root.container.responsivegrid,
.page.basicpage > .root.container.responsivegrid > .cmp-container,
.root.container.responsivegrid > .cmp-container > .aem-Grid,
.root.container.responsivegrid > .cmp-container > .aem-Grid > .container {
  padding: 0;
  display: block;
  margin: 0;
  row-gap: 0;
}

.migrationpage .Header *:not([class^=iconfont-]) {
  font-family: Roboto, "Helvetica Neue", Arial, "sans-serif" !important;
}
.migrationpage .Header *:not(i) {
  font-size: initial;
}
.migrationpage .Header h1,
.migrationpage .Header h2,
.migrationpage .Header h3,
.migrationpage .Header h4,
.migrationpage .Header h5,
.migrationpage .Header h6 {
  text-transform: none !important;
}

.Accordion.Accordion--heading-alignment-left .Accordion__Header {
  text-align: left;
}
.Accordion.Accordion--heading-alignment-center .Accordion__Header {
  text-align: center;
}
.Accordion.Accordion--theme-dark > .Accordion__Header > *, .Accordion.Accordion--theme-dark > .Accordion__Description > *, .Accordion.Accordion--theme-dark > .Accordion__Disclaimer > * {
  color: #ffffff;
}
.Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderTitle, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderTitle {
  color: #ffffff;
}
.Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down, .Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down-right, .Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle, .Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down-right, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle {
  color: #ffffff;
}
.Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber {
  background-color: #ffffff;
  color: #000000;
}
.Accordion.Accordion--theme-dark.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent, .Accordion.Accordion--theme-dark.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent {
  color: #ffffff;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon, .Accordion.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList {
  line-height: 22px !important;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item {
  border-bottom: 1px solid rgba(88, 88, 88, 0.5);
  padding-top: 16px;
  padding-bottom: 16px;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader {
  background-color: #ffffff;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader {
  background-color: #ffffff;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42px;
          flex: 0 0 42px;
  height: 42px;
  width: 42px;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel {
  background-color: #ffffff;
}
.Accordion.Accordion--style-plus_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent {
  padding: 10px 0px 0px 6px;
}
.Accordion.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item {
  border-bottom: 1px solid #bfbfbf;
  padding: 0 16px;
}
.Accordion.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader {
  padding: 24px 0 16px;
}
.Accordion.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  width: 32px;
}
.Accordion.Accordion--style-plus_left > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent {
  padding: 0 0 16px 32px;
}
.Accordion.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item {
  border-bottom: 1px solid #bfbfbf;
}
.Accordion.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader {
  padding: 16px 0;
}
.Accordion.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  width: 32px;
}
.Accordion.Accordion--style-chevron_right > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper > .Accordion__ItemPanelContent {
  padding: 16px 0;
}
.Accordion > .Accordion__Header {
  margin-bottom: 30px;
}
.Accordion > .Accordion__Description {
  margin-bottom: 30px;
  padding-right: 72px;
}
.Accordion > .Accordion__ItemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Accordion > .Accordion__ItemList > .Accordion__Item {
  overflow: hidden;
}
.Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down-right, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle {
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
}
.Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.Accordion > .Accordion__ItemList > .Accordion__Item[data-active=true] > .Accordion__ItemPanel {
  grid-template-rows: 1fr;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  cursor: pointer;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  border: 0;
  width: 100%;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderNumber {
  height: 42px;
  width: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42px;
          flex: 0 0 42px;
  background: #164a9a;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-weight: 600;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-chevron-down-right, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 300ms -webkit-transform ease;
  transition: 300ms -webkit-transform ease;
  transition: 300ms transform ease;
  transition: 300ms transform ease, 300ms -webkit-transform ease;
  font-size: 24px;
  color: #164a9a;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-plus-circle {
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus, .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderIcon > .iconfont-minus-circle {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderTitle {
  color: #000000;
  font-weight: 400;
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  .Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemHeader > .Accordion__ItemHeaderTitle {
    font-size: 18px;
  }
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 300ms ease;
  transition: grid-template-rows 300ms ease;
  transition: grid-template-rows 300ms ease, -ms-grid-rows 300ms ease;
}
.Accordion > .Accordion__ItemList > .Accordion__Item > .Accordion__ItemPanel > .Accordion__ItemPanelWrapper {
  overflow: hidden;
}
.Accordion > .Accordion__Disclaimer {
  padding-right: 72px;
}
.Accordion > .Accordion__Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.aem-AuthorLayer-Edit .Accordion__ItemPanel {
  grid-template-rows: 1fr !important;
}

.AccordionSection .AccordionSection__Header {
  text-align: center;
  margin-bottom: 30px;
}
.AccordionSection .AccordionSection__Description {
  text-align: center;
  margin-bottom: 30px;
}
.AccordionSection .AccordionSection__Disclaimer {
  text-align: center;
  margin: 45px auto;
}
.AccordionSection .AccordionSection__Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.AcquisitionImageText ul {
  list-style: disc;
  padding-left: 15px;
}
.AcquisitionImageText__Disclaimer {
  line-height: 1;
}
.AcquisitionImageText__Container {
  padding: 60px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
  .AcquisitionImageText__Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.AcquisitionImageText__Image, .AcquisitionImageText__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.AcquisitionImageText__Image {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .AcquisitionImageText__Image {
    width: 60%;
  }
}
.AcquisitionImageText__Image img {
  width: 100%;
  -webkit-transform: scale(1.5) translate(0%, 0);
          transform: scale(1.5) translate(0%, 0);
}
@media only screen and (min-width: 768px) {
  .AcquisitionImageText__Image img {
    -webkit-transform: scale(1.5) translate(8%, 0);
            transform: scale(1.5) translate(8%, 0);
  }
}
@media only screen and (min-width: 768px) {
  .AcquisitionImageText__Content {
    width: 40%;
    min-width: 380px;
  }
}
.AcquisitionImageText__ContentInner {
  max-width: 520px;
}
.AcquisitionImageText__Buttons {
  margin: 30px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Alert.Alert--state-alert .Alert__Container {
  border: 1px solid #d81421;
}
.Alert.Alert--state-alert .Alert__Container .Alert__Title,
.Alert.Alert--state-alert .Alert__Container .Alert__TitleContent {
  color: #d81421;
}
.Alert.Alert--state-success .Alert__Container {
  border: 1px solid #164a9a;
}
.Alert.Alert--state-success .Alert__Title,
.Alert.Alert--state-success .Alert__TitleContent {
  color: #164a9a;
}
.Alert__Container {
  margin-top: -25px;
}
@media only screen and (min-width: 768px) {
  .Alert__Container {
    margin-top: -50px;
  }
}
.Alert__Container {
  background: #ffffff;
  border: 1px solid #BFBFBF;
  padding: 80px 40px;
}
.Alert__Container.collapsed {
  display: none;
}
.Alert__Container.hidden {
  display: none;
}
.Alert__Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 7.5px;
}
.Alert__Header h3 {
  font-size: 22px;
  color: #191919;
}
@media only screen and (max-width: 767px) {
  .Alert__Header h3 {
    line-height: 28px;
    font-size: 20px;
  }
}
.Alert__Header .Alert__Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.Alert__Body {
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  max-height: 168px;
}
@media only screen and (min-width: 1200px) {
  .Alert__Body {
    max-height: 48px;
    padding-right: 56px;
  }
}
.Alert__Body {
  overflow: hidden;
}
.Alert__Body.expanded {
  max-height: 100%;
}
.Alert__Body a {
  color: #164a9a;
}
.Alert__Footer {
  margin-top: 15px;
}
.Alert__Toggle {
  padding: 0 !important;
}
.Alert__Toggle:focus-visible::before {
  border-color: transparent;
}
.Alert__Toggle .Button__Label {
  font-weight: 300;
}
.Alert__Close {
  width: 32px;
  height: 32px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  color: #545454;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  cursor: pointer;
}
.Alert__Close i {
  font-size: 24px;
}

.AnchorLinks {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.AnchorLinks .AnchorLinks__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.AnchorLinks .AnchorLinks__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  max-width: 306px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 993px) {
  .AnchorLinks .AnchorLinks__Content {
    max-width: 770px;
  }
}
.AnchorLinks .AnchorLinks__Heading {
  color: #000000;
  font-size: 24px;
}
.AnchorLinks .AnchorLinks__Item:not(:last-child) {
  margin-bottom: 16px;
}
.AnchorLinks .AnchorLinks__Link {
  text-decoration: underline;
  color: #164a9a;
  padding: 4px;
}
@media only screen and (min-width: 993px) {
  .AnchorLinks .AnchorLinks__Link {
    padding: 0;
  }
}

.AwardsCard {
  overflow: hidden;
  height: 100%;
  padding: 0 30px;
  text-align: center;
}
.AwardsCard h3 {
  margin: 1rem auto;
}
.AwardsCard img {
  max-width: 160px;
}

.Breadcrumb.Breadcrumb--theme-light {
  color: #164a9a;
}
.Breadcrumb.Breadcrumb--theme-light .Breadcrumb__Item:last-child .Breadcrumb__Label {
  text-decoration: none;
  color: #000;
}
.Breadcrumb.Breadcrumb--theme-dark {
  color: #8BA4CB;
}
.Breadcrumb.Breadcrumb--theme-dark .Breadcrumb__Item:last-child .Breadcrumb__Label {
  text-decoration: none;
  color: #FFF;
}
.Breadcrumb .Breadcrumb__List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.Breadcrumb .Breadcrumb__Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 575px) {
  .Breadcrumb .Breadcrumb__Item:not(:last-of-type) {
    display: none;
  }
}
.Breadcrumb .Breadcrumb__Item:not(:last-of-type)::after {
  content: "/";
  margin-left: 8px;
}
.Breadcrumb .Breadcrumb__Link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Breadcrumb .Breadcrumb__Label {
  text-decoration: underline;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.Breadcrumb .Breadcrumb__Icon {
  display: none;
}
@media only screen and (max-width: 575px) {
  .Breadcrumb .Breadcrumb__Icon {
    display: block;
  }
}

.Button {
  background: transparent;
  cursor: pointer;
  border: 0;
  -webkit-transition: 150ms ease all;
  transition: 150ms ease all;
  position: relative;
}
.Button::before {
  content: "";
  display: block;
  height: calc(100% - 3px);
  width: calc(100% - 3px);
  position: absolute;
  border-radius: 24px;
  border: 1px solid transparent;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.Button .Button__Label {
  position: relative;
  font-weight: 400;
  -webkit-transition: 150ms ease all;
  transition: 150ms ease all;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.000001px;
}
.Button:focus-visible {
  outline: none;
}
.Button.Button--type-solid, .Button.Button--type-outline, .Button.Button--type-outlineNoBg, .Button.Button--type-hyperlink {
  padding: 10px 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 24px;
  border-width: 1px;
  border-style: solid;
  line-height: 24px;
}
.Button.Button--type:focus-visible {
  border-width: 3px;
  border-style: solid;
}
.Button.Button--type-hyperlink {
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 11px 32px;
  background-color: transparent;
  border-color: transparent;
}
.Button.Button--type-hyperlink .Button__Label {
  font-weight: 400;
  text-decoration: underline;
  position: relative;
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-solid {
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 32px;
  border: 1px solid transparent;
}
.Button.Button--theme-white.Button--type-solid:hover {
  background: #F1EFF2;
  border-color: #F1EFF2;
}
.Button.Button--theme-white.Button--type-solid:hover .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-solid:active {
  background: #F1EFF2;
  border-color: #164a9a;
}
.Button.Button--theme-white.Button--type-solid:active .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-solid:focus-visible {
  outline: none;
  position: relative;
  z-index: 1;
}
.Button.Button--theme-white.Button--type-solid:focus-visible::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid #000000;
  background: transparent;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
}
.Button.Button--theme-white.Button--type-solid:focus-visible .Button__Label {
  color: #000000;
}
.Button.Button--theme-white.Button--type-outline {
  border-color: #ffffff;
  background-color: #000000;
  border-width: 1px;
  padding: 11px 33px;
}
.Button.Button--theme-white.Button--type-outline .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-white.Button--type-outline:hover {
  border-color: #F1EFF2;
  background: #F1EFF2;
}
.Button.Button--theme-white.Button--type-outline:hover .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-outline:active {
  border-color: #164a9a;
  background: #F1EFF2;
}
.Button.Button--theme-white.Button--type-outline:active .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-outline:focus-visible {
  border-color: #ffffff;
  background-color: transparent;
}
.Button.Button--theme-white.Button--type-outline:focus-visible::before {
  border-color: #ffffff;
  background-color: #000000;
  border-width: 1px;
  height: calc(100% - 5px);
  width: calc(100% - 5px);
}
.Button.Button--theme-white.Button--type-outline:focus-visible .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-white.Button--type-outlineNoBg {
  border-color: #ffffff;
  border-width: 1px;
  padding: 11px 33px;
  background-color: transparent;
}
.Button.Button--theme-white.Button--type-outlineNoBg .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-white.Button--type-outlineNoBg:hover {
  border-color: #F1EFF2;
  background-color: #F1EFF2;
}
.Button.Button--theme-white.Button--type-outlineNoBg:hover .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-outlineNoBg:active {
  border-color: #164a9a;
  background-color: #F1EFF2;
}
.Button.Button--theme-white.Button--type-outlineNoBg:active .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-white.Button--type-outlineNoBg:focus-visible {
  border-color: #ffffff;
  background-color: transparent;
}
.Button.Button--theme-white.Button--type-outlineNoBg:focus-visible::before {
  border-color: #ffffff;
  border-width: 1px;
  height: calc(100% - 5px);
  width: calc(100% - 5px);
}
.Button.Button--theme-white.Button--type-outlineNoBg:focus-visible .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-white.Button--type-hyperlink .Button__Label {
  color: #ffffff;
  text-decoration: underline;
}
.Button.Button--theme-white.Button--type-hyperlink:hover .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-white.Button--type-hyperlink:active {
  border-color: #000000;
  background-color: #F1EFF2;
}
.Button.Button--theme-white.Button--type-hyperlink:active .Button__Label {
  color: #000000;
}
.Button.Button--theme-white.Button--type-hyperlink:focus-visible {
  border-color: #164a9a;
  background-color: #F1EFF2;
}
.Button.Button--theme-white.Button--type-hyperlink:focus-visible .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-solid {
  background-color: #000000;
  border-width: 1px;
  padding: 11px 32px;
}
.Button.Button--theme-black.Button--type-solid .Button__Label {
  color: #ffffff;
}
.Button.Button--theme-black.Button--type-solid:hover {
  background-color: #010034;
  border-color: #010034;
}
.Button.Button--theme-black.Button--type-solid:active {
  background-color: #010034;
  border-color: #010034;
}
.Button.Button--theme-black.Button--type-solid:focus-visible {
  background-color: #164a9a;
  border-color: #c01f4a;
}
.Button.Button--theme-black.Button--type-solid:focus-visible::before {
  border-color: #ffffff;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.Button.Button--theme-black.Button--type-outline {
  border-color: #000000;
  background-color: #ffffff;
  border-width: 1px;
  padding: 11px 32px;
}
.Button.Button--theme-black.Button--type-outline:hover {
  border-color: #000000;
  background-color: #C6D2E6;
}
.Button.Button--theme-black.Button--type-outline:hover .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-outline:active {
  background-color: #C6D2E6;
  border-color: #164a9a;
}
.Button.Button--theme-black.Button--type-outline:active .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-outline:focus-visible {
  border-color: #c01f4a;
  padding: 11px 32px;
}
.Button.Button--theme-black.Button--type-outline:focus-visible::before {
  border-color: #000000;
  border-width: 1px;
  background-color: #ffffff;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.Button.Button--theme-black.Button--type-outline:focus-visible .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-outlineNoBg {
  border-color: #000000;
  border-width: 1px;
  padding: 11px 33px;
  background-color: transparent;
}
.Button.Button--theme-black.Button--type-outlineNoBg:hover {
  border-color: #164a9a;
  background-color: #C6D2E6;
}
.Button.Button--theme-black.Button--type-outlineNoBg:hover .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-outlineNoBg:active {
  border-color: #164a9a;
  background-color: #ffffff;
}
.Button.Button--theme-black.Button--type-outlineNoBg:active .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-outlineNoBg:focus-visible {
  border-color: #c01f4a;
  padding: 11px 32px;
}
.Button.Button--theme-black.Button--type-outlineNoBg:focus-visible::before {
  border-color: #000000;
  border-width: 1px;
  background-color: #ffffff;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.Button.Button--theme-black.Button--type-outlineNoBg:focus-visible .Button__Label {
  color: #164a9a;
}
.Button.Button--theme-black.Button--type-hyperlink .Button__Label {
  color: #164a9a;
  text-decoration: underline;
}
.Button.Button--theme-black.Button--type-hyperlink:hover .Button__Label {
  color: #000000;
}
.Button.Button--theme-black.Button--type-hyperlink:active {
  border-color: #000000;
}
.Button.Button--theme-black.Button--type-hyperlink:active .Button__Label {
  color: #000000;
}
.Button.Button--theme-black.Button--type-hyperlink:focus-visible {
  border-color: #c01f4a;
}
.Button.Button--theme-black.Button--type-hyperlink:focus-visible .Button__Label {
  color: #164a9a;
}
.Button.Button--display-hidden {
  display: none !important;
}

.AwardsCard {
  overflow: hidden;
  height: 100%;
  padding: 0 30px;
  text-align: center;
}
@media (max-width: 1200px) {
  .AwardsCard {
    padding-bottom: 32px;
  }
}
.AwardsCard h3 {
  margin: 1rem auto;
}
.AwardsCard img {
  max-width: 160px;
}
.AwardsCard.verticalLine {
  border-right: 1px solid #d3d3d3;
}
@media (max-width: 1200px) {
  .AwardsCard.verticalLine {
    border-right: none;
    border-bottom: 1px solid #d3d3d3;
  }
}
.AwardsCard.horizondalLine {
  border-bottom: 1px solid #d3d3d3;
}

@media only screen and (max-width: 575px) {
  .CardCarousel.CardCarousel--arrow-off .CardCarousel__Navigation {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .CardCarousel.CardCarousel--arrow-off .CardCarousel__Navigation .CardCarousel__Control {
    display: none;
  }
}
.CardCarousel.CardCarousel--theme-dark .CardCarousel__Dots .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #808080 !important;
}
.CardCarousel.CardCarousel--theme-dark .CardCarousel__Dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000000 !important;
}
.CardCarousel.CardCarousel--theme-dark .CardCarousel__Control {
  background-color: #ffffff !important;
  border: 0;
}
.CardCarousel.CardCarousel--theme-light .CardCarousel__Control {
  border: 1px solid #000000 !important;
  background-color: transparent;
}
.CardCarousel .CardCarousel__Container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 32px;
  padding: 0 17px 24px;
}
@media only screen and (min-width: 993px) {
  .CardCarousel .CardCarousel__Container {
    padding-top: 40px;
    padding-bottom: 80px;
    gap: 40px;
  }
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardCarousel__Item {
  padding-bottom: 50px;
  height: 100%;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardRow__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardRow__Container .CardRow__Image {
  width: 100%;
  height: 100%;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardRow__Container .CardRow__Content {
  max-height: unset;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardPromo {
  overflow: unset;
}
.CardCarousel .CardCarousel__Container .CardCarousel__SlidersContainer .CardCarousel__Sliders .CardCarousel__Slider .CardPromo__Content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 575px) {
  .CardCarousel .CardCarousel__Container .CardCarousel__Navigation {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control {
  color: #000000;
  font-size: 1rem;
  height: 48px;
  width: 88px;
  border-radius: 52px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 993px) {
  .CardCarousel .CardCarousel__Container .CardCarousel__Control {
    margin: 0 10px;
  }
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control i::before {
  font-size: 1.5rem;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowLeft {
  margin-right: 42px;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowLeft i.iconfont-chevron-down, .CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowLeft i.iconfont-chevron-down-right {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowRight {
  margin-left: 42px;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowRight i.iconfont-chevron-down, .CardCarousel .CardCarousel__Container .CardCarousel__Control.CardCarousel__ArrowRight i.iconfont-chevron-down-right {
  -webkit-transform: rotate(-90deg) translate(0, 4px);
          transform: rotate(-90deg) translate(0, 4px);
}
.CardCarousel .CardCarousel__Container .CardCarousel__Dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Dots .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #808080;
}
.CardCarousel .CardCarousel__Container .CardCarousel__Dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  background: #000000;
}

.CardContainer__Container {
  padding: 16px;
  min-height: 160px;
}
@media only screen and (min-width: 993px) {
  .CardContainer__Container {
    padding: 56px;
  }
}

.CardEditorial {
  overflow: hidden;
  height: 100%;
  position: relative;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  .CardEditorial {
    padding: 40px;
  }
}
.CardEditorial .CardEditorial__Tag {
  background-color: #E8EDF4 !important;
  color: #164a9a;
  padding: 8px 16px;
}
.CardEditorial.CardEditorial--layout-vertical .CardEditorial__Container {
  padding: 24px;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-vertical .CardEditorial__Container {
    padding: 32px;
  }
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-image .CardEditorial__Container, .CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-video .CardEditorial__Container {
  position: relative;
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-image .CardEditorial__Tag, .CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-video .CardEditorial__Tag {
  position: absolute;
  bottom: calc(100% + 32px);
  left: 24px;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-image .CardEditorial__Tag, .CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-video .CardEditorial__Tag {
    left: 32px;
  }
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-image .CardEditorial__Image {
  height: 100%;
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--media-video .CardEditorial__Media video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--image-height-large .CardEditorial__Media {
  height: 200px;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-vertical.CardEditorial--image-height-large .CardEditorial__Media {
    height: 360px;
  }
}
.CardEditorial.CardEditorial--layout-vertical.CardEditorial--image-height-small .CardEditorial__Media {
  height: 200px;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-vertical.CardEditorial--image-height-small .CardEditorial__Media {
    height: 240px;
  }
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 360px;
  }
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-horizontal .CardEditorial__Media,
  .CardEditorial.CardEditorial--layout-horizontal .CardEditorial__Container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}
.CardEditorial.CardEditorial--layout-horizontal .CardEditorial__Container {
  padding: 0;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-horizontal .CardEditorial__Container {
    padding: 40px 48px;
  }
}
@media only screen and (max-width: 992px) {
  .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image .CardEditorial__Container, .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-video .CardEditorial__Container {
    position: relative;
  }
}
.CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image .CardEditorial__Tag, .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-video .CardEditorial__Tag {
  position: absolute;
  bottom: calc(100% + 32px);
  left: 24px;
  background-color: #E8EDF4;
  color: #164a9a;
  padding: 8px 16px;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image .CardEditorial__Tag, .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-video .CardEditorial__Tag {
    bottom: 20px;
    left: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image {
    display: grid;
    grid-template-rows: 200px auto;
  }
}
.CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image .CardEditorial__Image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-image .CardEditorial__Media {
  position: relative;
}
@media only screen and (min-width: 993px) {
  .CardEditorial.CardEditorial--layout-horizontal.CardEditorial--media-video .CardEditorial__Media video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.CardEditorial.CardEditorial--media-video video {
  max-width: 100%;
}
.CardEditorial:not(.CardEditorial--with-metadata) .CardEditorial__Metadata {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-top: 0;
}
.CardEditorial .CardEditorial__Heading,
.CardEditorial .CardEditorial__Heading .CardEditorial__HeadingLink {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CardEditorial .CardEditorial__Heading i {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.CardEditorial .CardEditorial__Heading .CardEditorial__HeadingLink:hover i {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.CardEditorial .CardEditorial__Media img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -o-object-position: center center;
     object-position: center center;
}
.CardEditorial .CardEditorial__Container h3 {
  color: #191919;
}
.CardEditorial .CardEditorial__Container.verticalLine {
  border-right: 1px solid #d3d3d3;
}
@media (max-width: 1200px) {
  .CardEditorial .CardEditorial__Container.verticalLine {
    border-right: none;
    border-bottom: 1px solid #d3d3d3;
  }
}
.CardEditorial .CardEditorial__Container.horizondalLine {
  border-bottom: 1px solid #d3d3d3;
}
.CardEditorial .CardEditorial__Icon {
  width: 48px;
  height: 48px;
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
}
.CardEditorial .CardEditorial__Icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.CardEditorial .CardEditorial__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.CardEditorial .CardEditorial__Metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 16px 0;
}
.CardEditorial .CardEditorial__ReadingTime {
  position: relative;
}
.CardEditorial .CardEditorial__ReadingTime::before {
  content: "•";
  color: #F1EFF2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -12px;
}
.CardEditorial .CardEditorial__Button {
  margin-top: 8px;
}

.CardGridContainer .Pagination {
  margin-top: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 993px) {
  .CardGridContainer .Pagination {
    margin-top: 70px;
  }
}

.CardGroup {
  padding: 80px 0;
}
@media only screen and (min-width: 993px) {
  .CardGroup {
    padding: 100px 0;
  }
}
.CardGroup .CardGroup__Header {
  margin-bottom: 42px;
  text-align: center;
}
@media only screen and (min-width: 993px) {
  .CardGroup .CardGroup__Header {
    margin-bottom: 60px;
  }
}
.CardGroup .CardGroup__Header .CardGroup__HeaderGrid {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardGroup .CardGroup__Heading {
  margin-bottom: 16px;
}
.CardGroup .CardGroup__Footer {
  padding: 60px 0;
}
@media only screen and (min-width: 993px) {
  .CardGroup .CardGroup__Footer {
    padding: 80px 0;
  }
}
.CardGroup .CardGroup__Grid--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 992px) {
  .CardGroup .CardGroup__Column:not(:last-child) {
    margin-bottom: 16px;
  }
}
.CardGroup .CardGroup__Cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .CardGroup .CardGroup__Cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.CardGroup .CardGroup__Cta p {
  color: #164a9a;
  font-weight: 600;
  margin-bottom: 24px;
}
@media only screen and (min-width: 993px) {
  .CardGroup .CardGroup__Cta p {
    margin-right: 40px;
    margin-bottom: 0;
  }
}

.CardInfo {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 100%;
  min-height: 280px;
}
@media only screen and (min-width: 993px) {
  .CardInfo {
    min-height: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .CardInfo .h3 {
    font-size: 22px;
  }
}
.CardInfo .h3 {
  font-size: 20px;
}
@media only screen and (min-width: 993px) {
  .CardInfo--layout-horizontal .CardInfo__Container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 38px;
    padding: 80px;
  }
}
@media only screen and (max-width: 992px) {
  .CardInfo--layout-horizontal .CardInfo__Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 28px 32px 0;
  }
}
@media only screen and (min-width: 993px) {
  .CardInfo--layout-horizontal .CardInfo__Content,
  .CardInfo--layout-horizontal .CardInfo__Image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}
@media only screen and (max-width: 992px) {
  .CardInfo--layout-horizontal .CardInfo__Content {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .CardInfo--layout-horizontal .CardInfo__Image {
    margin-top: auto;
  }
}
@media only screen and (min-width: 993px) {
  .CardInfo--layout-horizontal .CardInfo__Image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
@media only screen and (max-width: 992px) {
  .CardInfo--layout-horizontal .CardInfo__Image img {
    height: 100%;
    margin: 0 auto;
  }
}
.CardInfo--layout-vertical .CardInfo__Container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px 32px;
}
.CardInfo--layout-vertical .CardInfo__Content {
  margin-bottom: 20px;
}
.CardInfo--layout-vertical .CardInfo__Image {
  margin-top: auto;
}
.CardInfo--layout-vertical .CardInfo__Image img {
  height: 100%;
  margin: 0 auto;
}
.CardInfo .CardInfo__Container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardInfo .CardInfo__Container.verticalLine {
  border-right: 1px solid #d3d3d3;
}
@media (max-width: 1200px) {
  .CardInfo .CardInfo__Container.verticalLine {
    border-right: none;
    border-bottom: 1px solid #d3d3d3;
  }
}
.CardInfo .CardInfo__Container.horizondalLine {
  border-bottom: 1px solid #d3d3d3;
}
.CardInfo .CardInfo__Tag {
  background-color: #E8EDF4;
  color: #164a9a;
  padding: 6px 10px;
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-start;
  font-size: 14px;
}
.CardInfo .CardInfo__Content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.CardInfo .CardInfo__Content .CardInfo__ContentCopy {
  padding-bottom: 40px;
}
.CardInfo .CardInfo__Content .Button--style-tertiary {
  margin: 15px 0 0;
}
.CardInfo .CardInfo__Image img {
  max-width: 100%;
  display: block;
}
.CardInfo .CardInfo__Button:not(:last-child) {
  margin-bottom: 16px;
}

.cardlist {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.CardList__Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 45px auto;
  margin: 40px auto 24px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardList .CardRow {
  margin: 0 0;
}

.CardPromo {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 100%;
  min-height: 280px;
}
.CardPromo.CardPromo--minHeightNoImg {
  min-height: 140px;
  height: auto;
}
@media only screen and (min-width: 993px) {
  .CardPromo {
    min-height: 320px;
  }
  .CardPromo.CardPromo--minHeightNoImg {
    min-height: 160px;
    height: auto;
  }
}
.CardPromo.CardPromo--layout-vertical .CardPromo__Content {
  display: grid;
  grid-template-rows: auto 1fr;
}
@media only screen and (min-width: 993px) {
  .CardPromo.CardPromo--layout-horizontal .CardPromo__Container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 80px;
    gap: 1pc;
  }
}
.CardPromo.CardPromo--layout-horizontal .CardPromo__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 993px) {
  .CardPromo.CardPromo--layout-horizontal .CardPromo__Content {
    width: 50%;
    text-align: left;
  }
}
@media only screen and (min-width: 993px) {
  .CardPromo.CardPromo--layout-horizontal .CardPromo__Image {
    width: 50%;
    margin: auto;
  }
}
.CardPromo.CardPromo--cardType-fund {
  min-height: unset;
}
.CardPromo.CardPromo--cardType-fund.CardPromo--paddingSize-large .CardPromo__Container, .CardPromo.CardPromo--cardType-fund.CardPromo--paddingSize-small .CardPromo__Container {
  padding: 80px 40px;
}
.CardPromo.CardPromo--cardType-fund .CardPromo__Container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.CardPromo.CardPromo--cardType-fund .CardPromo__Content {
  margin-bottom: 0;
}
.CardPromo.CardPromo--cardType-fund .CardPromo__Content .CardPromo__ContentCopy {
  margin-bottom: 0;
}
.CardPromo.CardPromo--paddingSize-large .CardPromo__Container {
  padding: 80px 40px;
}
.CardPromo.CardPromo--paddingSize-small .CardPromo__Container {
  padding: 40px 40px;
}
.CardPromo .CardPromo__Container {
  height: 100%;
  padding: 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CardPromo .CardPromo__Container.verticalLine {
  border-right: 1px solid #d3d3d3;
}
@media (max-width: 1200px) {
  .CardPromo .CardPromo__Container.verticalLine {
    border-right: none;
    border-bottom: 1px solid #d3d3d3;
  }
}
.CardPromo .CardPromo__Container.horizondalLine {
  border-bottom: 1px solid #d3d3d3;
}
.CardPromo .CardPromo__Content {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
.CardPromo .CardPromo__Content .CardPromo__Heading {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 500;
  color: #191919;
  min-height: 75px;
}
@media only screen and (max-width: 992px) {
  .CardPromo .CardPromo__Content .CardPromo__Heading {
    font-size: 20px;
  }
}
.CardPromo .CardPromo__Content .CardPromo__Heading > a {
  color: #164a9a;
  text-decoration: underline;
  font-size: 22px;
  font-weight: 400;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.CardPromo .CardPromo__Content .CardPromo__Super {
  color: #000000;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 52px;
  margin: 0 0 16px;
}
@media only screen and (max-width: 767px) {
  .CardPromo .CardPromo__Content .CardPromo__Super {
    font-size: 2rem;
  }
}
.CardPromo .CardPromo__Content .CardPromo__Super sub {
  bottom: 0;
  font-size: 24px;
  line-height: 1.3;
}
.CardPromo .CardPromo__Content .CardPromo__Super sup {
  font-size: 20px;
  line-height: 1.3;
  top: -0.7em;
}
.CardPromo .CardPromo__Content .CardPromo__ContentCopy {
  color: #333333;
  padding-bottom: 40px;
}
.CardPromo .CardPromo__Content .CardPromo__ContentCopy a {
  color: #164a9a;
  font-weight: 400;
  text-decoration: underline;
}
.CardPromo .CardPromo__Content .Button--style-tertiary {
  margin: 15px 0 0;
}
.CardPromo .CardPromo__Image {
  margin-bottom: auto;
  margin-top: auto;
}
.CardPromo .CardPromo__Image img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.CardPromo .CardPromo__Button:not(:last-child) {
  margin-bottom: 16px;
}

.cardtext .CardPromo .CardPromo__Container {
  padding: 24px;
}
.cardtext .CardPromo .CardPromo__Container .CardPromo__Content .CardPromo__Heading {
  font-size: 1.75rem;
  color: inherit;
  margin-bottom: 16px;
}
.cardtext .CardPromo .CardPromo__Container .CardPromo__Content .CardPromo__Heading a {
  color: #164a9a;
  font-size: inherit;
  text-decoration: underline;
}
.cardtext .CardPromo .CardPromo__Container .CardPromo__Content .CardPromo__ContentCopy p {
  font-size: 1rem;
  color: #000000;
}
.cardtext .CardPromo .CardPromo__Container .CardPromo__Content .CardPromo__ContentCopy p a {
  color: #164a9a;
  font-size: inherit;
  text-decoration: underline;
}

.cardrow {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.CardRow {
  height: 100%;
  overflow: hidden;
}
.CardRow__Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 45px auto;
}
.CardRow a {
  color: #164a9a;
  font-size: 1.25px;
}
@media only screen and (max-width: 767px) {
  .CardRow .CardRow__Image {
    height: 200px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.CardRow .CardRow__Image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
@media only screen and (min-width: 768px) {
  .CardRow .CardRow__Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.CardRow .CardRow__Container .iconfont-arrow-right-short {
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}
.CardRow .CardRow__Container:hover .iconfont-arrow-right-short {
  margin-right: -10px;
}
.CardRow .CardRow__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 24px;
  border-bottom: 1px solid #bfbfbf;
}
@media only screen and (min-width: 768px) {
  .CardRow .CardRow__Content {
    padding: 24px;
  }
}
.CardRow .CardRow__Content div.p1 {
  line-height: 32px;
  height: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .CardRow .CardRow__Content div.p1 {
    margin-bottom: 8px;
    max-height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-right: 16px;
  }
}
.CardRow .CardRow__Content .CardRow__SmallHeading {
  font-weight: 400 !important;
}
.CardRow .CardRow__Content h3 {
  gap: 22px;
  color: #191919;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .CardRow .CardRow__Content h3 {
    font-size: 20px;
  }
}
.CardRow .CardRow__Content h3.p1 {
  font-weight: 400;
  line-height: 1.4;
  font-size: 18px;
}
.CardRow .CardRow__Content p {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 16px;
}
.CardRow .CardRow__Content--footer {
  color: #808080;
  font-weight: 400;
  font-size: 1rem;
}
.CardRow .CardRow__Content--footer_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 14px;
}
@media only screen and (min-width: 993px) {
  .CardRow .CardRow__Image + .CardRow__Content {
    padding: 0 24px;
  }
}

.CascadeCard {
  color: #ffffff;
  will-change: transform;
  min-width: 300px;
  overflow: visible;
  width: 100%;
  height: 250px;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 993px) {
  .CascadeCard {
    width: 100%;
    max-width: 1070px;
    height: 250px;
  }
}
.CascadeCard:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  .CascadeCard:not(:last-child) {
    margin-bottom: 50px;
  }
}
.CascadeCard__ContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px;
}
@media only screen and (min-width: 993px) {
  .CascadeCard__ContentWrapper {
    padding: 75px 100px;
  }
}
.CascadeCard__Heading {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 10px;
}
.CascadeCard__Content {
  will-change: top opacity transform;
  font-size: 17px;
  line-height: 150%;
}
@media only screen and (min-width: 993px) {
  .CascadeCard__Content {
    max-width: 364px;
    font-size: 18px;
  }
}

.CascadeCard--left .CascadeCard__RenderedLayer {
  justify-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CascadeCard--left .CascadeCard__RenderedLayer:first-child {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .CascadeCard--left .CascadeCard__RenderedLayer:first-child {
    width: 100%;
  }
}
.CascadeCard--left .CascadeCard__RenderedLayer .CascadeCard__ContentWrapper {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .CascadeCard--left .CascadeCard__RenderedLayer .CascadeCard__ContentWrapper {
    width: 50%;
    left: 50%;
    padding-right: 10px;
    padding-left: 50px;
  }
}

.CascadeCard--right .CascadeCard__RenderedLayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .CascadeCard--right .CascadeCard__RenderedLayer:first-child {
    width: 100%;
  }
}
.CascadeCard--right .CascadeCard__RenderedLayer .CascadeCard__ContentWrapper {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .CascadeCard--right .CascadeCard__RenderedLayer .CascadeCard__ContentWrapper {
    width: 50%;
    left: 50%;
    padding-right: 10px;
    padding-left: 50px;
  }
}

.CascadeCard img,
.CascadeCard__Container,
.CascadeCard,
.CascadeCard__Layers {
  border-radius: 16px;
}
@media only screen and (min-width: 993px) {
  .CascadeCard img,
  .CascadeCard__Container,
  .CascadeCard,
  .CascadeCard__Layers {
    border-radius: 32px;
  }
}

.CascadeCard__Container {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.CascadeCard__Container.over .CascadeCard__Shadow {
  -webkit-box-shadow: 0 45px 100px rgba(14, 21, 47, 0.4), 0 16px 40px rgba(14, 21, 47, 0.4);
          box-shadow: 0 45px 100px rgba(14, 21, 47, 0.4), 0 16px 40px rgba(14, 21, 47, 0.4);
}

.CascadeCard__Layers {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.CascadeCard__RenderedLayer {
  will-change: transform;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: cover;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.CascadeCard__Shadow {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  -webkit-transition: -webkit-box-shadow 0.5s ease-out;
  transition: -webkit-box-shadow 0.5s ease-out;
  transition: box-shadow 0.5s ease-out;
  transition: box-shadow 0.5s ease-out, -webkit-box-shadow 0.5s ease-out;
  -webkit-box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6);
          box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.CascadeCardGroup {
  position: relative;
}
.CascadeCardGroup:before {
  content: "";
  display: block;
  width: 100%;
  left: 0;
  position: absolute;
}
@media only screen and (min-width: 993px) {
  .CascadeCardGroup:before {
    bottom: 175px;
  }
}
.CascadeCardGroup .CascadeCard {
  opacity: 0;
  position: relative;
  z-index: 20;
  top: -50px;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: scale3d(1.02, 1.02, 1.02);
          transform: scale3d(1.02, 1.02, 1.02);
}
@media only screen and (min-width: 993px) {
  .CascadeCardGroup .CascadeCard {
    -webkit-transform: rotateX(13deg) rotateY(-10deg) scale3d(1.02, 1.02, 1.02);
            transform: rotateX(13deg) rotateY(-10deg) scale3d(1.02, 1.02, 1.02);
  }
}
.CascadeCardGroup .CascadeCard__Heading {
  opacity: 0;
  top: -5px;
  -webkit-transition: top 0.5s ease-in, opacity 0.5s ease-in;
  transition: top 0.5s ease-in, opacity 0.5s ease-in;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.CascadeCardGroup .CascadeCard__Content {
  opacity: 0;
  top: -5px;
  -webkit-transition: top 0.5s ease-in, opacity 0.5s ease-in;
  transition: top 0.5s ease-in, opacity 0.5s ease-in;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.CascadeCardGroup .CascadeCard--active, .CascadeCardGroup .CascadeCard--active .CascadeCard__Heading, .CascadeCardGroup .CascadeCard--active .CascadeCard__Content {
  top: 0px;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.ContactInfo {
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 993px) {
  .ContactInfo {
    width: 500px;
    max-width: 500px;
  }
}
@media only screen and (min-width: 1400px) {
  .ContactInfo {
    width: 25%;
    max-width: none;
  }
}
.ContactInfo__Heading {
  color: #000000;
  font-family: NanumMyeongjo;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 33px;
  text-align: center;
}
@media only screen and (min-width: 993px) {
  .ContactInfo__Heading {
    font-size: 1.5rem;
    line-height: 36px;
    width: 500px;
    max-width: 500px;
  }
}
.ContactInfo__Content {
  color: #000000;
  max-width: 280px;
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  padding: 12px 0;
}
@media only screen and (min-width: 993px) {
  .ContactInfo__Content {
    padding: 24px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.ContactInfo__Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.ContactInfo__Links a {
  color: #000000;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: underline;
}
.ContactInfo .Button.Button--type-hyperlink .Button__Label {
  font-weight: 300;
}

.ContactInfoGroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f2f2f2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 64px 16px;
}
@media only screen and (min-width: 768px) {
  .ContactInfoGroup {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ContactInfoGroup__Items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1440px;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .ContactInfoGroup__Items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
@media only screen and (min-width: 993px) {
  .ContactInfoGroup__Items {
    margin-top: 56px;
    gap: 20px;
  }
}
@media only screen and (min-width: 1400px) {
  .ContactInfoGroup__Items {
    gap: 0;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.ContactInfoGroup__Heading {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 30px;
}
@media only screen and (max-width: 992px) {
  .ContactInfoGroup__Heading {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .ContactInfoGroup__Heading {
    font-size: 2rem;
    line-height: 40px;
  }
}

.container[data-overlap-top] {
  margin-top: calc(var(--overlapTop) * -1px);
}
.container[data-overlap-top]::before {
  top: calc(var(--overlapTop) * 1px);
  bottom: calc(var(--overlapBottom) * 1px);
  z-index: -1;
}
.container.container--row-spacing-xs .container--row-spacing-xs .aem-Grid, .container.container--row-spacing-sm .container--row-spacing-xs .aem-Grid, .container.container--row-spacing-md .container--row-spacing-xs .aem-Grid, .container.container--row-spacing-lg .container--row-spacing-xs .aem-Grid, .container.container--row-spacing-xl .container--row-spacing-xs .aem-Grid {
  row-gap: 8px;
}
.container.container--row-spacing-xs .container--row-spacing-sm .aem-Grid, .container.container--row-spacing-sm .container--row-spacing-sm .aem-Grid, .container.container--row-spacing-md .container--row-spacing-sm .aem-Grid, .container.container--row-spacing-lg .container--row-spacing-sm .aem-Grid, .container.container--row-spacing-xl .container--row-spacing-sm .aem-Grid {
  row-gap: 16px;
}
.container.container--row-spacing-xs .container--row-spacing-md .aem-Grid, .container.container--row-spacing-sm .container--row-spacing-md .aem-Grid, .container.container--row-spacing-md .container--row-spacing-md .aem-Grid, .container.container--row-spacing-lg .container--row-spacing-md .aem-Grid, .container.container--row-spacing-xl .container--row-spacing-md .aem-Grid {
  row-gap: 24px;
}
.container.container--row-spacing-xs .container--row-spacing-lg .aem-Grid, .container.container--row-spacing-sm .container--row-spacing-lg .aem-Grid, .container.container--row-spacing-md .container--row-spacing-lg .aem-Grid, .container.container--row-spacing-lg .container--row-spacing-lg .aem-Grid, .container.container--row-spacing-xl .container--row-spacing-lg .aem-Grid {
  row-gap: 32px;
}
.container.container--row-spacing-xs .container--row-spacing-xl .aem-Grid, .container.container--row-spacing-sm .container--row-spacing-xl .aem-Grid, .container.container--row-spacing-md .container--row-spacing-xl .aem-Grid, .container.container--row-spacing-lg .container--row-spacing-xl .aem-Grid, .container.container--row-spacing-xl .container--row-spacing-xl .aem-Grid {
  row-gap: 40px;
}
.container.container--row-spacing-xs .aem-Grid {
  row-gap: 8px;
}
.container.container--row-spacing-sm .aem-Grid {
  row-gap: 16px;
}
.container.container--row-spacing-md .aem-Grid {
  row-gap: 24px;
}
.container.container--row-spacing-lg .aem-Grid {
  row-gap: 32px;
}
.container.container--row-spacing-xl .aem-Grid {
  row-gap: 40px;
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
}
@media only screen and (max-width: 992px) {
  .container.container--mobile-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
}
.container.container--padding-top-xs {
  padding-top: 16px !important;
}
.container.container--padding-top-sm {
  padding-top: 24px !important;
}
.container.container--padding-top-md {
  padding-top: 40px !important;
}
.container.container--padding-top-lg {
  padding-top: 80px !important;
}
.container.container--padding-top-xl {
  padding-top: 120px !important;
}
@media only screen and (min-width: 993px) {
  .container.container--padding-top-xl {
    padding-top: 160px !important;
  }
}
.container.container--padding-bottom-xs {
  padding-bottom: 16px !important;
}
.container.container--padding-bottom-sm {
  padding-bottom: 24px !important;
}
.container.container--padding-bottom-md {
  padding-bottom: 40px !important;
}
.container.container--padding-bottom-lg {
  padding-bottom: 80px !important;
}
.container.container--padding-bottom-xl {
  padding-bottom: 120px !important;
}
@media only screen and (min-width: 993px) {
  .container.container--padding-bottom-xl {
    padding-bottom: 160px !important;
  }
}
.container.container--padding-left-xs {
  padding-left: 8px !important;
}
.container.container--padding-left-sm {
  padding-left: 16px !important;
}
.container.container--padding-left-md {
  padding-left: 24px !important;
}
.container.container--padding-left-lg {
  padding-left: 32px !important;
}
.container.container--padding-left-xl {
  padding-left: 40px !important;
}
.container.container--padding-right-xs {
  padding-right: 8px !important;
}
.container.container--padding-right-sm {
  padding-right: 16px !important;
}
.container.container--padding-right-md {
  padding-right: 24px !important;
}
.container.container--padding-right-lg {
  padding-right: 32px !important;
}
.container.container--padding-right-xl {
  padding-right: 40px !important;
}
.container.container--gridGutters-off > .margin > .wrapper > .aem-Grid, .container.container--gridGutters-off > .margin > .aem-Grid, .container.container--gridGutters-off > .wrapper > .aem-Grid, .container.container--gridGutters-off > .aem-Grid {
  margin: 0 !important;
}
.container.container--gridGutters-off > .margin > .wrapper > .aem-Grid > .aem-GridColumn, .container.container--gridGutters-off > .margin > .aem-Grid > .aem-GridColumn, .container.container--gridGutters-off > .wrapper > .aem-Grid > .aem-GridColumn, .container.container--gridGutters-off > .aem-Grid > .aem-GridColumn {
  padding: 0 !important;
}
@media only screen and (min-width: 768px) {
  .container.container--gridGutters-off::after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    height: 100%;
    width: 32px;
    top: 0;
  }
}
.container.background--blue-5 {
  background: #F5F5F5;
}
.container.background--blue-4 {
  background: #000000;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .title, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .title, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .title, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .title, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .aem-Grid > .margin > .wrapper > .title, .container.theme--dark > .aem-Grid > .aem-Grid > .title, .container.theme--dark > .aem-Grid > .title, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .title, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .title, .container.theme--dark > .aem-Grid > .container > .container.background-- > .title, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .margin > .wrapper > .title, .container.theme--dark > .aem-Grid > .title, .container.theme--dark > .title, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .title, .container.theme--dark > .container > .container.background-- > .aem-Grid > .title, .container.theme--dark > .container > .container.background-- > .title {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .title .cmp-title__text, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .title .cmp-title__text, .container.theme--dark > .container > .container.background-- > .aem-Grid > .title .cmp-title__text, .container.theme--dark > .container > .container.background-- > .title .cmp-title__text {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .text, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .text, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .aem-Grid > .margin > .wrapper > .text, .container.theme--dark > .aem-Grid > .aem-Grid > .text, .container.theme--dark > .aem-Grid > .text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .text, .container.theme--dark > .aem-Grid > .container > .container.background-- > .text, .container.theme--dark > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .margin > .wrapper > .text, .container.theme--dark > .aem-Grid > .text, .container.theme--dark > .text, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .text, .container.theme--dark > .container > .container.background-- > .aem-Grid > .text, .container.theme--dark > .container > .container.background-- > .text {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .text .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .text .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .aem-Grid > .text .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .text .rte a:not(.Button) {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .disclaimer, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .disclaimer, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .disclaimer, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .disclaimer, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .aem-Grid > .margin > .wrapper > .disclaimer, .container.theme--dark > .aem-Grid > .aem-Grid > .disclaimer, .container.theme--dark > .aem-Grid > .disclaimer, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .disclaimer, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .disclaimer, .container.theme--dark > .aem-Grid > .container > .container.background-- > .disclaimer, .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .margin > .wrapper > .disclaimer, .container.theme--dark > .aem-Grid > .disclaimer, .container.theme--dark > .disclaimer, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .disclaimer, .container.theme--dark > .container > .container.background-- > .aem-Grid > .disclaimer, .container.theme--dark > .container > .container.background-- > .disclaimer {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .disclaimer .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .disclaimer .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .aem-Grid > .disclaimer .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .disclaimer .rte a:not(.Button) {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .textandbuttons, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .textandbuttons, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .textandbuttons, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .textandbuttons, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .aem-Grid > .margin > .wrapper > .textandbuttons, .container.theme--dark > .aem-Grid > .aem-Grid > .textandbuttons, .container.theme--dark > .aem-Grid > .textandbuttons, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .textandbuttons, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .textandbuttons, .container.theme--dark > .aem-Grid > .container > .container.background-- > .textandbuttons, .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .margin > .wrapper > .textandbuttons, .container.theme--dark > .aem-Grid > .textandbuttons, .container.theme--dark > .textandbuttons, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .textandbuttons, .container.theme--dark > .container > .container.background-- > .aem-Grid > .textandbuttons, .container.theme--dark > .container > .container.background-- > .textandbuttons {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .container > .container.background-- > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .textandbuttons .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .textandbuttons .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .aem-Grid > .textandbuttons .rte a:not(.Button), .container.theme--dark > .container > .container.background-- > .textandbuttons .rte a:not(.Button) {
  color: #ffffff;
}
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .container > .container.background-- > .margin > .wrapper > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .container > .container.background-- > .margin > .wrapper > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .container > .container.background-- > .aem-Grid > .imageandtext .ImageAndText__ContentInner .p1, .container.theme--dark > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .h2,
.container.theme--dark > .container > .container.background-- > .imageandtext .ImageAndText__ContentInner .p1 {
  color: #ffffff;
}

.margin {
  margin: 0 16px;
}

.header.aem-GridColumn + .cq-Editable-dom.cq-Editable-dom--container {
  min-height: 400px;
}

/*
 * AEM Core Form Components Styling
 * Custom styles for Adobe Core Form Components using CFS Design Tokens
 */
.cmp-form {
  /* Form container styles - let AEM control layout and positioning */
  background: var(--colour-surface-neutral-background);
  border-radius: var(--radius-radius-large);
  /* Disable default browser validation styling */
}
.cmp-form .cmp-form-text__text:invalid,
.cmp-form input:invalid,
.cmp-form select:invalid {
  -webkit-box-shadow: none;
          box-shadow: none; /* Remove default browser invalid styling */
  outline: none;
}
.cmp-form {
  /* Hide default browser validation messages */
}
.cmp-form .cmp-form-text__text::-webkit-validation-bubble-message,
.cmp-form input::-webkit-validation-bubble-message {
  display: none;
}
.cmp-form .cmp-form-text__text::-moz-validation-bubble,
.cmp-form input::-moz-validation-bubble {
  display: none;
}
.cmp-form {
  /* AEM Responsive Grid Form Styling - Keep vertical gap, remove horizontal gap */
}
.cmp-form.aem-Grid {
  /* Keep vertical spacing between form rows, remove horizontal spacing */
  row-gap: var(--cfs-spacing-32) !important; /* 32px between form rows using CFS token */
  -webkit-column-gap: 0 !important;
     -moz-column-gap: 0 !important;
          column-gap: 0 !important; /* No horizontal gap between form columns */
  /* Style form field columns within the form grid, but don't override container grid widths */
}
.cmp-form.aem-Grid .aem-GridColumn {
  margin-bottom: 0; /* Remove default margin - using gap instead */
  /* Ensure form field content takes full width of its assigned column */
}
.cmp-form.aem-Grid .aem-GridColumn .cmp-form-text,
.cmp-form.aem-Grid .aem-GridColumn .cmp-form-options,
.cmp-form.aem-Grid .aem-GridColumn .cmp-form-button {
  width: 100%;
}
.cmp-form {
  /* Form fields within responsive grid */
}
.cmp-form .aem-GridColumn .cmp-form-text,
.cmp-form .aem-GridColumn .cmp-form-options {
  margin-bottom: 0; /* Remove default margins */
}

/* Form header styles */
.cmp-form h2,
.cmp-form .form-title {
  font-family: var(--typography-family-condensed);
  font-size: var(--typography-size-2xl);
  font-weight: var(--typography-weight-bold);
  line-height: var(--typography-line-height-tight);
  color: var(--colour-text-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-24) 0;
}

.cmp-form p,
.cmp-form .form-description {
  font-family: var(--typography-family-default);
  font-size: var(--typography-size-base);
  font-weight: var(--typography-weight-regular);
  line-height: var(--typography-line-height-normal);
  color: var(--colour-text-text-secondary);
  text-align: center;
  margin: 0 0 var(--spacing-32) 0;
}

.cmp-form__field {
  /* Form field wrapper styles */
  margin-bottom: 0; /* Reset - using parent gap instead */
}

.cmp-form .text,
.cmp-form .aem-GridColumn {
  margin-bottom: 0; /* Reset margins for clean spacing */
}

.cmp-form .text:last-of-type {
  margin-bottom: 0; /* Reset last field margin */
}

/* Ensure form elements use consistent spacing */
.cmp-form .cmp-form-text,
.cmp-form .cmp-form-options {
  margin-bottom: 0;
}

.cmp-form-text {
  /* Text input field styles */
}

.cmp-form-text__text {
  /* Text input element styles using design tokens */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: var(--input-medium-field-height, 40px);
  padding: var(--spacing-8, 8px) var(--input-medium-field-padding, 16px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: var(--input-input-radius, 4px);
  border: var(--input-border-weight, 1px) solid var(--input-border, #909191);
  background: var(--input-background, #FFF) !important;
  /* Typography using tokens */
  font-family: var(--input-typography-font-family);
  font-size: var(--input-typography-input-medium-value-size);
  font-style: normal;
  font-weight: var(--input-typography-input-medium-value-weight);
  line-height: 1.5;
  color: var(--input-typography-color, #1A1C1C);
  /* Remove default input styling */
  outline: none;
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

/* Force white background for all input states with higher specificity */
.cmp-form .cmp-form-text .cmp-form-text__text,
.cmp-form-text__text {
  background-color: var(--cfs-colour-neutral-100) !important; /* Force white using neutral-100 */
}

/* Override browser autofill styling */
.cmp-form-text__text:-webkit-autofill,
.cmp-form-text__text:-webkit-autofill:hover,
.cmp-form-text__text:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset !important;
  box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset !important;
  background-color: var(--cfs-colour-neutral-100) !important;
}

/* Autofill focus state - preserve focus styling */
.cmp-form-text__text:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset, 0 0 0 4px #C6D2E6 !important;
  box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset, 0 0 0 4px #C6D2E6 !important;
  background-color: var(--cfs-colour-neutral-100) !important;
  border: 1px solid var(--cfs-colour-primary-40) !important;
}

/* Autofill active state - preserve active styling */
.cmp-form-text__text:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset, 0 0 0 4px #C6D2E6 !important;
  box-shadow: 0 0 0 1000px var(--cfs-colour-neutral-100) inset, 0 0 0 4px #C6D2E6 !important;
  background-color: var(--cfs-colour-neutral-100) !important;
  border: 1px solid var(--cfs-colour-primary-40) !important;
}

.cmp-form-text__text.has-user-input {
  /* When user has typed something - keep white background */
  color: var(--input-typography-color, #1A1C1C); /* Dark text for user input */
  background-color: var(--cfs-colour-neutral-100) !important; /* Force white background using CFS token */
}

.cmp-form-text__text:focus {
  /* Focus state for text inputs - 1px border + 4px box-shadow */
  border: 1px solid var(--cfs-colour-primary-40) !important; /* #164A9A */
  -webkit-box-shadow: 0 0 0 4px #C6D2E6 !important;
          box-shadow: 0 0 0 4px #C6D2E6 !important; /* border/focus color from Figma */
  background-color: var(--cfs-colour-neutral-100) !important; /* White background using neutral-100 */
}

.cmp-form-text__text:hover:not(:focus):not(:disabled) {
  /* Hover state for text inputs */
  border-color: var(--input-border-hover, #164A9A);
}

.cmp-form-text__text:disabled {
  /* Disabled state for text inputs */
  background-color: var(--input-background-disabled, #F5F5F5);
  border-color: var(--input-border, #909191);
  color: var(--colour-text-text-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

.cmp-form-text__text:active {
  /* Active state for text inputs - same as focus but white background */
  border: 1px solid var(--cfs-colour-primary-40) !important; /* #164A9A */
  -webkit-box-shadow: 0 0 0 4px #C6D2E6 !important;
          box-shadow: 0 0 0 4px #C6D2E6 !important; /* border/focus color from Figma */
  background-color: var(--cfs-colour-neutral-100) !important; /* White background using neutral-100 */
}

.cmp-form-text__text::-webkit-input-placeholder {
  /* Placeholder text styling */
  color: var(--input-typography-placeholder-color, #6A6C75);
  font-family: var(--input-typography-font-family);
  font-weight: var(--input-typography-input-medium-value-weight);
  font-style: normal;
  font-size: var(--input-typography-input-medium-value-size);
  line-height: var(--input-typography-input-medium-value-line-height);
  letter-spacing: 0.015em; /* 1.5% */
  vertical-align: middle;
}

.cmp-form-text__text::-moz-placeholder {
  /* Placeholder text styling */
  color: var(--input-typography-placeholder-color, #6A6C75);
  font-family: var(--input-typography-font-family);
  font-weight: var(--input-typography-input-medium-value-weight);
  font-style: normal;
  font-size: var(--input-typography-input-medium-value-size);
  line-height: var(--input-typography-input-medium-value-line-height);
  letter-spacing: 0.015em; /* 1.5% */
  vertical-align: middle;
}

.cmp-form-text__text:-ms-input-placeholder {
  /* Placeholder text styling */
  color: var(--input-typography-placeholder-color, #6A6C75);
  font-family: var(--input-typography-font-family);
  font-weight: var(--input-typography-input-medium-value-weight);
  font-style: normal;
  font-size: var(--input-typography-input-medium-value-size);
  line-height: var(--input-typography-input-medium-value-line-height);
  letter-spacing: 0.015em; /* 1.5% */
  vertical-align: middle;
}

.cmp-form-text__text::-ms-input-placeholder {
  /* Placeholder text styling */
  color: var(--input-typography-placeholder-color, #6A6C75);
  font-family: var(--input-typography-font-family);
  font-weight: var(--input-typography-input-medium-value-weight);
  font-style: normal;
  font-size: var(--input-typography-input-medium-value-size);
  line-height: var(--input-typography-input-medium-value-line-height);
  letter-spacing: 0.015em; /* 1.5% */
  vertical-align: middle;
}

.cmp-form-text__text::placeholder {
  /* Placeholder text styling */
  color: var(--input-typography-placeholder-color, #6A6C75);
  font-family: var(--input-typography-font-family);
  font-weight: var(--input-typography-input-medium-value-weight);
  font-style: normal;
  font-size: var(--input-typography-input-medium-value-size);
  line-height: var(--input-typography-input-medium-value-line-height);
  letter-spacing: 0.015em; /* 1.5% */
  vertical-align: middle;
}

/* Form label styles - using CFS input label component tokens */
.cmp-form-text label,
.cmp-form-text__label {
  /* Use CFS input label component styling */
  display: block;
  margin-bottom: var(--input-spacing, 12px) !important;
  /* Typography from CFS input label component */
  font-family: var(--desktop-typography-family-body);
  font-size: calc(var(--desktop-typography-size-body-small) * 1px);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: normal; /* Remove excessive letter spacing */
  line-height: 1.71;
  /* Color from input component */
  color: var(--input-heading, #1A1C1C);
}

/* Mobile responsive typography for labels */
@media (max-width: 767px) {
  .cmp-form-text label,
  .cmp-form-text__label {
    font-family: var(--mobile-typography-family-body);
    font-size: calc(var(--mobile-typography-size-body-small) * 1px);
    font-weight: var(--mobile-typography-weight-display-body-default);
    letter-spacing: normal;
  }
}
/* Dropdown/Select field styles - updated for cmp-form-options structure */
.cmp-form-options.cmp-form-options--drop-down {
  border: none;
  margin: 0;
  padding: 0;
}

/* Dropdown label styles - match input field labels */
.cmp-form-options__label {
  display: block;
  margin-bottom: var(--cfs-spacing-12) !important; /* 12px gap using CFS token - same as input labels */
  /* Typography from CFS input label component - same as input labels */
  font-family: var(--desktop-typography-family-body);
  font-size: calc(var(--desktop-typography-size-body-small) * 1px);
  font-weight: var(--desktop-typography-weight-display-body-default);
  letter-spacing: normal;
  line-height: 1.71;
  /* Color from CFS neutral palette - same as input labels */
  color: var(--cfs-colour-neutral-10); /* #181A20 */
}

/* Mobile responsive typography for dropdown labels */
@media (max-width: 767px) {
  .cmp-form-options__label {
    font-family: var(--mobile-typography-family-body);
    font-size: calc(var(--mobile-typography-size-body-small) * 1px);
    font-weight: var(--mobile-typography-weight-display-body-default);
    letter-spacing: normal;
  }
}
/* Dropdown select field - match input field appearance */
.cmp-form-options__field.cmp-form-options__field--drop-down {
  width: 100%;
  height: var(--input-medium-field-height, 40px);
  border-radius: var(--input-input-radius, 4px);
  border: var(--input-border-weight, 1px) solid var(--input-border, #909191);
  background: var(--input-background, #FFF);
  padding: var(--spacing-8, 8px) var(--input-medium-field-padding, 16px);
  /* Typography - same as input fields */
  font-family: var(--input-typography-font-family);
  font-size: var(--input-typography-input-medium-value-size);
  font-style: normal;
  font-weight: var(--input-typography-input-medium-value-weight);
  line-height: 1.5;
  color: var(--input-typography-color, #1A1C1C);
  /* Remove default styling and add custom dropdown arrow */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6C75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: var(--form-select-arrow-size);
  -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

/* Style placeholder option to look like placeholder text */
.cmp-form-options__field.cmp-form-options__field--drop-down option:disabled {
  color: var(--cfs-colour-neutral-50); /* #6A6C75 using CFS token */
  font-style: italic;
}

/* Style placeholder option to look like placeholder text */
.cmp-form-options__field.cmp-form-options__field--drop-down option:disabled {
  color: var(--cfs-colour-neutral-50); /* #6A6C75 using CFS token */
  font-style: italic;
}

/* Default gray text when no value is selected (or empty value) */
.cmp-form-options__field.cmp-form-options__field--drop-down {
  color: var(--cfs-colour-neutral-50); /* Gray for placeholder state */
}

/* Black text when a real option is selected - use JavaScript to add this class */
.cmp-form-options__field.cmp-form-options__field--drop-down.has-selection {
  color: var(--input-typography-color, #1A1C1C) !important; /* Black text for valid selections */
}

/* Dropdown hover state - match input fields */
.cmp-form-options__field.cmp-form-options__field--drop-down:hover:not(:focus):not(:disabled) {
  border-color: var(--input-border-hover, #164A9A);
}

/* Dropdown focus state - match input fields */
.cmp-form-options__field.cmp-form-options__field--drop-down:focus {
  border: 1px solid var(--cfs-colour-primary-40) !important; /* Same as input focus */
  -webkit-box-shadow: 0 0 0 4px #C6D2E6 !important;
          box-shadow: 0 0 0 4px #C6D2E6 !important; /* Same focus ring as inputs */
  background-color: var(--cfs-colour-neutral-100) !important;
}

/* Dropdown opened state - up arrow when dropdown is opened */
.cmp-form-options__field.cmp-form-options__field--drop-down.dropdown-opened {
  /* Change chevron to up arrow when dropdown is opened */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A6C75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18,15 12,9 6,15'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Dropdown active state - match input fields */
.cmp-form-options__field.cmp-form-options__field--drop-down:active {
  border: 1px solid var(--cfs-colour-primary-40) !important;
  -webkit-box-shadow: 0 0 0 4px #C6D2E6 !important;
          box-shadow: 0 0 0 4px #C6D2E6 !important;
  background-color: var(--cfs-colour-neutral-100) !important;
}

/* Dropdown disabled state - match input fields */
.cmp-form-options__field.cmp-form-options__field--drop-down:disabled {
  background-color: var(--input-background-disabled, #F5F5F5);
  border-color: var(--input-border, #909191);
  color: var(--colour-text-text-secondary);
  cursor: not-allowed;
  opacity: 0.6;
}

/* Checkbox styles */
.cmp-form-options.cmp-form-options--checkbox {
  border: none !important;
  margin: 0; /* Remove old margins */
  padding: 0;
}

.cmp-form-options__legend {
  display: none;
}

.cmp-form-options__field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

.cmp-form-options__field.cmp-form-options__field--checkbox {
  width: var(--cfs-spacing-24); /* 24px using CFS token */
  height: var(--cfs-spacing-24); /* 24px using CFS token */
  border-radius: var(--checkbox-checkbox-radius, 4px);
  border: 2px solid var(--checkbox-unselected-border, #164A9A);
  background: var(--checkbox-unselected-background, #FFF);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cmp-form-options__field.cmp-form-options__field--checkbox:checked {
  background-color: var(--cfs-colour-primary-40);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  border: var(--form-border-width) solid var(--cfs-colour-primary-40) !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cmp-form-options__field.cmp-form-options__field--checkbox:hover:not(:disabled) {
  /* Hover state for checkboxes */
  border-color: var(--input-border-hover, #164A9A) !important;
}

.cmp-form-options__field.cmp-form-options__field--checkbox:focus {
  /* Focus state for checkboxes */
  border-color: var(--input-border-focus, #164A9A) !important;
  -webkit-box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--input-focus-ring-color, #C6D2E6) !important;
          box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--input-focus-ring-color, #C6D2E6) !important;
}

.cmp-form-options__field.cmp-form-options__field--checkbox:disabled {
  /* Disabled state for checkboxes */
  background-color: var(--input-background-disabled, #F5F5F5) !important;
  border-color: var(--input-border, #909191) !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}

.cmp-form-options__field-description {
  font-family: var(--typography-family-default);
  font-size: var(--typography-size-sm);
  font-weight: var(--typography-weight-regular);
  line-height: var(--typography-line-height-normal);
  color: var(--checkbox-label, #1A1C1C);
  cursor: pointer;
  margin: 0;
}

.cmp-form-text__help {
  /* Help text styles */
  font-family: var(--form-help-font);
  font-size: var(--form-help-size);
  color: var(--form-help-color);
  margin-top: var(--spacing-4);
}

.cmp-form-button {
  /* Form button styles */
  background-color: var(--form-button-bg);
  color: var(--form-button-color);
  border: none;
  height: var(--form-button-height);
  padding: var(--form-button-padding);
  border-radius: var(--form-button-radius);
  cursor: pointer;
  font-family: var(--input-typography-font-family);
  font-size: var(--input-typography-input-medium-value-size);
  font-weight: var(--form-button-font-weight);
  line-height: 1.5;
  margin-top: 0; /* Remove margin - let grid gap handle spacing */
  display: inline-block;
  min-width: 120px;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.1s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.1s ease;
  transition: background-color 0.2s ease, transform 0.1s ease;
  transition: background-color 0.2s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
  outline: none;
}

/* Remove hover effect from submit button */
.cmp-form-button:hover {
  /* No hover state change */
  background-color: var(--form-button-bg);
}

.cmp-form-button:disabled {
  /* Disabled button state */
  background-color: var(--colour-surface-disabled-foreground-secondary);
  cursor: not-allowed;
}

/* Hidden form elements - remove whitespace */
.hidden {
  display: none;
}

input[type=hidden] {
  display: none;
}

/* Success and Error Message Styling */
.form-success-message,
.form-error-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-12);
  padding: var(--spacing-16);
  margin-left: var(--input-medium-field-padding, 16px);
  margin-right: var(--input-medium-field-padding, 16px);
  border-radius: var(--radius-radius-default);
  font-family: var(--typography-family-default);
  font-size: var(--typography-size-sm);
  font-weight: var(--typography-weight-regular);
  line-height: var(--typography-line-height-normal);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  /* Span full form width in AEM grid */
  grid-column: 1/-1;
}

.form-success-message {
  background-color: var(--cfs-colour-reserved-success-99); /* Light sage green #f5fff3 - closest to #E9F6F0 */
  border: var(--form-border-width) solid var(--cfs-colour-reserved-success-60); /* Success green border */
  color: var(--cfs-colour-reserved-success-30); /* Dark success green text for contrast */
}

.form-error-message {
  background-color: var(--form-error-bg);
  border: var(--form-border-width) solid var(--form-error-border);
  color: var(--colour-text-text-primary, #1A1C1C);
}

.success-icon,
.error-icon {
  width: var(--cfs-spacing-24);
  height: var(--cfs-spacing-24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: var(--cfs-spacing-24);
  line-height: 1;
}

.success-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z' fill='%23008000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.error-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 11.75C21 6.64137 16.8586 2.5 11.75 2.5C6.64137 2.5 2.5 6.64137 2.5 11.75C2.5 16.8586 6.64137 21 11.75 21C16.8586 21 21 16.8586 21 11.75ZM11.7598 15C12.174 15 12.5098 15.3358 12.5098 15.75C12.5098 16.1642 12.174 16.5 11.7598 16.5H11.75C11.3358 16.5 11 16.1642 11 15.75C11 15.3358 11.3358 15 11.75 15H11.7598ZM11 11.75V7.75C11 7.33579 11.3358 7 11.75 7C12.1642 7 12.5 7.33579 12.5 7.75V11.75C12.5 12.1642 12.1642 12.5 11.75 12.5C11.3358 12.5 11 12.1642 11 11.75ZM22.5 11.75C22.5 17.6871 17.6871 22.5 11.75 22.5C5.81294 22.5 1 17.6871 1 11.75C1 5.81294 5.81294 1 11.75 1C17.6871 1 22.5 5.81294 22.5 11.75Z' fill='%23C0000C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.success-text,
.error-text {
  margin: 0;
}

/* Error state styling for text inputs */
.cmp-form-field--error .cmp-form-text__text,
.cmp-form-text--error .cmp-form-text__text,
.cmp-form-field--error select,
.cmp-form-options--error select {
  /* Error state for text inputs and native selects */
  border: var(--input-border-weight, 1px) solid var(--input-error-border, #C0000C) !important;
  background: var(--input-background, #FFF);
  border-radius: var(--input-input-radius, 4px);
}

/* Error state styling for dropdowns - preserve chevron background */
.cmp-form-field--error .cmp-form-options__field--drop-down,
.cmp-form-options--error .cmp-form-options__field--drop-down {
  /* Error state for dropdown fields - keep chevron background */
  border: var(--input-border-weight, 1px) solid var(--input-error-border, #C0000C) !important;
  background-color: var(--input-background, #FFF);
  border-radius: var(--input-input-radius, 4px);
  /* Don't override background-image property to preserve chevron */
}

/* Error state for checkboxes - simplified to avoid interaction issues */
.cmp-form-options--error .cmp-form-options__field--checkbox,
.cmp-form-options--error input[type=checkbox] {
  border: 2px solid var(--form-border-color-error) !important;
  /* Remove background color that might interfere */
  /* Explicitly ensure it remains clickable */
}

/* Ensure checkbox labels remain clickable */
.cmp-form-options--error .cmp-form-options__field-label {
  /* Don't block pointer events */
}

/* Error message positioning - don't interfere with checkbox */
.cmp-form-options .cmp-form-field__error,
.cmp-form-options .cmp-form-options__error {
  display: block;
  margin-top: 4px;
  /* Remove any positioning that might block the checkbox */
}

.cmp-form-field--error .cmp-form-text__text:focus,
.cmp-form-text--error .cmp-form-text__text:focus,
.cmp-form-field--error select:focus,
.cmp-form-options--error select:focus,
.cmp-form-field--error .cmp-form-options__field--drop-down:focus,
.cmp-form-options--error .cmp-form-options__field--drop-down:focus {
  /* Error focus state */
  outline: none;
  border-color: var(--form-border-color-error) !important;
  -webkit-box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--form-error-color);
          box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--form-error-color);
}

/* Error focus state for checkboxes */
.cmp-form-field--error .cmp-form-options__field--checkbox:focus,
.cmp-form-options--error .cmp-form-options__field--checkbox:focus {
  /* Error focus state for checkboxes */
  outline: none;
  border-color: var(--form-border-color-error) !important;
  -webkit-box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--form-error-color) !important;
          box-shadow: 0 0 0 var(--input-focus-ring-width, 4px) var(--form-error-color) !important;
}

/* Active state - when form is being interacted with */
.cmp-form-text__text:active,
.cmp-form-options__field select:active,
.cmp-form select:active {
  /* Active state styling */
  border-color: var(--input-border-focus, #164A9A);
  background-color: var(--input-background, #FFF);
}

.cmp-form-field__error,
.cmp-form-text__error,
.cmp-form-options__error {
  /* Error message styling with SVG icon - pushes content down */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-8); /* 8px gap between icon and text */
  color: var(--input-error-message, #C0000C);
  font-family: var(--form-error-font);
  font-size: var(--form-error-size);
  font-style: normal;
  font-weight: var(--typography-weight-regular);
  line-height: 26px; /* Fixed line height per Figma - 26px */
  /* Only top margin - let grid system handle spacing between fields */
  margin-top: var(--cfs-spacing-12); /* 12px above error message per QA feedback */
  visibility: visible;
  opacity: 1;
}

/* SVG Error icon before the message */
.cmp-form-field__error::before,
.cmp-form-text__error::before,
.cmp-form-options__error::before {
  content: "";
  width: 24px; /* Updated to 24px per QA feedback */
  height: 24px; /* Updated to 24px per QA feedback */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 11.75C21 6.64137 16.8586 2.5 11.75 2.5C6.64137 2.5 2.5 6.64137 2.5 11.75C2.5 16.8586 6.64137 21 11.75 21C16.8586 21 21 16.8586 21 11.75ZM11.7598 15C12.174 15 12.5098 15.3358 12.5098 15.75C12.5098 16.1642 12.174 16.5 11.7598 16.5H11.75C11.3358 16.5 11 16.1642 11 15.75C11 15.3358 11.3358 15 11.75 15H11.7598ZM11 11.75V7.75C11 7.33579 11.3358 7 11.75 7C12.1642 7 12.5 7.33579 12.5 7.75V11.75C12.5 12.1642 12.1642 12.5 11.75 12.5C11.3358 12.5 11 12.1642 11  11.75ZM22.5 11.75C22.5 17.6871 17.6871 22.5 11.75 22.5C5.81294 22.5 1 17.6871 1 11.75C1 5.81294 5.81294 1 11.75 1C17.6871 1 22.5 5.81294 22.5 11.75Z' fill='%23C0000C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Specific rule for checkbox errors with higher specificity */
.cmp-form .cmp-form-options .cmp-form-field__error,
.cmp-form .cmp-form-options .cmp-form-options__error {
  /* Ensure proper flexbox layout for checkbox errors */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  gap: var(--spacing-8) !important;
  margin-top: var(--cfs-spacing-12) !important; /* 12px gap between disclaimer and error message */
}

.cmp-form .cmp-form-options .cmp-form-field__error::before,
.cmp-form .cmp-form-options .cmp-form-options__error::before {
  content: "";
  width: 24px; /* Updated to 24px per QA feedback */
  height: 24px; /* Updated to 24px per QA feedback */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 11.75C21 6.64137 16.8586 2.5 11.75 2.5C6.64137 2.5 2.5 6.64137 2.5 11.75C2.5 16.8586 6.64137 21 11.75 21C16.8586 21 21 16.8586 21 11.75ZM11.7598 15C12.174 15 12.5098 15.3358 12.5098 15.75C12.5098 16.1642 12.174 16.5 11.7598 16.5H11.75C11.3358 16.5 11 16.1642 11 15.75C11 15.3358 11.3358 15 11.75 15H11.7598ZM11 11.75V7.75C11 7.33579 11.3358 7 11.75 7C12.1642 7 12.5 7.33579 12.5 7.75V11.75C12.5 12.1642 12.1642 12.5 11.75 12.5C11.3358 12.5 11 12.1642 11 11.75ZM22.5 11.75C22.5 17.6871 17.6871 22.5 11.75 22.5C5.81294 22.5 1 17.6871 1 11.75C1 5.81294 5.81294 1 11.75 1C17.6871 1 22.5 5.81294 22.5 11.75Z' fill='%23C0000C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block !important;
}

/* Form field containers no longer need relative positioning */
.cmp-form-text,
.cmp-form-options {
  /* Positioning removed as errors now push content down */
}

.CtaBanner {
  text-align: center;
  padding: 80px 16px;
}
@media only screen and (min-width: 993px) {
  .CtaBanner {
    padding: 90px 16px;
  }
}
.CtaBanner .CtaBanner__Heading {
  margin-bottom: 16px;
}
@media only screen and (min-width: 993px) {
  .CtaBanner .CtaBanner__Heading {
    margin-bottom: 36px;
  }
}

.disclaimer {
  padding: 0px !important;
}

.Disclaimer {
  padding: 64px 24px 64px 24px;
}
@media only screen and (min-width: 993px) {
  .Disclaimer {
    padding: 64px 0 40px 0;
  }
}
.Disclaimer[data-active=true] .Disclaimer__Panel::after {
  height: 0;
}
.Disclaimer[data-active=true] .Disclaimer__ButtonLabel--less {
  display: block !important;
}
.Disclaimer[data-active=true] .Disclaimer__ButtonLabel--more {
  display: none !important;
}
.Disclaimer[data-accordion=false] .Disclaimer__Button {
  display: none !important;
}
.Disclaimer[data-accordion=false] .Disclaimer__Panel {
  max-height: initial !important;
}
.Disclaimer[data-accordion=false] .Disclaimer__Panel::after {
  display: none !important;
}
.Disclaimer .Disclaimer__Button {
  cursor: pointer;
  color: #ffffff;
  padding: 24px 0;
  width: 100%;
  border: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-weight: 300;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  text-decoration: underline;
}
@media only screen and (min-width: 993px) {
  .Disclaimer .Disclaimer__Button {
    display: none;
  }
}
.Disclaimer .Disclaimer__Button .Disclaimer__ButtonLabel--less {
  display: none;
}
.Disclaimer .Disclaimer__Panel {
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .Disclaimer .Disclaimer__Panel {
    max-height: 200px;
  }
}
@media only screen and (max-width: 992px) {
  .Disclaimer .Disclaimer__Panel::after {
    content: "";
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelInner {
  padding: 0px;
  text-align: center;
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelInner .h4 {
  color: #ffffff;
  margin-bottom: 24px;
  font-weight: 400;
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelInner a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: 400;
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelInner a:hover {
  color: #bdd0f1;
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelBody * {
  font-size: 14px;
}
.Disclaimer .Disclaimer__Panel .Disclaimer__PanelBody p {
  font-weight: 400;
}
.Disclaimer.background--black-2 .rte a:not(.Button) {
  color: #fff;
  text-decoration: underline !important;
}
.Disclaimer.background--black-2 .rte {
  color: #fff;
}
.Disclaimer.background--black-2 p {
  color: #fff;
  font-size: 14px;
}
.Disclaimer.background--black-2 .rte:not(.Footer .rte) h3 {
  color: #fff;
}
.Disclaimer.background--black .rte a:not(.Button) {
  color: #fff;
  text-decoration: underline !important;
}
.Disclaimer.background--black .rte {
  color: #fff;
}
.Disclaimer.background--black p {
  color: #fff;
  font-size: 14px;
}
.Disclaimer.background--black .rte:not(.Footer .rte) h3 {
  color: #fff;
}

.EdgeHeroHeading {
  position: relative;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-blue {
  background-color: #192b4b;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-blue::after,
.EdgeHeroHeading.EdgeHeroHeading--theme-blue .EdgeHeroHeading__MediaWrapper:before,
.EdgeHeroHeading.EdgeHeroHeading--theme-blue .EdgeHeroHeading__MediaWrapper:after {
  background-color: #192b4b;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-blue .HeroHeading__MediaWrapper:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(24, 18, 52, 0)), to(#181234));
  background: linear-gradient(270deg, rgba(24, 18, 52, 0) 0%, #181234 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-blue .HeroHeading__MediaWrapper:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(24, 18, 52, 0)), to(#181234));
  background: linear-gradient(90deg, rgba(24, 18, 52, 0) 0%, #181234 100%);
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-blue .EdgeHeroHeading__VideoHeight::before {
    background: -webkit-gradient(linear, left top, right top, from(#181234), to(transparent));
    background: linear-gradient(90deg, #181234, transparent);
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-blue .EdgeHeroHeading__VideoHeight::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#181234));
    background: linear-gradient(90deg, transparent, #181234);
  }
}
.EdgeHeroHeading.EdgeHeroHeading--theme-red {
  background-color: #28020b;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-red::after,
.EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__MediaWrapper:before,
.EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__MediaWrapper:after {
  background-color: #28020b;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__MediaWrapper:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(40, 2, 11, 0)), to(#28020b));
  background: linear-gradient(270deg, rgba(40, 2, 11, 0) 0%, #28020b 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__MediaWrapper:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(40, 2, 11, 0)), to(#28020b));
  background: linear-gradient(90deg, rgba(40, 2, 11, 0) 0%, #28020b 100%);
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__VideoHeight::before {
    background: -webkit-gradient(linear, left top, right top, from(#28020b), to(transparent));
    background: linear-gradient(90deg, #28020b, transparent);
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__VideoHeight::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#28020b));
    background: linear-gradient(90deg, transparent, #28020b);
  }
}
.EdgeHeroHeading.EdgeHeroHeading--theme-red .EdgeHeroHeading__Gradient::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 2, 11, 0)), to(#28020b));
  background: linear-gradient(180deg, rgba(40, 2, 11, 0) 0%, #28020b 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-green {
  background-color: #121911;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-green::after,
.EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__MediaWrapper:before,
.EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__MediaWrapper:after {
  background-color: #121911;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__MediaWrapper:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(18, 25, 17, 0)), to(#121911));
  background: linear-gradient(270deg, rgba(18, 25, 17, 0) 0%, #121911 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__MediaWrapper:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(18, 25, 17, 0)), to(#121911));
  background: linear-gradient(90deg, rgba(18, 25, 17, 0) 0%, #121911 100%);
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__VideoHeight::before {
    background: -webkit-gradient(linear, left top, right top, from(#121911), to(transparent));
    background: linear-gradient(90deg, #121911, transparent);
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__VideoHeight::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#121911));
    background: linear-gradient(90deg, transparent, #121911);
  }
}
.EdgeHeroHeading.EdgeHeroHeading--theme-green .EdgeHeroHeading__Gradient::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 25, 17, 0)), to(#121911));
  background: linear-gradient(180deg, rgba(18, 25, 17, 0) 0%, #121911 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-grey {
  background-color: #172122;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-grey::after,
.EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__MediaWrapper:before,
.EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__MediaWrapper:after {
  background-color: #172122;
}
.EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__MediaWrapper:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(18, 25, 17, 0)), to(#172122));
  background: linear-gradient(270deg, rgba(18, 25, 17, 0) 0%, #172122 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__MediaWrapper:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(18, 25, 17, 0)), to(#172122));
  background: linear-gradient(90deg, rgba(18, 25, 17, 0) 0%, #172122 100%);
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__VideoHeight::before {
    background: -webkit-gradient(linear, left top, right top, from(#172122), to(transparent));
    background: linear-gradient(90deg, #172122, transparent);
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__VideoHeight::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#172122));
    background: linear-gradient(90deg, transparent, #172122);
  }
}
.EdgeHeroHeading.EdgeHeroHeading--theme-grey .EdgeHeroHeading__Gradient::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 33, 34, 0)), to(#172122));
  background: linear-gradient(180deg, rgba(23, 33, 34, 0) 0%, #172122 100%);
}
.EdgeHeroHeading.EdgeHeroHeading--desktopAlignment-left .EdgeHeroHeading__Actions {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading.EdgeHeroHeading--desktopAlignment-left .EdgeHeroHeading__Content .aem-Grid {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    text-align: left;
  }
}
.EdgeHeroHeading.EdgeHeroHeading--desktopAlignment-center .EdgeHeroHeading__Actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading.EdgeHeroHeading--desktopAlignment-center .EdgeHeroHeading__Content .aem-Grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading.EdgeHeroHeading--mobileAlignment-left .EdgeHeroHeading__Actions {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading.EdgeHeroHeading--mobileAlignment-left .EdgeHeroHeading__Content .aem-Grid {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading.EdgeHeroHeading--mobileAlignment-center .EdgeHeroHeading__Actions {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading.EdgeHeroHeading--mobileAlignment-center .EdgeHeroHeading__Content .aem-Grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.EdgeHeroHeading.EdgeHeroHeading--videoAlignment-center .EdgeHeroHeading__VideoObject {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.EdgeHeroHeading.EdgeHeroHeading--videoAlignment-two-thirds .EdgeHeroHeading__VideoObject {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading.EdgeHeroHeading--videoAlignment-two-thirds .EdgeHeroHeading__VideoObject {
    -o-object-position: 66% 50%;
       object-position: 66% 50%;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__MediaWrapper {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__MediaWrapper {
    overflow: hidden;
    max-height: 90vh;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__MediaWrapper:before, .EdgeHeroHeading .EdgeHeroHeading__MediaWrapper:after {
  pointer-events: none;
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  z-index: 20;
  width: 200px;
}
.EdgeHeroHeading .EdgeHeroHeading__MediaWrapper:before {
  left: calc(50% - 1920px);
  width: 200px;
}
.EdgeHeroHeading .EdgeHeroHeading__MediaWrapper:after {
  left: calc(50% + 1720px);
}
.EdgeHeroHeading .EdgeHeroHeading__Gradient {
  position: relative;
  max-height: 90vh;
}
.EdgeHeroHeading .EdgeHeroHeading__Gradient::before {
  content: "";
  display: block;
  height: 230px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 32, 78, 0)), to(#192b4b));
  background: linear-gradient(180deg, rgba(6, 32, 78, 0) 0%, #192b4b 100%);
}
.EdgeHeroHeading .EdgeHeroHeading__Picture {
  display: none;
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading .EdgeHeroHeading__Picture.EdgeHeroHeading__Picture--show-mobile {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading .EdgeHeroHeading__Picture.EdgeHeroHeading__Picture--show-desktop {
    display: block;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Picture img {
  width: 100%;
  max-width: 3840px;
  margin: 0 auto;
  min-height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 600px) and (max-width: 770px) {
  .EdgeHeroHeading .EdgeHeroHeading__Picture img {
    height: 700px;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Video {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--desktop {
  min-height: 670px;
  max-height: 1080px;
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--desktop {
    display: none;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--desktop .EdgeHeroHeading__VideoAspect {
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 670px;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--desktop .EdgeHeroHeading__VideoSize {
    padding-top: 56.25%;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--mobile {
  max-height: 600px;
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--mobile {
    display: none;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--mobile .EdgeHeroHeading__VideoAspect {
  padding-bottom: 177.77778%; /* 16:9 ratio */
}
.EdgeHeroHeading .EdgeHeroHeading__Video.EdgeHeroHeading__Video--mobile .EdgeHeroHeading__VideoSize {
  padding-top: 177.77778%;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__VideoSize {
    width: 100%;
    position: relative;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__VideoWidth {
  position: absolute;
  width: 100%;
  max-width: 1920px; /* Change width value to cover more area*/
  height: 100%;
  left: -9999px;
  right: -9999px;
  top: 0;
  margin: auto;
}
.EdgeHeroHeading .EdgeHeroHeading__VideoAspect {
  position: absolute;
  width: 100%;
  height: 0;
  top: auto;
  bottom: auto;
  margin: auto;
  overflow: hidden;
}
.EdgeHeroHeading .EdgeHeroHeading__VideoHeight {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 1920px) {
  .EdgeHeroHeading .EdgeHeroHeading__VideoHeight::before, .EdgeHeroHeading .EdgeHeroHeading__VideoHeight::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    z-index: 1;
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading .EdgeHeroHeading__VideoHeight::before {
    left: 0;
  }
}
@media (min-width: 1920px) {
  .EdgeHeroHeading .EdgeHeroHeading__VideoHeight::after {
    right: 0;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__VideoObject {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 0 none;
  -o-object-fit: cover;
     object-fit: cover;
}
.EdgeHeroHeading .EdgeHeroHeading__ContentWrapper {
  position: relative;
  min-height: 600px;
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading .EdgeHeroHeading__ContentWrapper {
    min-height: 660px;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .EdgeHeroHeading .EdgeHeroHeading__Content {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .EdgeHeroHeading .EdgeHeroHeading__Content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Content {
    height: 100%;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Content .wrapper {
  width: 100%;
}
.EdgeHeroHeading .EdgeHeroHeading__Heading {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 16px;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Heading {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Heading strong {
    font-weight: 600;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__LogoImage {
  width: 183px;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__LogoImage {
    width: 317px;
    margin-top: 150px;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__SubHeading {
  font-size: 24px;
  line-height: 24px;
  margin-top: 46px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__SubHeading {
    font-size: 48px;
    line-height: 1.2;
    margin-top: 57px;
    max-width: 923px;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Label {
  margin-top: 10px !important;
}
.EdgeHeroHeading .EdgeHeroHeading__Button {
  margin-top: 40px;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Button {
    margin-top: 50px;
  }
}
.EdgeHeroHeading .EdgeHeroHeading__Actions {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 993px) {
  .EdgeHeroHeading .EdgeHeroHeading__Actions {
    margin-top: 32px;
  }
}

.Footer {
  background: #000000;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.Footer .Footer__Column[data-heading=Socials] {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Column[data-heading=Socials] {
    display: block;
  }
}
.Footer .Footer__Up {
  background: #ffffff;
  width: 40px;
  height: 40px;
  margin: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000000;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid #000000;
}
.Footer .Footer__Up [class^=iconfont-] {
  font-size: 24px;
}
.Footer .Footer__Up:hover {
  text-decoration: none;
}
.Footer .Footer__Container {
  max-width: 1366px;
  padding: 90px 24px 45px;
  margin: auto;
}
.Footer .Footer__Columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Columns {
    padding-bottom: 0;
  }
}
.Footer .Footer__Columns .Footer__Column {
  list-style: none;
}
.Footer .Footer__Columns .Footer__Column li {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Footer .Footer__Columns .Footer__Column li [class^=iconfont-] {
  margin-right: 0.5rem;
  font-size: 24px;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item {
    border-bottom: none;
  }
}
.Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader {
  padding: 12px 0 9px 0 !important;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader {
    cursor: default;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader {
    padding: 1rem 0 !important;
  }
}
.Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader [class^=iconfont-] {
  color: #ffffff !important;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader [class^=iconfont-] {
    display: none !important;
  }
}
.Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader .Accordion__ItemHeaderTitle {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 300;
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemHeader .Accordion__ItemHeaderTitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemPanel {
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemPanel br {
    display: none;
  }
}
.Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemPanel .Accordion__ItemPanelContent {
  padding-top: 0 !important;
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Columns .Footer__Column .Accordion__Item .Accordion__ItemPanel .Accordion__ItemPanelContent {
    padding: 0 !important;
  }
}
.Footer .iconfont-twitter:before {
  content: "";
}
.Footer .iconfont-twitter {
  background: transparent url("clientlib-site/css/resources/images/twitter.svg") left top no-repeat;
  width: 25px;
  height: 25px;
}
.Footer .Footer__Footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 40px;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  border-top: 1px solid #ffffff;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Footer {
    border-top: none;
    font-weight: 400;
    padding-top: 20px;
  }
}
.Footer .Footer__Footer .Footer__FooterSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Footer .Footer__FooterSocial {
    display: none;
  }
}
.Footer .Footer__Footer .Footer__FooterSocial a {
  margin: 0 15px;
}
.Footer .Footer__Footer .Footer__FooterSocial i {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Footer .Footer__FooterSocial i {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Footer .Footer__FooterSocial .iconfont-twitter {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 992px) {
  .Footer .Footer__Footer nav {
    width: 210px;
  }
}
.Footer .Footer__Footer ul {
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1200px) {
  .Footer .Footer__Footer ul {
    margin: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .Footer .Footer__Footer ul {
    margin: 0;
    line-height: 150%;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 992px) {
  .Footer .Footer__Footer ul li:nth-child(odd):after {
    content: "|";
    margin: 0 16px;
  }
}
@media only screen and (min-width: 993px) {
  .Footer .Footer__Footer ul li:not(:first-child):before {
    content: "|";
    margin: 0 16px;
  }
}

.FooterBanner__Container {
  text-align: center;
}
.FooterBanner__Heading {
  margin: 7.5px auto;
}
.FooterBanner__Content {
  color: #2b2b2b;
}
.FooterBanner__Cta {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .FooterBanner__Cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.FooterBanner .FooterBanner__Heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
}
.FooterBanner .FooterBanner__Content {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.FormSearch {
  padding: 24px 20px;
  overflow-x: hidden;
}
@media only screen and (min-width: 993px) {
  .FormSearch {
    padding: 40px 0;
  }
}
.FormSearch.FormSearch--filters-open .FormSearch__FilterButton .iconfont-chevron-down, .FormSearch.FormSearch--filters-open .FormSearch__FilterButton .iconfont-chevron-down-right {
  -webkit-transform: translateY(-2px) rotate(180deg);
          transform: translateY(-2px) rotate(180deg);
}
@media only screen and (max-width: 992px) {
  .FormSearch.FormSearch--filters-open .FormSearch__Filter {
    grid-template-rows: 1fr;
  }
}
.FormSearch .FormSearch__Header {
  text-align: center;
}
.FormSearch .FormSearch__Header > * {
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  .FormSearch .FormSearch__Header > * {
    margin-bottom: 40px;
  }
}
.FormSearch .FormSearch__SectionHeader {
  padding-bottom: 24px;
  border-bottom: 1px solid #d3d3d3;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.FormSearch .FormSearch__SectionHeader > * {
  color: #000000;
}
.FormSearch .FormSearch__SectionHeader .FormSearch__FilterTitle,
.FormSearch .FormSearch__SectionHeader .FormSearch__FormResultCount--mobile,
.FormSearch .FormSearch__SectionHeader .FormSearch__FormResultCount--desktop {
  font-size: 1rem;
  font-weight: 400;
}
.FormSearch .FormSearch__KeywordSearch {
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  .FormSearch .FormSearch__KeywordSearch {
    margin: 0 auto 40px;
    max-width: 864px;
  }
}
.FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear {
  background: none;
  pointer-events: all;
  cursor: pointer;
  border: none;
  padding-right: 12px;
  padding: 0;
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 60px;
  line-height: 1;
}
.FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear svg {
  display: block;
  height: 14px;
  width: 14px;
}
@media only screen and (max-width: 1199px) {
  .FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear svg {
    height: 12px;
    width: 12px;
  }
}
.FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear path {
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear:hover path, .FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear:active path, .FormSearch .FormSearch__KeywordSearch .FormSearch__KeywordSearchClear:focus path {
  fill: #007bc2;
}
.FormSearch .FormSearch__KeywordSearch .iconfont-search {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  pointer-events: none;
}
.FormSearch .FormSearch__KeywordSearch input {
  width: 100%;
  color: #000000;
  border: 1px solid #d3d3d3;
  font-weight: 300;
  border-radius: 4px;
  padding: 16px 40px 16px 24px;
  text-overflow: ellipsis;
}
.FormSearch .FormSearch__KeywordSearch input::-webkit-input-placeholder {
  color: #767676;
}
.FormSearch .FormSearch__KeywordSearch input:-ms-input-placeholder {
  color: #767676;
}
.FormSearch .FormSearch__KeywordSearch input::-moz-placeholder {
  color: #767676;
}
.FormSearch .FormSearch__KeywordSearch input::-ms-input-placeholder {
  color: #767676;
}
.FormSearch .FormSearch__KeywordSearch input::placeholder {
  color: #767676;
}
.FormSearch .FormSearch__KeywordSearch input::-webkit-search-decoration, .FormSearch .FormSearch__KeywordSearch input::-webkit-search-cancel-button, .FormSearch .FormSearch__KeywordSearch input::-webkit-search-results-button, .FormSearch .FormSearch__KeywordSearch input::-webkit-search-results-decoration {
  display: none;
}
.FormSearch .FormSearch__KeywordSearch input:hover, .FormSearch .FormSearch__KeywordSearch input:focus {
  outline: 0;
  border-color: #000000;
}
.FormSearch .FormSearch__FilterButton {
  color: #000000;
  cursor: pointer;
  background: transparent;
  font-weight: 400;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 1rem;
}
.FormSearch .FormSearch__FilterButton .iconfont-chevron-down, .FormSearch .FormSearch__FilterButton .iconfont-chevron-down-right {
  font-size: 24px;
}
@media only screen and (min-width: 993px) {
  .FormSearch .FormSearch__FilterButton {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .FormSearch .FormSearch__FormResultCount--mobile {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__FormResultCount--desktop {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__ResultsSectionHeader {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__FilterSectionHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__FilterSectionHeader .FormSearch__FilterTitle {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__Filter {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 600ms ease;
    transition: grid-template-rows 600ms ease;
    transition: grid-template-rows 600ms ease, -ms-grid-rows 600ms ease;
  }
}
.FormSearch .FormSearch__Filter .FormSearch__FilterWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (max-width: 992px) {
  .FormSearch .FormSearch__Filter .FormSearch__FilterWrapper {
    overflow: hidden;
  }
}
.FormSearch .FormSearch__Filter .FormSearch__FilterTaxonomy {
  padding-bottom: 48px;
  border-bottom: 1px solid #d3d3d3;
}
.FormSearch .FormSearch__Filter .FormSearch__FilterTaxonomy:first-child {
  border-bottom: none;
}
.FormSearch .FormSearch__Filter .FormSearch__FilterTaxonomy .FormSearch__FilterTaxonomyHeader {
  padding: 24px 0 16px;
  color: #333333;
}
.FormSearch .FormSearch__Filter .FormSearch__FilterTaxonomy .FormSearch__FilterTaxonomyHeader .p1 {
  color: #333333;
  font-weight: 400;
}
.FormSearch .FormSearch__Filter .FormSearch__FilterTaxonomy .FormSearch__FilterTaxonomyList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.FormSearch .FormSearch__FormResults {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.FormSearch .FormSearch__FormActions {
  padding: 48px 10px;
}

.FormSearchResult {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 0;
}
.FormSearchResult.FormSearchResult--help-open .FormSearchResult__HelpContent {
  display: block !important;
}
.FormSearchResult.FormSearchResult--state-error .FormSearchResult__PickerError {
  display: block !important;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult.FormSearchResult--state-error .FormSearchResult__Multiple {
    padding-bottom: 52px;
  }
}
.FormSearchResult.FormSearchResult--state-error select {
  border-color: #d81421 !important;
}
.FormSearchResult .FormSearchResult__Content {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__Content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.FormSearchResult .FormSearchResult__Content .FormSearchResult__Content__Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__Content .FormSearchResult__Content__Wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.FormSearchResult .FormSearchResult__Contact,
.FormSearchResult .FormSearchResult__Multiple {
  background-color: #f2f2f2;
  padding: 24px;
}
.FormSearchResult .FormSearchResult__Heading {
  font-weight: 500;
  color: #191919;
  line-height: 1.25rem;
  font-weight: 500;
}
.FormSearchResult .FormSearchResult__Heading a {
  font-weight: 500;
  color: #191919;
}
.FormSearchResult .FormSearchResult__Heading:hover, .FormSearchResult .FormSearchResult__Heading:focus {
  color: #000000;
}
.FormSearchResult .FormSearchResult__Description {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
}
.FormSearchResult .FormSearchResult__Description p {
  font-size: 1rem;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__CategoryContainer {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.FormSearchResult .FormSearchResult__CategoryContainer .FormSearchResult__Category.Tag {
  color: #164a9a;
  font-size: 0.875rem;
  background-color: #E8EDF4;
  font-weight: 300;
  padding: 8px 16px;
  line-height: 140%;
}
.FormSearchResult .FormSearchResult__CategoryContainer .FormSearchResult__Category.Tag.Tag--type-primary {
  background-color: #E8EDF4;
}
.FormSearchResult .FormSearchResult__Multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 16px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-bottom: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__Multiple {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.FormSearchResult .FormSearchResult__Multiple .FormSearchResult__Multiple__Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.FormSearchResult .FormSearchResult__Multiple .FormSearchResult__MultipleHeading {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__Multiple .FormSearchResult__MultipleHeading {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.FormSearchResult .FormSearchResult__Multiple .FormSearchResult__MultipleHeading > * {
  font-weight: 400;
  font-size: 1rem;
}
.FormSearchResult .FormSearchResult__Picker {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .FormSearchResult .FormSearchResult__Picker {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.FormSearchResult .FormSearchResult__Picker .iconfont-chevron-down, .FormSearchResult .FormSearchResult__Picker .iconfont-chevron-down-right {
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.FormSearchResult .FormSearchResult__Picker select {
  width: 100%;
  font-weight: 300;
  -webkit-appearance: none;
  cursor: pointer;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
  padding: 0 40px 0 24px;
  text-overflow: ellipsis;
  background: #ffffff;
  height: 48px;
}
.FormSearchResult .FormSearchResult__Picker select:hover, .FormSearchResult .FormSearchResult__Picker select:focus, .FormSearchResult .FormSearchResult__Picker select:focus-visible {
  outline: 0;
  border-color: #164a9a;
}
.FormSearchResult .FormSearchResult__Picker .FormSearchResult__PickerSelect {
  position: relative;
}
.FormSearchResult .FormSearchResult__Picker .FormSearchResult__PickerError {
  display: none;
  font-size: 12px;
  font-weight: 600;
  color: #d81421;
  padding: 8px 0;
}
@media only screen and (min-width: 993px) {
  .FormSearchResult .FormSearchResult__Picker .FormSearchResult__PickerError {
    padding: 0;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
  }
}
.FormSearchResult .FormSearchResult__Help {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .FormSearchResult .FormSearchResult__Help {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: auto;
  }
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpButton {
  color: #164a9a;
  cursor: pointer;
  background: transparent;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  border: 0;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpHeading {
  font-weight: 500;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpContent {
  background-color: #545454;
  display: none;
  position: absolute;
  bottom: calc(100% + 30px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 280px;
  border-radius: 8px;
  padding: 16px 52px 16px 16px;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpContent > * {
  color: #ffffff;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpContent::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 16px;
  border-color: #545454 transparent transparent transparent;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpContent .FormSearchResult__HelpContentClose {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.FormSearchResult .FormSearchResult__Help .FormSearchResult__HelpContent .FormSearchResult__HelpContentClose .iconfont-close {
  font-size: 24px;
}
.FormSearchResult .FormSearchResult__Download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}
@media only screen and (max-width: 992px) {
  .FormSearchResult .FormSearchResult__Download {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.FormSearchResult .FormSearchResult__Download.disabled, .FormSearchResult .FormSearchResult__Download.disabled:hover, .FormSearchResult .FormSearchResult__Download.disabled:focus {
  background: transparent;
  color: #000000;
  cursor: default;
}
.FormSearchResult .FormSearchResult__Download.disabled .Button__Label,
.FormSearchResult .FormSearchResult__Download.disabled .iconfont-pdf, .FormSearchResult .FormSearchResult__Download.disabled:hover .Button__Label,
.FormSearchResult .FormSearchResult__Download.disabled:hover .iconfont-pdf, .FormSearchResult .FormSearchResult__Download.disabled:focus .Button__Label,
.FormSearchResult .FormSearchResult__Download.disabled:focus .iconfont-pdf {
  color: #000000 !important;
}
.FormSearchResult .FormSearchResult__Download.disabled {
  color: #000000;
}
.FormSearchResult .FormSearchResult__Download .iconfont-pdf {
  font-size: 24px;
  color: #ffffff;
  font-weight: 700;
}
.FormSearchResult .FormSearchResult__Download span {
  font-weight: 400;
}

.GlobalAlert {
  padding: 8px 10px !important;
  height: 100%;
}
@media only screen and (min-width: 993px) {
  .GlobalAlert {
    padding: 18px 10px;
  }
}
.GlobalAlert[data-is-visible=false] {
  display: none !important;
}
.GlobalAlert.GlobalAlert--alignment-middle .GlobalAlert__Content {
  margin: 0 auto;
}
.GlobalAlert.GlobalAlert--theme-compulsory {
  background: #192b4b;
  padding: 42px 10px;
}
.GlobalAlert.GlobalAlert--theme-compulsory .GlobalAlert__ContentMessage {
  font-weight: 300 !important;
  color: #ffffff;
}
.GlobalAlert.GlobalAlert--theme-urgency {
  border-top: 4px solid #d81421;
}
.GlobalAlert.GlobalAlert--theme-urgency .GlobalAlert__Content {
  color: #545454;
}
.GlobalAlert.GlobalAlert--theme-urgency .GlobalAlert__Title {
  color: #d81421;
}
.GlobalAlert.GlobalAlert--theme-standard, .GlobalAlert.GlobalAlert--theme-standard-border {
  background: #ffffff;
}
.GlobalAlert.GlobalAlert--theme-standard .GlobalAlert__Description a,
.GlobalAlert.GlobalAlert--theme-standard .GlobalAlert__Title, .GlobalAlert.GlobalAlert--theme-standard-border .GlobalAlert__Description a,
.GlobalAlert.GlobalAlert--theme-standard-border .GlobalAlert__Title {
  color: #164a9a;
}
.GlobalAlert.GlobalAlert--theme-standard .GlobalAlert__Content, .GlobalAlert.GlobalAlert--theme-standard-border .GlobalAlert__Content {
  color: #545454;
}
.GlobalAlert.GlobalAlert--theme-standard-border {
  border-top: 4px solid #164a9a;
}
.GlobalAlert.GlobalAlert--theme-standard-background {
  background: #164a9a;
}
.GlobalAlert.GlobalAlert--theme-standard-background .GlobalAlert__Description a {
  color: #ffffff;
}
.GlobalAlert.GlobalAlert--theme-standard-background .GlobalAlert__CloseIcon {
  color: #ffffff !important;
}
.GlobalAlert.GlobalAlert--theme-standard-background .GlobalAlert__ContentMessage {
  color: #ffffff;
}
.GlobalAlert .GlobalAlert__Container {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.GlobalAlert .GlobalAlert__Container .GlobalAlert__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.GlobalAlert .GlobalAlert__Container .GlobalAlert__Description a {
  font-weight: 500;
  text-decoration: underline;
  display: inline-block;
}
.GlobalAlert .GlobalAlert__Container .GlobalAlert__Title {
  font-weight: 300;
  font-size: 16px;
}
.GlobalAlert .GlobalAlert__Container .GlobalAlert__Close {
  padding: 0;
  border: none;
  width: 24px;
  height: 24px;
  background: none;
  cursor: pointer;
}
.GlobalAlert .GlobalAlert__Container .GlobalAlert__Close .GlobalAlert__CloseIcon {
  font-size: 24px;
  line-height: 1;
  color: #545454;
}
.GlobalAlert .GlobalAlert__Description > * {
  display: inline;
}
.GlobalAlert .GlobalAlert__Description p {
  font-size: 16px;
  font-weight: 300;
}

.GradientContainer--growth .GradientContainer__ContentWrapper {
  margin-bottom: 24px;
}
@media only screen and (max-width: 992px) {
  .GradientContainer--growth .GradientContainer__ContentWrapper {
    margin-bottom: 48px;
  }
  .GradientContainer--growth .GradientContainer__ContentWrapper:before {
    content: "";
    position: absolute;
    width: 4px;
    top: 0;
    left: 0;
    height: 100%;
    /* Card Styles/Gradient */
    background: -webkit-gradient(linear, left top, left bottom, from(#d81421), color-stop(25%, #772f5e), to(#164a9a));
    background: linear-gradient(180deg, #d81421 0%, #772f5e 25%, #164a9a 100%);
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .GradientContainer--growth .GradientContainer__ContentWrapper:before {
    left: -32px;
  }
}
@media only screen and (min-width: 993px) {
  .GradientContainer--growth .GradientContainer__ContentContainer {
    position: relative;
  }
  .GradientContainer--growth .GradientContainer__ContentContainer:before {
    content: "";
    position: absolute;
    width: 4px;
    top: 0;
    left: 0;
    height: 100%;
    /* Card Styles/Gradient */
    background: -webkit-gradient(linear, left top, left bottom, from(#d81421), color-stop(25%, #772f5e), to(#164a9a));
    background: linear-gradient(180deg, #d81421 0%, #772f5e 25%, #164a9a 100%);
  }
}
@media only screen and (min-width: 993px) and (min-width: 768px) {
  .GradientContainer--growth .GradientContainer__ContentContainer:before {
    left: -32px;
  }
}
.GradientContainer--access .GradientContainer__ContentWrapper:before, .GradientContainer--fees .GradientContainer__ContentWrapper:before {
  content: "";
  position: absolute;
  width: 4px;
  top: 0;
  left: 0;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .GradientContainer--access .GradientContainer__ContentWrapper:before, .GradientContainer--fees .GradientContainer__ContentWrapper:before {
    left: -32px;
  }
}
.GradientContainer--access .GradientContainer__ContentWrapper:before, .GradientContainer--fees .GradientContainer__ContentWrapper:before {
  /* Card Styles/Gradient */
  background: -webkit-gradient(linear, left top, left bottom, from(#d81421), color-stop(25%, #772f5e), to(#164a9a));
  background: linear-gradient(180deg, #d81421 0%, #772f5e 25%, #164a9a 100%);
}
.GradientContainer__Content {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .GradientContainer__Content {
    margin-bottom: 50px;
  }
}
.GradientContainer__Image img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .GradientContainer__Image, .GradientContainer__Footnote {
    margin-top: 48px;
  }
}
.GradientContainer__Heading {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #164a9a;
}
.GradientContainer__ContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
  padding-left: 32px;
}
@media only screen and (min-width: 768px) {
  .GradientContainer__ContentWrapper {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .GradientContainer__ContentCardHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.GradientContainer__ContentCardHolder .CardPromo {
  max-width: 416px;
  max-height: 280px;
  min-height: 200px;
}
.GradientContainer__Footnote {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #545454;
}
.GradientContainer .CardPromo .CardPromo__Content:empty {
  display: none;
}
.GradientContainer .CardGroup {
  padding: 0;
}
.GradientContainer .CardGroup > .container {
  padding: 0;
}

html[data-mobile-menu-open] {
  position: static !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.promo-button:hover {
  background: #c6d2e6;
  text-decoration: none !important;
  color: #164a9a;
}

.Header {
  background-color: #ffffff;
  position: relative;
  z-index: 200;
  width: 100%;
  top: 0;
  position: sticky;
}
@media only screen and (min-width: 1200px) {
  .Header {
    position: static;
  }
}
.Header .Header__Backdrop {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.Header[data-search=open] .Header__Backdrop, .Header[data-megamenu=open] .Header__Backdrop {
  opacity: 1;
  pointer-events: all;
  z-index: 98;
}
.Header[data-search=open] .Header__Top_Wrapper,
.Header[data-search=open] .Nav__container, .Header[data-megamenu=open] .Header__Top_Wrapper,
.Header[data-megamenu=open] .Nav__container {
  position: relative;
  z-index: 100;
}
.Header[data-hideup="0"][data-attop="0"]::before {
  background: rgba(25, 43, 75, 0.95);
  backdrop-filter: blur(10px);
  opacity: 0.95;
  -webkit-transition: background 0.5s ease-out;
  transition: background 0.5s ease-out;
}
.Header[data-visible=Members] .Header__PrimaryMenuList--Members, .Header[data-visible=Advisers] .Header__PrimaryMenuList--Advisers {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media only screen and (min-width: 1200px) {
  .Header[data-megamenu=open] .Header__Bar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.Header[data-search=closed] .Header__SearchIconClose,
.Header[data-search=closed] .Header__SearchInput,
.Header[data-search=closed] .Header__SearchClear,
.Header[data-search=closed] .Header__SearchExecute {
  display: none !important;
}
@media (min-width: 650px) and (max-width: 759px) {
  .Header[data-search=closed] .Header__MenuSelectList_Container {
    display: block !important;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-search=open] .Header__Search {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.Header[data-search=open] .Header__SearchExecute {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .Header[data-search=open] .Header__SearchExecute {
    display: none;
  }
}
.Header[data-search=open] .Header__SearchIconOpen,
.Header[data-search=open] .Header__PrimaryMenu,
.Header[data-search=open] .Header__PrimaryMenuList_Right {
  display: none !important;
}
.Header[data-search=open] .Header__SearchContainer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Header[data-search=open] .Header__Bar {
  position: relative;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media only screen and (max-width: 1199px) {
  .Header[data-search=open] .Header__Logo,
  .Header[data-search=open] .Header__HamburgerOpen {
    display: none;
  }
}
.Header[data-search=open] .Header__SearchDrawer {
  display: block !important;
}
@media (min-width: 650px) and (max-width: 759px) {
  .Header[data-search=open] .Header__MenuSelectList_Container {
    display: block !important;
  }
}
.Header[data-select=closed] .Header__MenuSelectList_Container {
  height: 0;
  opacity: 0;
}
.Header[data-select=closed] .Header__MenuSelectButton [class^=iconfont-] {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=closed] .Header__PrimaryMenu {
    display: none !important;
  }
}
.Header[data-hamburger=open] .Nav__container {
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background-color: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto !important;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open]::before {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__HamburgerLine:nth-child(1), .Header[data-hamburger=open] .Header__HamburgerLine:nth-child(3) {
    top: 50% !important;
    left: 50% !important;
    height: 2px !important;
    background-color: #d81421;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__HamburgerLine:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__HamburgerLine:nth-child(3) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__HamburgerLine:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__SecondaryMenuLink,
  .Header[data-hamburger=open] .Header__MenuSelectButton {
    color: #164a9a !important;
  }
}
@media only screen and (max-width: 1199px) {
  .Header[data-hamburger=open] .Header__Bar {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.Header .Header__Top_Container {
  border-bottom: 1px solid #d3d3d3;
  background-color: rgb(232, 237, 244);
}
.Header .Header__Top {
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Top {
    padding: 0;
    height: 56px;
  }
}
.Header .Header__Top .Header__DrawerNavItem {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.Header .Header__Top .Header__DrawerNavItem li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  border-radius: 0px;
  background-color: #e8edf4;
  color: black;
  padding: 4px 16px 4px 16px;
  height: 32px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition-property: background-color border-radius;
  transition-property: background-color border-radius;
  -webkit-transition-duration: 3ms;
          transition-duration: 3ms;
}
.Header .Header__Top .Header__DrawerNavItem li.selectedTab {
  background-color: white;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #164a9a;
  border-radius: 25px;
}
.Header .Header__Top .Header__DrawerNavItem li:not(.selectedTab):hover {
  background-color: white;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #164a9a;
  border-radius: 25px;
}
.Header .Header__MenuSelect {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10;
}
.Header .Header__MenuSelect .Header_Button_Mobile {
  display: none;
}
.Header .Header__MenuSelect .Header_Menu_Desktop {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 759px) {
  .Header .Header__MenuSelect .Header_Menu_Desktop {
    display: none;
  }
  .Header .Header__MenuSelect .Header_Button_Mobile {
    display: block;
  }
  .Header .Header__MenuSelect .Header__MenuSelectButton {
    background-color: white;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgb(22, 74, 154);
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    font-family: Roboto;
    border-radius: 25px;
    line-height: 20px;
    padding: 4px 16px 4px 16px;
    height: 32px;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelect .Header__MenuSelectButton {
    padding: 0;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelect .Header__MenuSelectButton [class^=iconfont-] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    pointer-events: none;
    font-size: 1.5rem;
    margin-left: 4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelect .Header__MenuSelectButton [class^=iconfont-] {
    font-size: 1.5rem;
  }
}
.Header .Header__MenuSelect .Header__MenuSelectDropdown {
  color: #ffffff;
  height: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 4px solid #ffffff;
  position: relative;
}
.Header .Header__MenuSelect .Header__MenuSelectDropdown [class^=iconfont-] {
  font-size: 24px;
  margin-left: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.Header .Header__MenuSelect .Header__MenuSelectDropdown select {
  height: 100%;
  font-weight: 600;
  color: #ffffff;
  background: transparent;
  -webkit-appearance: none;
  border: 0;
  display: block;
  padding-right: 28px;
  cursor: pointer;
  outline: 0;
}
@media (min-width: 961px) {
  .Header .Header__MenuSelectList_Container {
    display: none !important;
  }
  .Header .Header__MenuSelectList {
    display: none !important;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelectList_Container {
    border-bottom: 1px solid #d3d3d3;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelectList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .Header .Header__MenuSelectList ul {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Header .Header__MenuSelectList ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 12px 16px 12px 40px;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelectList ul li {
    padding-right: 16px;
  }
  .Header .Header__MenuSelectList ul li:last-child {
    padding-right: 0;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelectList ul li .Header__SecondaryMenuLabel {
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 100%;
    position: relative;
    padding-left: 44px;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelectList ul li .Header__SecondaryMenuLabel {
    font-size: 2rem;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelectList ul li .Header__SecondaryMenuDescription {
    display: inline-block;
    font-weight: 300;
    line-height: 150%;
    padding-left: 46px;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelectList ul li .Header__SecondaryMenuDescription {
    padding-top: 6px;
  }
}
@media only screen and (max-width: 759px) and (min-width: 1200px) {
  .Header .Header__MenuSelectList ul li:hover .Header__SecondaryMenuLabel::before {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    left: 8px;
  }
}
@media (max-width: 759px) {
  .Header .Header__MenuSelectList ul li .Menu_Title {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 19.6px;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
  .Header .Header__MenuSelectList ul li.selectedItem {
    background-color: #F2F2F2;
    font-size: 14px;
    font-weight: 300;
    padding: 12px 16px 12px 16px;
    line-height: 19.6px;
  }
  .Header .Header__MenuSelectList ul li.selectedItem::before {
    content: "·";
    color: rgb(0, 0, 0);
    left: 0;
    position: relative;
    font-size: 20px;
    font-weight: 900;
    padding-left: 8px;
  }
  .Header .Header__MenuSelectList ul li.selectedItem a {
    display: inline-block;
    padding-left: 5px;
  }
  .Header .Header__MenuSelectList button,
  .Header .Header__MenuSelectList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Header .Header__Modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  backdrop-filter: blur(5px);
}
.Header .Header__Modal[data-active=false] {
  display: none;
}
.Header .Header__Modal .wrapper {
  width: 100%;
}
.Header .Header__Modal .Header__ModalClose {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: 1px solid #e1e1e6;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  padding: 0;
  cursor: pointer;
}
.Header .Header__Modal .Header__ModalClose i {
  font-size: 30px;
  display: block;
  color: #d81421;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Header .Header__Modal .Header__ModalCloseInline {
  background: none;
  border: 0;
  color: #164a9a;
  text-decoration: underline;
  cursor: pointer;
}
.Header .Header__Modal .Header__ModalContent {
  background-color: #ffffff;
  border-radius: 16px;
  text-align: center;
  position: relative;
  padding: 75px 30px 30px;
  margin: 0 15px;
  max-height: 90vh;
  max-height: calc(var(--vh, 1vh) * 90);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Modal .Header__ModalContent {
    padding: 50px 110px;
  }
}
.Header .Header__Modal .Header__ModalContent p {
  color: #545454;
}
.Header .Header__Modal .Header__ModalContent a {
  color: #007bc2;
}
.Header .Header__Modal .Header__ModalContent .Header__ModalTitle {
  color: #164a9a;
  font-weight: 600;
}
.Header .Header__Modal .Header__ModalContentActions {
  margin: 20px 0;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Modal .Header__ModalContentActions {
    margin: 40px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__Modal .Header__ModalContentActions .Button:first-child {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Modal .Header__ModalContentActions .Button:first-child {
    margin-right: 16px;
  }
}
.Header .Header__SecondaryMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 993px) {
  .Header .Header__SecondaryMenu {
    margin-right: 25px;
  }
}
.Header .Header__SecondaryMenu .Header__SecondaryMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SecondaryMenu .Header__SecondaryMenuItem:first-child {
    display: none;
  }
}
.Header .Header__SecondaryMenu .Header__SecondaryMenuItem:not(:last-child) {
  margin-right: 25px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SecondaryMenu .Header__SecondaryMenuItem:not(:last-child) {
    margin-right: 50px;
  }
}
.Header .Header__SecondaryMenu .Header__SecondaryMenuLink {
  color: #164a9a;
  font-weight: 400;
  font-size: 14px;
}
.Header .Header__Top_Wrapper {
  background-color: #ffffff;
}
.Header .Nav__container {
  background-color: #ffffff;
  border-bottom: 1px solid #d3d3d3;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .Header .Nav__container {
    z-index: 100;
  }
}
.Header .Header__Bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  padding: 0 24px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Bar {
    margin: 0 16px;
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    height: auto;
  }
}
.Header .Header__Logo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 40px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Logo {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.Header .Header__Logo a,
.Header .Header__Logo img {
  display: block;
  height: 100%;
  width: auto;
}
.Header .Header__PrimaryMenu {
  position: absolute;
  left: 0;
  width: 100%;
  top: 52px;
  bottom: 0;
  height: 500px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenu {
    background-color: transparent;
    position: static;
    margin-left: 40px;
    height: 72px;
    width: auto;
  }
}
.Header .Header__PrimaryMenu .Header__PrimaryMenuList {
  height: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenu .Header__PrimaryMenuList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenu .Header__PrimaryMenuItem:nth-last-child(-n+3) {
    display: none;
  }
}
.Header .Header__SubMenuList .Header__SubMenuItem[data-has-children=false] > a > .iconfont-chevron-down, .Header .Header__SubMenuList .Header__SubMenuItem[data-has-children=false] > a > .iconfont-chevron-down-right {
  display: none;
}
.Header .Header__PrimaryMenuItem[data-has-children=false] > .Header__PrimaryMenuButton > a > .iconfont-chevron-down, .Header .Header__PrimaryMenuItem[data-has-children=false] > .Header__PrimaryMenuButton > a > .iconfont-chevron-down-right,
.Header .Header__PrimaryMenuList_Right[data-has-children=false] > .Header__PrimaryMenuButton > a > .iconfont-chevron-down,
.Header .Header__PrimaryMenuList_Right[data-has-children=false] > .Header__PrimaryMenuButton > a > .iconfont-chevron-down-right {
  display: none;
}
.Header .Header__PrimaryMenuItem[data-active=true] .Header__PrimaryMenuButton,
.Header .Header__PrimaryMenuList_Right[data-active=true] .Header__PrimaryMenuButton {
  border-bottom: 3px solid #164A9A;
  color: #164A9A;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuItem[data-active=true] .Header__PrimaryMenuButton i,
  .Header .Header__PrimaryMenuList_Right[data-active=true] .Header__PrimaryMenuButton i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuItem[data-active=true] .Header__PrimaryMenuButton::before,
  .Header .Header__PrimaryMenuList_Right[data-active=true] .Header__PrimaryMenuButton::before {
    height: 5px;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuItem[data-active=true] .Header__Drawer,
  .Header .Header__PrimaryMenuList_Right[data-active=true] .Header__Drawer {
    display: block !important;
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuItem:not(:last-child),
  .Header .Header__PrimaryMenuList_Right:not(:last-child) {
    border: 0;
    margin-right: 4px;
  }
}
.Header .Header__PrimaryMenuButton {
  position: relative;
  height: 56px;
  width: 100%;
  font-size: 16px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuButton {
    height: 100%;
  }
}
.Header .Header__PrimaryMenuButton button,
.Header .Header__PrimaryMenuButton a {
  height: 100%;
  padding: 0 20px;
  background: none;
  border: 0;
  color: inherit;
  font-weight: 400;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuButton button,
  .Header .Header__PrimaryMenuButton a {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding: 0 8px;
  }
  .Header .Header__PrimaryMenuButton button:first-child,
  .Header .Header__PrimaryMenuButton a:first-child {
    padding-left: 13px;
  }
}
.Header .Header__PrimaryMenuButton button span,
.Header .Header__PrimaryMenuButton a span {
  pointer-events: none;
}
.Header .Header__PrimaryMenuButton button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Header .Header__PrimaryMenuButton [class^=iconfont-] {
  pointer-events: none;
  color: #164a9a;
  font-size: 24px;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__PrimaryMenuButton [class^=iconfont-] {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    color: #164a9a;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__PrimaryMenuButton [class^=iconfont-] {
    margin-left: 4px;
  }
}
.Header .Header__Drawer {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  z-index: 2;
  min-width: 340px;
}
.Header .Header__Drawer .Header__DrawerClose {
  display: none !important;
  position: absolute;
  top: 30px;
  right: 28px;
  border: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #767676;
  font-weight: 600;
  cursor: pointer;
}
.Header .Header__Drawer .Header__DrawerClose i {
  font-size: 27px;
  height: 32px;
  width: 32px;
  display: block;
  color: #d81421;
  border: 1px solid #F1EFF2;
  border-radius: 50%;
  margin-left: 10px;
}
.Header .Header__Drawer .Header__DrawerContainer {
  padding: 40px 0 20px;
  position: relative;
}
.Header .Header__Drawer .Header__DrawerContainer > .aem-Grid > .aem-GridColumn:not(:last-child) {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Drawer .Header__DrawerContainer > .aem-Grid > .aem-GridColumn:not(:last-child)::before {
    content: "";
    display: block;
    width: 1px;
    background-color: #d6d6d6;
    height: 100%;
    position: absolute;
    right: 15px;
    top: 0;
  }
}
.Header .Header__Drawer .Header__DrawerTitle {
  font-weight: 700;
  color: #164a9a;
  margin-bottom: 24px;
}
.Header .Header__Drawer .Header__DrawerCta {
  color: #007bc2;
}
.Header .Header__Drawer .Header__DrawerWrapper {
  padding: 0 56px;
}
.Header .Header__Drawer .Header__DrawerMenuContainer {
  max-height: 490px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  padding-right: 30px;
}
.Header .Header__Drawer .Header__DrawerMenuContainer.Header__DrawerMenuContainer--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 0;
  -webkit-column-gap: 1%;
     -moz-column-gap: 1%;
          column-gap: 1%;
}
.Header .Header__Drawer .Header__DrawerMenu a:hover {
  text-decoration: underline !important;
}
.Header .Header__Drawer .Header__DrawerMenu {
  width: 24%;
}
.Header .Header__Drawer .Header__DrawerMenu:only-child {
  width: 100% !important;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuColumn:last-child .Header__DrawerMenuList {
  margin-bottom: 0;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuHeading {
  color: #191919;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuList {
  margin-bottom: 24px;
  margin-top: 16px;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuItem:first-child {
  margin-top: 8px;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuItem:last-child {
  margin-bottom: 8px;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuItem {
  padding-left: 0;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuItem:not(:last-child) {
  margin: 0 0 8px;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuLink {
  color: #191919;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 10px;
  padding: 0;
}
.Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuLink:hover, .Header .Header__Drawer .Header__DrawerMenu .Header__DrawerMenuLink:focus-visible {
  text-decoration: underline;
}
.Header .Header__SearchInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SearchInput {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchInput {
    height: 72px;
    padding-left: 30px;
    padding-right: 65px;
  }
}
.Header .Header__SearchInput form {
  height: 100%;
  width: 100%;
}
.Header .Header__SearchInput form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchInput form label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.Header .Header__SearchInput form label input[type=search]::-webkit-search-decoration,
.Header .Header__SearchInput form label input[type=search]::-webkit-search-cancel-button,
.Header .Header__SearchInput form label input[type=search]::-webkit-search-results-button,
.Header .Header__SearchInput form label input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.Header .Header__SearchInput form label input {
  -webkit-appearance: none;
  border: 0;
  height: 100%;
  outline: 0;
  width: 100%;
  font-size: 1rem;
  color: #191919;
  padding-right: 172px;
  font-weight: 300;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchInput form label input {
    margin-left: 15px;
    padding-right: 60px;
  }
}
.Header .Header__SearchInput form label input::-webkit-input-placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input::-moz-placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input:-ms-input-placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input::-ms-input-placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input::placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input:-ms-input-placeholder {
  color: #d9d9d9;
}
.Header .Header__SearchInput form label input::-ms-input-placeholder {
  color: #d9d9d9;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SearchContainer {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background-color: #ffffff;
    border-radius: 25px;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchContainer {
    margin-left: auto;
  }
}
.Header .Header__Search {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
  }
}
.Header .Header__Search .Header__PrimaryMenuList_Right {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search .Header__PrimaryMenuList_Right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.Header .Header__Search .Header__PrimaryMenuList_Right li:first-child .Header__PrimaryMenuButton button {
  color: #164a9a;
}
.Header .Header__Search .Header__PrimaryMenuList_Right li:only-child .Header__PrimaryMenuButton button {
  padding-right: 0;
}
.Header .Header__Search .Header__PrimaryMenuList_Right li a {
  padding: 12px 32px;
}
.Header .Header__Search .Header__PrimaryMenuList_Right li a.Button.Button--theme-black.Button--type-solid::before {
  left: 0;
}
.Header .Header__Search .Header__PrimaryMenuList_Right li a.Button.Button--theme-black.Button--type-solid:focus-visible {
  border-width: 1px;
  border-style: solid;
}
.Header .Header__Search .Header__SearchIcon {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  padding: 0;
  padding-right: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  cursor: pointer;
}
.Header .Header__Search .Header__SearchIcon [class^=iconfont-] {
  font-size: 21px;
}
.Header .Header__Search .Header__SearchIconOpen {
  color: #000000;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search .Header__SearchIconOpen [class^=iconfont-] {
    margin-right: 10px;
  }
}
.Header .Header__Search .Header__SearchIconOpen span {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search .Header__SearchIconOpen span {
    display: inline;
  }
}
.Header .Header__Search .Header__SearchIconClose {
  color: #191919;
  padding: 0 12px 0;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search .Header__SearchIconClose {
    padding: 0;
  }
}
.Header .Header__Search .Header__SearchIconClose:hover, .Header .Header__Search .Header__SearchIconClose:focus, .Header .Header__Search .Header__SearchIconClose:active {
  color: #164a9a;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__Search [class^=iconfont-] {
    font-size: 24px;
  }
}
.Header .Header__MenuSelectListClear {
  background: none;
  pointer-events: all;
  cursor: pointer;
  border: none;
  padding-right: 6px;
  position: absolute;
  right: 18px;
  top: 20px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__MenuSelectListClear {
    padding-right: 0;
    right: 0;
  }
}
.Header .Header__MenuSelectListClear svg path {
  fill: #191919;
}
.Header .Header__SearchClear {
  background: none;
  pointer-events: all;
  cursor: pointer;
  border: none;
  display: none;
  padding-right: 12px;
  padding-top: 6px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchClear {
    padding: 0;
    position: absolute;
    right: 138px;
    top: 24px;
  }
}
.Header .Header__SearchClear path {
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.Header .Header__SearchClear:hover path, .Header .Header__SearchClear:active path, .Header .Header__SearchClear:focus path {
  fill: #007bc2;
}
.Header .Header__SearchExecute {
  background: none;
  border: none;
  pointer-events: all;
  cursor: pointer;
  display: none;
  padding: 6px 0 0 16px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchExecute {
    padding-top: 0;
    position: absolute;
    right: 86px;
    top: 24px;
  }
}
.Header .Header__SearchExecute rect {
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.Header .Header__SearchExecute:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #191919;
  pointer-events: none;
  height: 32px;
  left: 0;
  top: 2px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchExecute:before {
    left: 1px;
    top: -4px;
  }
}
.Header .Header__SearchExecute:hover, .Header .Header__SearchExecute:active, .Header .Header__SearchExecute:focus {
  outline: none;
}
.Header .Header__SearchExecute:hover rect, .Header .Header__SearchExecute:active rect, .Header .Header__SearchExecute:focus rect {
  fill: #007bc2;
}
.Header .Header__SearchDrawer {
  border-top: 1px solid #d3d3d3;
  display: none;
  width: calc(100% - 40px);
  padding: 24px;
  margin: 0;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchDrawer {
    width: 100%;
    padding: 48px 145px;
    margin: 0;
  }
}
.Header .Header__SearchDrawer h2 {
  font-size: 1rem;
  font-weight: 400;
  padding-bottom: 20px;
}
.Header .Header__SearchDrawer .Header_SearchSuggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchDrawer .Header_SearchSuggestion {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.Header .Header__SearchDrawer .Header__SearchDrawerSection {
  color: #191919;
}
.Header .Header__SearchDrawer .Header__SearchDrawerSection:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SearchDrawer .Header__SearchDrawerSection {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 30%;
    margin-right: 30px;
  }
  .Header .Header__SearchDrawer .Header__SearchDrawerSection:last-child {
    margin-right: 0;
  }
}
.Header .Header__SearchDrawer .Header__SearchDrawerSection a:hover, .Header .Header__SearchDrawer .Header__SearchDrawerSection a:focus, .Header .Header__SearchDrawer .Header__SearchDrawerSection a:active {
  text-decoration: underline;
}
.Header .Header__SearchDrawer .Header__SearchDrawerTitle {
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 8px;
  display: inline-block;
}
.Header .Header__SearchDrawer ul li a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.Header .Header__HamburgerOpen {
  display: block;
  position: relative;
  background: none;
  border: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0;
  cursor: pointer;
  width: 22px;
  height: 16px;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__HamburgerOpen {
    display: none;
  }
}
.Header .Header__HamburgerOpen .Header__HamburgerLine {
  position: absolute;
  left: 0;
  height: 2px;
  background: #191919;
  width: 100%;
}
.Header .Header__HamburgerOpen .Header__HamburgerLine:nth-child(1) {
  top: 0;
}
.Header .Header__HamburgerOpen .Header__HamburgerLine:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.Header .Header__HamburgerOpen .Header__HamburgerLine:nth-child(3) {
  bottom: 0;
}
.Header .Header__SubMenus {
  border-top: 1px solid #F1EFF2;
}
@media only screen and (min-width: 1200px) {
  .Header .Header__SubMenus {
    display: none;
  }
}
.Header .Header__SubMenus .Header__SubMenu {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: #ffffff;
  width: 100%;
}
.Header .Header__SubMenus .Header__SubMenu[data-active=true] {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  min-height: 100%;
}
.Header .Header__SubMenus .Header__SubMenu[data-active=false] {
  height: 60px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.Header .Header__SubMenus .Header__SubMenu[data-level="2"] {
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenu[data-level="2"] .Header__SubMenuItem button,
  .Header .Header__SubMenus .Header__SubMenu[data-level="2"] .Header__SubMenuItem a {
    color: #545454;
    font-weight: 300;
  }
}
.Header .Header__SubMenus .Header__SubMenuBack {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #F1EFF2;
  border-bottom: 1px solid #F1EFF2;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuBack button {
    height: 100%;
    padding: 0 35px 0;
    background: none;
    border: 0;
    color: #191919;
    font-weight: 400;
    font-size: 1rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    background-color: #F1EFF2;
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuBack button [class^=iconfont-] {
    color: #164a9a;
    font-size: 24px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-left: -9px;
    margin-right: 9px;
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuTitle {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #164a9a;
    border-left: 5px solid #bdd0f1;
    border-bottom: 1px solid #F1EFF2;
    background: -webkit-gradient(linear, right top, left top, from(rgba(216, 20, 33, 0.1)), color-stop(25.32%, rgba(119, 47, 94, 0.1)), color-stop(101.27%, rgba(22, 74, 154, 0.1)));
    background: linear-gradient(270deg, rgba(216, 20, 33, 0.1) 0%, rgba(119, 47, 94, 0.1) 25.32%, rgba(22, 74, 154, 0.1) 101.27%);
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuItem {
    border-bottom: 1px solid #F1EFF2;
    position: relative;
    height: 56px;
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuItem button,
  .Header .Header__SubMenus .Header__SubMenuItem a {
    text-align: left;
    height: 100%;
    padding: 0 35px 0;
    background: none;
    border: 0;
    color: #191919;
    font-weight: 300;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font-size: 1rem;
  }
}
.Header .Header__SubMenus .Header__SubMenuItem button span,
.Header .Header__SubMenus .Header__SubMenuItem a span {
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuItem button [class^=iconfont-],
  .Header .Header__SubMenus .Header__SubMenuItem a [class^=iconfont-] {
    pointer-events: none;
    color: #164a9a;
    font-size: 24px;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@media only screen and (max-width: 1199px) {
  .Header .Header__SubMenus .Header__SubMenuItem .Header__SubMenuHeading {
    color: #191919;
    font-weight: 400;
  }
}

.Header--gradient::before {
  background: -webkit-gradient(linear, right top, left top, color-stop(0.35%, #d81421), color-stop(24.9%, #772f5e), color-stop(98.58%, #164a9a));
  background: linear-gradient(270deg, #d81421 0.35%, #772f5e 24.9%, #164a9a 98.58%);
}

.promo-tile-container {
  background: #F1EFF2;
  padding: 12px;
  border-radius: var(--Dimensions-Spacing-spacing-8, 8px);
}
@media (max-width: 1200px) {
  .promo-tile-container {
    margin: 26px;
  }
}

.promo-tile-image {
  max-height: 130px;
  overflow: hidden;
  text-align: center;
  border-radius: var(--Dimensions-Spacing-spacing-8, 8px);
}

.promo-tile-image img {
  height: auto;
  background-position: center;
  background-size: cover;
}

.promo-tile-title {
  padding: 12px 0;
  color: var(--Colours-System-Black-100, #000);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.promo-tile-description {
  color: var(--Colours-System-Black-100, #000);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 12px;
}

.promo-tile-button {
  padding: 12px 0;
  text-align: center;
  width: 100%;
}

.promo-tile-button:hover {
  cursor: pointer;
}

.promo-button {
  border: none;
  background: #fff;
  text-align: center;
  display: block;
  font-weight: 400;
  padding: 10px 0;
  border-radius: var(--dimensions-radius-radius-full, 360px);
  border: 1px solid var(--Colours-Primary-Black-100, #000);
  background: var(--Colours-System-White-100, #FFF);
}

.Header__PrimaryMenuList_Right li:last-child .Header__PrimaryMenuButton a {
  color: #fff;
}

.Header__PrimaryMenuList_Right li:first-child .Header__PrimaryMenuButton a {
  border: 1px solid #000;
}
.Header__PrimaryMenuList_Right li:first-child .Header__PrimaryMenuButton a::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}

.search_text {
  color: var(--Colours-Primary-Black-50, #807F7F);
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-left: 3px;
}

.Header__PrimaryMenuList_Right li:last-child .Header__PrimaryMenuButton {
  border-bottom: none !important;
}

.color-white {
  color: #fff;
  width: 90%;
  margin: 20px 20px;
}

/* --- Join Now pill + dropdown (CSS-only; no markup change) --- */
@media (min-width: 961px) {
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child {
    position: relative;
    padding: 8px 16px;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child[data-active=true] .Header__PrimaryMenuButton {
    border-bottom: none !important;
    color: inherit !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton {
    width: auto;
    height: auto;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border: 1px solid #000000;
    background: #ffffff;
    margin-top: 0px !important;
    border-radius: 9999px;
    color: #000000;
    text-decoration: none;
    -webkit-box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
            box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
    -webkit-transition: background 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s, border-color 0.15s, color 0.15s;
    transition: background 0.15s, box-shadow 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:focus-visible {
    color: #164A9A;
    outline: 2px solid #164a9a;
    outline-offset: 2px;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:focus-visible::before {
    border-color: #164a9a !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:hover {
    color: #164A9A;
    background: #E7F0FD;
    border: 1px solid transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:hover::before {
    border-color: #164A9A;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:active {
    color: #164A9A;
    border: 1px solid transparent !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:active::before {
    border-color: #164A9A;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:hover,
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__PrimaryMenuButton > a.Button--theme-white:focus-visible {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
            box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child {
    /* Card dropdown overrides */
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__Drawer {
    display: block;
    position: absolute;
    left: auto !important;
    right: 16px;
    width: 240px;
    min-width: 0;
    background: #ffffff;
    border: 1px solid var(--Stroke-Weak, rgba(0, 17, 102, 0.1019607843));
    border-radius: 4px;
    margin-top: 4px;
    -webkit-box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
            box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.18s ease, visibility 0.18s ease;
    transition: opacity 0.18s ease, visibility 0.18s ease;
    z-index: 120;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerContainer,
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerWrapper,
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuContainer {
    padding: 0;
    max-height: none;
    width: 100%;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenu {
    width: 100%;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuList {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuItem:first-child {
    margin-top: 8px;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuItem:last-child {
    margin-bottom: 8px;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuItem {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuLink {
    display: block;
    width: 100%;
    padding: 12px 16px;
    background: none;
    border: 0;
    color: #191919;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background 0.12s ease, color 0.12s ease;
    transition: background 0.12s ease, color 0.12s ease;
    margin-bottom: 0 !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuItem:hover > .Header__DrawerMenuLink {
    background: #E7F0FD;
    color: #002060;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuLink:active,
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuItem:active > .Header__DrawerMenuLink {
    background: #CEE0FA;
    color: #003180;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuLink:focus-visible {
    outline: 2px solid #007bc2;
    outline-offset: 2px;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenu a:hover,
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child .Header__DrawerMenuLink:hover {
    text-decoration: none !important;
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child {
    /* Open state */
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child[data-active=true] .Header__PrimaryMenuButton > a.Button--theme-white {
    border-color: #164A9A;
    color: #164A9A;
    -webkit-box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
            box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.0784313725), 0px 8px 8px -4px rgba(0, 0, 0, 0.0392156863);
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child[data-active=true] .Header__PrimaryMenuButton [class^=iconfont-chevron] {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .Header .Header__PrimaryMenuList_Right > .Header__PrimaryMenuItem:first-child[data-active=true] .Header__Drawer {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
/* --- Mobile Join button - desktop styling with same positioning as Login --- */
@media only screen and (max-width: 1199px) {
  /* Login button (.color-white) margin refinement for mobile hamburger open */
  .Header[data-hamburger=open] .Header__PrimaryMenuItem:nth-last-child(2) .color-white {
    margin: 24px 20px 8px !important; /* top 24px, bottom gap 8px, sides consistent with existing 20px */
    width: 90%;
  }
  /* Join button specific styling - only apply button styling to Join button */
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child .Header__PrimaryMenuButton {
    width: 100%;
    height: 90px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child .Header__PrimaryMenuButton a {
    /* Replicate Button component structural properties */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 90%;
    height: auto;
    min-height: 48px;
    border: 1px solid #000000;
    border-radius: 24px;
    background: #ffffff;
    color: #000000;
    text-decoration: none;
    padding: 11px 32px;
    margin: 8px 20px 24px; /* top gap 8px from Login, bottom 24px padding */
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: background 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
    transition: background 0.15s, box-shadow 0.15s, border-color 0.15s, color 0.15s;
    transition: background 0.15s, box-shadow 0.15s, border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child .Header__PrimaryMenuButton a:hover {
    color: #164A9A;
    background: #E7F0FD;
    border: 1px solid transparent;
  }
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child .Header__PrimaryMenuButton a:active {
    color: #164A9A;
    border: 1px solid transparent;
  }
  /* Hide chevron icon completely for Join button */
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child [class^=iconfont-] {
    display: none !important;
  }
  /* When Join drawer is active, style like desktop active state */
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true]:last-child[data-active=true] .Header__PrimaryMenuButton a {
    border-color: #164A9A;
    color: #164A9A;
  }
  /* Ensure Join submenu back button has proper chevron styling like other drawers */
  .Header[data-hamburger=open] .Header__SubMenu[data-id=Join] .Header__SubMenuBack button [class^=iconfont-] {
    color: #164a9a !important;
    font-size: 24px !important;
    -webkit-transform: rotate(90deg) !important;
            transform: rotate(90deg) !important;
    margin-left: -9px !important;
    margin-right: 9px !important;
    display: inline-block !important;
  }
  .Header[data-hamburger=open] .Header__PrimaryMenuItem[data-mobile-bottom=true] .Header__SubMenus {
    border-top: 0 !important;
  }
  .Header[data-hamburger=open] .Header__PrimaryMenuList .Header__PrimaryMenuItem[data-mobile-bottom=true] .Header__PrimaryMenuButton a,
  .Header[data-hamburger=open] .Header__PrimaryMenuList .Header__PrimaryMenuItem[data-mobile-bottom=true] .Header__PrimaryMenuButton button {
    min-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .Header__PrimaryMenuList_Right {
    display: none !important;
  }
}
.HeaderBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
@media (max-width: 430px) {
  .HeaderBanner .HeaderBanner__Image__Desktop {
    display: none;
  }
  .HeaderBanner .HeaderBanner__Image__Desktop.HeaderBanner--mobile-no-image {
    display: block !important;
    -o-object-position: 92% 0;
       object-position: 92% 0;
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
}
@media (min-width: 430px) and (max-width: 1200px) {
  .HeaderBanner .HeaderBanner__Image__Desktop {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: 100% 0;
       object-position: 100% 0;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image, .HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Image {
  position: relative;
  overflow: hidden;
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image img, .HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Image img {
  -o-object-fit: fill;
     object-fit: fill;
  height: 100% !important;
  width: 100% !important;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image img, .HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image {
  padding-top: 0 !important;
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Gradient {
  padding: 24px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Gradient {
    padding: 0 0 64px;
  }
}
@media (min-width: 430px) and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper {
    padding: 40px 24px 0 24px;
  }
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ImageWrapper {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List {
  padding-top: 16px;
}
@media only screen and (max-width: 1199px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List {
    padding-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Heading,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__SubHeading {
    text-align: center;
  }
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Content > .wrapper, .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Content > .wrapper > .aem-Grid {
  height: 100%;
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper {
  height: 100%;
  max-width: 705px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper {
    margin: 0;
    padding-left: 112px;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__Heading .hero2 {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__Heading .hero2 {
    color: #191919;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading .p1, .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading .paragraph1 {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading .p1, .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading .paragraph1 {
    color: #333333;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__Meta,
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorDescription,
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__MetaReadingTime {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorName,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorDescription,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__AuthorName,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__MetaReadingTime {
    color: #000000;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__MetaReadingTime::before {
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__ContentWrapper .HeaderBanner__MetaReadingTime::before {
    color: #000000;
  }
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image {
  position: relative;
  overflow: hidden;
  padding-right: 0;
  padding-bottom: 40px;
}
@media (min-width: 430px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image {
    height: 367px;
    padding-bottom: 0;
  }
}
@media (max-width: 430px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Image.HeaderBanner--mobile-no-image {
    height: 327px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Author {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}
.HeaderBanner.HeaderBanner--variant-small-image {
  padding-top: 0 !important;
  text-align: center;
}
.HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Gradient {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Gradient {
    padding-bottom: 64px;
  }
}
.HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Image {
  margin-top: 40px;
}
.HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-text.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-black.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-white.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-dark-blue.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-light-blue.HeaderBanner--alignment-left {
  text-align: left;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-text.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-text.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-black.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-black.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-white.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-white.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-dark-blue.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-dark-blue.HeaderBanner--alignment-left .HeaderBanner__Author, .HeaderBanner.HeaderBanner--variant-light-blue.HeaderBanner--alignment-left .HeaderBanner__Meta,
  .HeaderBanner.HeaderBanner--variant-light-blue.HeaderBanner--alignment-left .HeaderBanner__Author {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-text.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-black.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-white.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-dark-blue.HeaderBanner--alignment-center, .HeaderBanner.HeaderBanner--variant-light-blue.HeaderBanner--alignment-center {
  text-align: center;
}
.HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-text.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-black.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-white.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-dark-blue.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-light-blue.HeaderBanner--alignment-center .HeaderBanner__Actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-text .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-black .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-white .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-light-blue .HeaderBanner__Gradient {
  padding-top: 16px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-text .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-black .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-white .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-light-blue .HeaderBanner__Gradient {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large, .HeaderBanner.HeaderBanner--variant-gradient-small {
    text-align: center;
  }
}
@media only screen and (max-width: 992px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-left, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-left {
    text-align: center;
  }
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-left .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-left .HeaderBanner__Actions {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--alignment-center .HeaderBanner__Actions, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--alignment-center .HeaderBanner__Actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--has-image .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--has-image .HeaderBanner__Gradient {
  padding-bottom: 80px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large.HeaderBanner--has-image .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-small.HeaderBanner--has-image .HeaderBanner__Gradient {
    padding-bottom: 135px;
  }
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Image, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Image {
  overflow: hidden;
  margin-top: -55px;
  padding: 0 24px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Image, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Image {
    margin-top: -48px;
  }
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Breadcrumb .Breadcrumb, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Breadcrumb .Breadcrumb {
  background-color: transparent !important;
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner--gradientAlignment-center, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner--gradientAlignment-center {
  margin: 0 auto;
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__ContentWrapper, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__ContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__ContentWrapper, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__ContentWrapper {
    margin-top: 56px;
  }
}
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading,
.HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__ContentWrapper .HeaderBanner__Heading, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__ContentWrapper .HeaderBanner__SubHeading,
.HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__ContentWrapper .HeaderBanner__Heading {
  text-align: center;
}
.HeaderBanner.HeaderBanner--variant-large-image .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List, .HeaderBanner.HeaderBanner--variant-small-image .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List, .HeaderBanner.HeaderBanner--variant-text .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List, .HeaderBanner.HeaderBanner--variant-white .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List, .HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List {
  margin-bottom: 24px;
}
.HeaderBanner.HeaderBanner--variant-light-blue .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-large .HeaderBanner__Gradient, .HeaderBanner.HeaderBanner--variant-gradient-small .HeaderBanner__Gradient {
  background-color: #E8EDF4;
}
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__Gradient {
  background-color: #000000;
}
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Gradient {
  background-color: #010034;
}
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Heading > *,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__SubHeading > *,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__Meta,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__AuthorDescription,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__MetaReadingTime, .HeaderBanner.HeaderBanner--variant-black .HeaderBanner__Heading > *,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__SubHeading > *,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__Meta,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__AuthorDescription,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__AuthorName,
.HeaderBanner.HeaderBanner--variant-black .HeaderBanner__MetaReadingTime {
  color: #ffffff;
}
.HeaderBanner.HeaderBanner--variant-dark-blue .HeaderBanner__MetaReadingTime::before, .HeaderBanner.HeaderBanner--variant-black .HeaderBanner__MetaReadingTime::before {
  color: #ffffff;
}
.HeaderBanner .wrapper {
  width: 100%;
}
.HeaderBanner .HeaderBanner__Breadcrumb {
  position: relative;
  z-index: 1;
}
.HeaderBanner .HeaderBanner__Breadcrumb .Breadcrumb--theme-dark {
  color: #164a9a;
}
.HeaderBanner .HeaderBanner__Breadcrumb .Breadcrumb--theme-dark .Breadcrumb__Item:last-child .Breadcrumb__Label {
  text-decoration: none;
  color: #000;
}
.HeaderBanner .HeaderBanner__Breadcrumb .Breadcrumb--theme-light {
  color: #8BA4CB;
}
.HeaderBanner .HeaderBanner__Breadcrumb .Breadcrumb--theme-light .Breadcrumb__Item:last-child .Breadcrumb__Label {
  text-decoration: none;
  color: #FFF;
}
@media only screen and (max-width: 1199px) {
  .HeaderBanner .HeaderBanner__Breadcrumb .wrapper .Breadcrumb__List {
    padding-left: 24px;
  }
}
.HeaderBanner .HeaderBanner__ContentWrapper {
  margin-top: 24px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner .HeaderBanner__ContentWrapper {
    margin-top: 56px;
  }
}
@media (max-width: 992px) {
  .HeaderBanner .HeaderBanner__ContentWrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.HeaderBanner .HeaderBanner__Content {
  width: 100%;
}
.HeaderBanner .HeaderBanner__Container {
  position: relative;
}
.HeaderBanner .HeaderBanner__Gradient {
  width: 100%;
  height: 100%;
}
.HeaderBanner .HeaderBanner__AuthorDescription {
  text-align: left;
}
.HeaderBanner .HeaderBanner__AuthorName p {
  font-weight: 400;
}
.HeaderBanner .HeaderBanner__Image img {
  max-width: 100%;
  height: auto;
}
.HeaderBanner .HeaderBanner__Actions {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 992px) {
  .HeaderBanner .HeaderBanner__Actions {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
@media only screen and (min-width: 993px) {
  .HeaderBanner .HeaderBanner__Actions {
    margin-top: 32px;
  }
}
@media (min-width: 431px) {
  .HeaderBanner .HeaderBanner__Image__Mobile {
    display: none;
  }
}
.HeaderBanner .HeaderBanner__Heading {
  font-weight: 500;
  font-family: "Newsreader";
}
.HeaderBanner .HeaderBanner__Heading .hero2 {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner .HeaderBanner__Heading .hero2 {
    font-size: 48px;
    line-height: 52px;
  }
}
.HeaderBanner .HeaderBanner__SubHeading {
  margin-top: 8px;
  font-weight: 400;
}
.HeaderBanner .HeaderBanner__SubHeading .p1 {
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner .HeaderBanner__SubHeading .p1 {
    line-height: 30px;
    font-size: 22px;
  }
}
.HeaderBanner .HeaderBanner__Meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
.HeaderBanner .HeaderBanner__MetaTag {
  background-color: #E8EDF4;
  color: #164a9a;
  padding: 6px 10px;
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-self: flex-start;
  font-weight: 300;
  font-size: 14px;
}
.HeaderBanner .HeaderBanner__MetaReadingTime {
  position: relative;
}
.HeaderBanner .HeaderBanner__MetaReadingTime::before {
  content: "•";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -12px;
}
.HeaderBanner .HeaderBanner__Author {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 993px) {
  .HeaderBanner .HeaderBanner__Author {
    margin-top: 32px;
  }
}
.HeaderBanner .HeaderBanner__AuthorImage {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  overflow: hidden;
}
.HeaderBanner .HeaderBanner__AuthorImage img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.HelloWorld__ItemLabel {
  margin-bottom: 0;
}

.HelloWorld__ItemOutput {
  margin-top: 0;
}

.HeroHeading {
  position: relative;
  overflow: hidden;
}
.HeroHeading.HeroHeading--theme-blue {
  background-color: #010034;
}
.HeroHeading.HeroHeading--theme-blue .HeroHeading__Heading, .HeroHeading.HeroHeading--theme-blue .HeroHeading__SubHeading, .HeroHeading.HeroHeading--theme-blue .HeroHeading__Subtext {
  color: #ffffff;
}
.HeroHeading.HeroHeading--theme-blue .HeroHeadingText .HeroHeadingText__Content {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-blue .HeroHeading__MediaWrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(#010034), to(rgba(24, 18, 52, 0)));
    background: linear-gradient(90deg, #010034 0%, rgba(24, 18, 52, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-blue .HeroHeading__SubHeading,
  .HeroHeading.HeroHeading--theme-blue .HeroHeading__Actions {
    background: #010034;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-blue .HeroHeading__Heading::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#010034), to(rgba(24, 18, 52, 0)));
    background: linear-gradient(0deg, #010034 0%, rgba(24, 18, 52, 0) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-blue .HeroHeading__Gradient::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#010034), to(rgba(24, 18, 52, 0)));
    background: linear-gradient(0deg, #010034 0%, rgba(24, 18, 52, 0) 100%);
  }
}
.HeroHeading.HeroHeading--theme-red {
  background-color: #28020b;
}
.HeroHeading.HeroHeading--theme-red .HeroHeading__Heading, .HeroHeading.HeroHeading--theme-red .HeroHeading__SubHeading, .HeroHeading.HeroHeading--theme-red .HeroHeading__Subtext {
  color: #ffffff;
}
.HeroHeading.HeroHeading--theme-red .HeroHeadingText .HeroHeadingText__Content {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-red .HeroHeading__MediaWrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(#28020b), to(rgba(40, 2, 11, 0)));
    background: linear-gradient(90deg, #28020b 0%, rgba(40, 2, 11, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-red .HeroHeading__SubHeading,
  .HeroHeading.HeroHeading--theme-red .HeroHeading__Actions {
    background: #28020b;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-red .HeroHeading__Heading::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#28020b), to(rgba(40, 2, 11, 0)));
    background: linear-gradient(0deg, #28020b 0%, rgba(40, 2, 11, 0) 100%);
  }
}
.HeroHeading.HeroHeading--theme-green {
  background-color: #121911;
}
.HeroHeading.HeroHeading--theme-green .HeroHeading__Heading, .HeroHeading.HeroHeading--theme-green .HeroHeading__SubHeading, .HeroHeading.HeroHeading--theme-green .HeroHeading__Subtext {
  color: #ffffff;
}
.HeroHeading.HeroHeading--theme-green .HeroHeadingText .HeroHeadingText__Content {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-green .HeroHeading__MediaWrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(#121911), to(rgba(18, 25, 17, 0)));
    background: linear-gradient(90deg, #121911 0%, rgba(18, 25, 17, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-green .HeroHeading__SubHeading,
  .HeroHeading.HeroHeading--theme-green .HeroHeading__Actions {
    background: #121911;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-green .HeroHeading__Heading::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#121911), to(rgba(18, 25, 17, 0)));
    background: linear-gradient(0deg, #121911 0%, rgba(18, 25, 17, 0) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-green .HeroHeading__Gradient::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#121911), to(rgba(18, 25, 17, 0)));
    background: linear-gradient(0deg, #121911 0%, rgba(18, 25, 17, 0) 100%);
  }
}
.HeroHeading.HeroHeading--theme-grey {
  background-color: #172122;
}
.HeroHeading.HeroHeading--theme-grey .HeroHeading__Heading, .HeroHeading.HeroHeading--theme-grey .HeroHeading__SubHeading, .HeroHeading.HeroHeading--theme-grey .HeroHeading__Subtext {
  color: #ffffff;
}
.HeroHeading.HeroHeading--theme-grey .HeroHeadingText .HeroHeadingText__Content {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-grey .HeroHeading__MediaWrapper::before {
    background: -webkit-gradient(linear, left top, right top, from(#172122), to(rgba(23, 33, 34, 0)));
    background: linear-gradient(90deg, #172122 0%, rgba(23, 33, 34, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-grey .HeroHeading__SubHeading,
  .HeroHeading.HeroHeading--theme-grey .HeroHeading__Actions {
    background: #172122;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--theme-grey .HeroHeading__Heading::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#172122), to(rgba(23, 33, 34, 0)));
    background: linear-gradient(0deg, #172122 0%, rgba(23, 33, 34, 0) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--theme-grey .HeroHeading__Gradient::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#172122), to(rgba(23, 33, 34, 0)));
    background: linear-gradient(0deg, #172122 0%, rgba(23, 33, 34, 0) 100%);
  }
}
.HeroHeading .HeroImage_Resolution {
  width: 50%;
  aspect-ratio: auto !important;
  display: block;
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--size-large .HeroHeading__Content {
    padding: 25px 20px 0 !important;
  }
}
.HeroHeading.HeroHeading--size-large .HeroHeading__Content {
  padding: 474px 20px 0;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--size-large .HeroHeading__Content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--size-large .HeroHeading__Picture img,
  .HeroHeading.HeroHeading--size-large .HeroHeading__Video video,
  .HeroHeading.HeroHeading--size-large .HeroHeading__Lottie lottie-player {
    max-height: 635px;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--size-large .HeroHeading__Picture img,
  .HeroHeading.HeroHeading--size-large .HeroHeading__Video video,
  .HeroHeading.HeroHeading--size-large .HeroHeading__Lottie lottie-player {
    max-height: 885px;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--size-small .HeroHeading__Content {
    padding: 25px 20px 0 !important;
  }
}
.HeroHeading.HeroHeading--size-small .HeroHeading__Content {
  padding: 434px 20px 0;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--size-small .HeroHeading__Content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--size-small .HeroHeading__Picture img,
  .HeroHeading.HeroHeading--size-small .HeroHeading__Video video,
  .HeroHeading.HeroHeading--size-small .HeroHeading__Lottie lottie-player {
    max-height: 480px;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--size-small .HeroHeading__Picture img,
  .HeroHeading.HeroHeading--size-small .HeroHeading__Video video,
  .HeroHeading.HeroHeading--size-small .HeroHeading__Lottie lottie-player {
    max-height: 640px;
  }
}
.HeroHeading.HeroHeading--desktopAlignment-left .HeroHeading__Actions {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--desktopAlignment-left .HeroHeading__Content .aem-Grid {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}
.HeroHeading.HeroHeading--desktopAlignment-center .HeroHeading__Actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--desktopAlignment-center .HeroHeading__Content .aem-Grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--mobileAlignment-left .HeroHeading__Actions {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--mobileAlignment-left .HeroHeading__Content .aem-Grid {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--mobileAlignment-center .HeroHeading__Actions {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--mobileAlignment-center .HeroHeading__Content .aem-Grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.HeroHeading.HeroHeading--videoAlignment-center .HeroHeading__Video video {
  -o-object-position: center center;
     object-position: center center;
}
.HeroHeading.HeroHeading--videoAlignment-two-thirds .HeroHeading__Video video {
  -o-object-position: center center;
     object-position: center center;
}
@media only screen and (min-width: 768px) {
  .HeroHeading.HeroHeading--videoAlignment-two-thirds .HeroHeading__Video video {
    -o-object-position: 66% center;
       object-position: 66% center;
  }
}
.HeroHeading.HeroHeading--disableImageGradient-on .HeroHeading__MediaWrapper::before {
  display: none !important;
}
@media only screen and (min-width: 993px) {
  .HeroHeading.HeroHeading--size-large .HeroHeading__Content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading.HeroHeading--size-large.HeroHeading--desktopAlignment-left .HeroHeading__Content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .HeroHeading.HeroHeading--size-large.HeroHeading--desktopAlignment-left .HeroHeading__Content .wrapper {
    padding-left: 112px;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading.HeroHeading--size-large.HeroHeading--desktopAlignment-left .HeroHeading__MediaWrapper picture {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading.HeroHeading--size-large.HeroHeading--desktopAlignment-left .HeroHeading__MediaWrapper picture img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading.HeroHeading--size-small .HeroHeading__Content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__MediaWrapper {
    position: inherit !important;
  }
}
.HeroHeading .HeroHeading__MediaWrapper {
  text-align: right;
  overflow: hidden;
  position: absolute;
}
.HeroHeading .HeroHeading__MediaWrapper .HeroHeading__FullPicture {
  display: block;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__MediaWrapper .HeroHeading__FullPicture.HeroHeading__FullPicture--show-fullwidth-mobile img {
    max-height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__MediaWrapper .HeroHeading__FullPicture.HeroHeading__FullPicture--show-mobile img {
    width: auto;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading .HeroHeading__MediaWrapper .HeroHeading__FullPicture img {
    -o-object-position: top;
       object-position: top;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__MediaWrapper {
    padding-bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__MediaWrapper {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__MediaWrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 66.6666666667%;
    z-index: 1;
    opacity: 0.5;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Gradient {
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Gradient::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 240px;
  }
}
.HeroHeading .HeroHeading__Picture {
  display: none;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__Picture.HeroHeading__Picture--show-mobile {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Picture.HeroHeading__Picture--show-desktop {
    display: block;
  }
}
.HeroHeading .HeroHeading__Picture img {
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 9/16;
  -o-object-position: center center;
     object-position: center center;
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Picture img {
    aspect-ratio: 0/9;
  }
}
.HeroHeading .HeroHeading__Lottie lottie-player {
  margin: 0;
}
.HeroHeading .HeroHeading__Video {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: none;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__Video.HeroHeading__Video--show-mobile {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Video.HeroHeading__Video--show-desktop {
    display: block;
  }
}
.HeroHeading .HeroHeading__Video video {
  width: 100%;
  height: 100%;
  border: 0 none;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 9/16;
  -o-object-position: center center;
     object-position: center center;
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Video video {
    aspect-ratio: 16/9;
  }
}
.HeroHeading .HeroHeading__ContentWrapper {
  position: relative;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__ContentWrapper {
    padding-bottom: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}
.HeroHeading .HeroHeading__Content {
  width: 100%;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__Content {
    text-align: center;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Content {
    padding: 84px 20px 100px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading .HeroHeading__Content {
    padding: 84px 20px 128px;
  }
}
.HeroHeading .HeroHeading__Content .wrapper {
  width: 100%;
}
.HeroHeading .HeroHeading__Heading {
  color: #191919;
  font-weight: 500;
  position: relative;
  font-family: Newsreader, "sans-serif";
  font-size: 48px;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__Heading {
    font-size: 32px;
    line-height: 48px;
  }
}
.HeroHeading .HeroHeading__Heading > span {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__Heading::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -20px;
    right: -20px;
    width: calc(100% + 40px);
    z-index: 1;
    height: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeading .HeroHeading__Heading strong {
    font-weight: 600;
  }
}
.HeroHeading .HeroHeading__SubHeading {
  color: #333333;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 34px;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__SubHeading {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .HeroHeading .HeroHeading__SubHeading {
    font-size: 20px;
    line-height: 28px;
  }
}
.HeroHeading .HeroHeading__Actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  .HeroHeading .HeroHeading__Actions {
    margin-top: 40px;
    gap: 24px;
    padding: 0;
  }
}
.HeroHeading .HeroHeading__Subtext {
  color: #000000;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  padding-top: 16px;
}
@media only screen and (min-width: 993px) {
  .HeroHeading .HeroHeading__Subtext {
    font-size: 18px;
    line-height: 32px;
  }
}

.fullWidthWrapper .fullWidthImageWrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(#164A9A), color-stop(70%, #164A9A), color-stop(30%, #0B3460), to(#0B3460));
  background: linear-gradient(to bottom, #164A9A 0%, #164A9A 70%, #0B3460 30%, #0B3460 100%);
}
@media only screen and (max-width: 767px) {
  .fullWidthWrapper .fullWidthImageWrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#164A9A), color-stop(45%, #164A9A), color-stop(40%, #0B3460), to(#0B3460));
    background: linear-gradient(to bottom, #164A9A 0%, #164A9A 45%, #0B3460 40%, #0B3460 100%);
  }
}
.fullWidthWrapper .fullWidthImageWrapper .HeroHeading__Heading, .fullWidthWrapper .fullWidthImageWrapper .HeroHeading__SubHeading {
  color: #FFF !important;
}

.mobilefullwidthwrapper {
  margin-top: 0px !important;
}

.mobilefullwidth {
  width: 100% !important;
}

.HeroHeadingText {
  text-align: center;
  position: relative;
  color: #000000;
  z-index: 2;
}
.HeroHeadingText--theme-blue .HeroHeadingText__Wrapper {
  background-color: #010034;
}
.HeroHeadingText--theme-red .HeroHeadingText__Wrapper {
  background-color: #28020b;
}
.HeroHeadingText--theme-green .HeroHeadingText__Wrapper {
  background-color: #121911;
}
.HeroHeadingText--theme-grey .HeroHeadingText__Wrapper {
  padding-bottom: 170px;
  background-color: #172122;
}
@media only screen and (min-width: 993px) {
  .HeroHeadingText--theme-grey .HeroHeadingText__Wrapper {
    padding-bottom: 180px;
  }
}
.HeroHeadingText--theme-grey .HeroHeadingText__Content {
  background: -webkit-gradient(linear, left top, left bottom, from(#b6cad2), to(#ffffff));
  background: linear-gradient(180deg, #b6cad2 0%, #ffffff 100%);
}
@media only screen and (min-width: 993px) {
  .HeroHeadingText--theme-grey .HeroHeadingText__Content {
    max-width: 1022px;
  }
}
.HeroHeadingText .HeroHeadingText__Wrapper {
  padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  .HeroHeadingText .HeroHeadingText__Wrapper {
    padding-bottom: 80px;
  }
}
.HeroHeadingText .HeroHeadingTxt__Section {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.HeroHeadingText .HeroHeadingText__Content {
  margin: 0 auto;
  /* HEADING 489 */
  -webkit-background-clip: text;
  background-clip: text;
  padding: 32px 0;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
@media only screen and (max-width: 767px) {
  .HeroHeadingText .HeroHeadingText__Content {
    margin: 0 16px;
    text-align: center;
  }
}
@media only screen and (min-width: 993px) {
  .HeroHeadingText .HeroHeadingText__Content {
    padding: 64px 0;
  }
}
.HeroHeadingText .HeroHeadingText__Content h2 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
}
@media only screen and (min-width: 993px) {
  .HeroHeadingText .HeroHeadingText__Content h2 {
    padding: 0 10px;
    font-size: 32px;
    line-height: 40px;
  }
}

@font-face {
  font-family: "iconfont";
  src: url("clientlib-site/css/resources/fonts/iconfont/iconfont.eot?t=1689723188862"); /* IE9*/
  src: url("clientlib-site/css/resources/fonts/iconfont/iconfont.eot?t=1689723188862#iefix") format("embedded-opentype"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.woff2?t=1689723188862") format("woff2"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.woff?t=1689723188862") format("woff"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.ttf?t=1689723188862") format("truetype"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.svg?t=1689723188862#iconfont") format("svg"); /* iOS 4.1- */
}
[class^=iconfont-], [class*=" iconfont-"] {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-alert-circle:before {
  content: "\ea01";
}

.iconfont-alert-tick:before {
  content: "\ea02";
}

.iconfont-alert:before {
  content: "\ea03";
}

.iconfont-arrow-left:before {
  content: "\ea04";
}

.iconfont-arrow-right-short:before {
  content: "\ea05";
}

.iconfont-arrow-right:before {
  content: "\ea06";
}

.iconfont-arrow-up:before {
  content: "\ea07";
}

.iconfont-chat:before {
  content: "\ea08";
}

.iconfont-chevron-down:before, .iconfont-chevron-down-right:before {
  content: "\ea09";
}

.iconfont-close:before {
  content: "\ea0a";
}

.iconfont-email-circle:before {
  content: "\ea0b";
}

.iconfont-email:before {
  content: "\ea0c";
}

.iconfont-facebook-logo:before {
  content: "\ea0d";
}

.iconfont-facebook:before {
  content: "\ea0e";
}

.iconfont-indicator:before {
  content: "\ea0f";
}

.iconfont-linkedIn:before {
  content: "\ea10";
}

.iconfont-linkedin-circle:before {
  content: "\ea11";
}

.iconfont-linkedin-logo:before {
  content: "\ea12";
}

.iconfont-message:before {
  content: "\ea13";
}

.iconfont-minus-circle:before {
  content: "\ea14";
}

.iconfont-minus:before {
  content: "\ea15";
}

.iconfont-pdf:before {
  content: "\ea16";
}

.iconfont-phone-circle:before {
  content: "\ea17";
}

.iconfont-phone:before {
  content: "\ea18";
}

.iconfont-plus-circle:before {
  content: "\ea19";
}

.iconfont-plus:before {
  content: "\ea1a";
}

.iconfont-search:before {
  content: "\ea1b";
}

.iconfont-tick:before {
  content: "\ea1c";
}

.iconfont-timer:before {
  content: "\ea1d";
}

.iconfont-twitter-logo:before {
  content: "\ea1e";
}

.iconfont-twitter:before {
  content: "\ea1f";
}

.iconfont-youtube:before {
  content: "\ea20";
}

@font-face {
  font-family: "iconfont";
  src: url("clientlib-site/css/resources/fonts/iconfont/iconfont.eot?t=1689723188862"); /* IE9*/
  src: url("clientlib-site/css/resources/fonts/iconfont/iconfont.eot?t=1689723188862#iefix") format("embedded-opentype"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.woff2?t=1689723188862") format("woff2"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.woff?t=1689723188862") format("woff"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.ttf?t=1689723188862") format("truetype"), url("clientlib-site/css/resources/fonts/iconfont/iconfont.svg?t=1689723188862#iconfont") format("svg"); /* iOS 4.1- */
}
[class^=iconfont-], [class*=" iconfont-"] {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-alert-circle:before {
  content: "\ea01";
}

.iconfont-alert-tick:before {
  content: "\ea02";
}

.iconfont-alert:before {
  content: "\ea03";
}

.iconfont-arrow-left:before {
  content: "\ea04";
}

.iconfont-arrow-right-short:before {
  content: "\ea05";
}

.iconfont-arrow-right:before {
  content: "\ea06";
}

.iconfont-arrow-up:before {
  content: "\ea07";
}

.iconfont-chat:before {
  content: "\ea08";
}

.iconfont-chevron-down:before, .iconfont-chevron-down-right:before {
  content: "\ea09";
}

.iconfont-close:before {
  content: "\ea0a";
}

.iconfont-email-circle:before {
  content: "\ea0b";
}

.iconfont-email:before {
  content: "\ea0c";
}

.iconfont-facebook-logo:before {
  content: "\ea0d";
}

.iconfont-facebook:before {
  content: "\ea0e";
}

.iconfont-indicator:before {
  content: "\ea0f";
}

.iconfont-linkedIn:before {
  content: "\ea10";
}

.iconfont-linkedin-circle:before {
  content: "\ea11";
}

.iconfont-linkedin-logo:before {
  content: "\ea12";
}

.iconfont-message:before {
  content: "\ea13";
}

.iconfont-minus-circle:before {
  content: "\ea14";
}

.iconfont-minus:before {
  content: "\ea15";
}

.iconfont-pdf:before {
  content: "\ea16";
}

.iconfont-phone-circle:before {
  content: "\ea17";
}

.iconfont-phone:before {
  content: "\ea18";
}

.iconfont-plus-circle:before {
  content: "\ea19";
}

.iconfont-plus:before {
  content: "\ea1a";
}

.iconfont-search:before {
  content: "\ea1b";
}

.iconfont-tick:before {
  content: "\ea1c";
}

.iconfont-timer:before {
  content: "\ea1d";
}

.iconfont-twitter-logo:before {
  content: "\ea1e";
}

.iconfont-twitter:before {
  content: "\ea1f";
}

.iconfont-youtube:before {
  content: "\ea20";
}

[class^=iconfont-] {
  display: block;
}

.IconRow {
  margin-bottom: 24px;
}
.IconRow__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.IconRow__Icon {
  width: 23px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.IconRow__Icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.IconRow__Body {
  line-height: 32px;
  font-size: 18px;
}

.iFrameWrapper {
  margin-bottom: 30px;
}
.iFrameWrapper iframe {
  border: none;
  padding: 0;
  margin: 0;
}
.iFrameWrapper.iFrameWrapper--responsive {
  position: relative;
  height: 0;
}
.iFrameWrapper.iFrameWrapper--responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.Image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Image.Image--desktop-crop-none.Image--desktop-size-fill .Image__Image,
.Image.Image--desktop-crop-none.Image--desktop-size-fill .Image__Image picture,
.Image.Image--desktop-crop-none.Image--desktop-size-fill .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-size-fill .Image__Image,
.Image.Image--desktop-crop-ratio.Image--desktop-size-fill .Image__Image picture,
.Image.Image--desktop-crop-ratio.Image--desktop-size-fill .Image__Image picture img {
  width: 100%;
}
.Image.Image--desktop-crop-fixed .Image__Image picture img, .Image.Image--desktop-crop-ratio .Image__Image picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-topLeft .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-topLeft .Image__Image picture img {
  -o-object-position: top left;
     object-position: top left;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-topCenter .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-topCenter .Image__Image picture img {
  -o-object-position: top center;
     object-position: top center;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-topRight .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-topRight .Image__Image picture img {
  -o-object-position: top right;
     object-position: top right;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-centerLeft .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-centerLeft .Image__Image picture img {
  -o-object-position: center left;
     object-position: center left;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-center .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-center .Image__Image picture img {
  -o-object-position: center center;
     object-position: center center;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-centerRight .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-centerRight .Image__Image picture img {
  -o-object-position: center right;
     object-position: center right;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-bottomLeft .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-bottomLeft .Image__Image picture img {
  -o-object-position: bottom left;
     object-position: bottom left;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-bottomCenter .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-bottomCenter .Image__Image picture img {
  -o-object-position: bottom center;
     object-position: bottom center;
}
.Image.Image--desktop-crop-fixed.Image--desktop-focal-point-bottomRight .Image__Image picture img, .Image.Image--desktop-crop-ratio.Image--desktop-focal-point-bottomRight .Image__Image picture img {
  -o-object-position: bottom right;
     object-position: bottom right;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-1 .Image__Image picture {
  width: 16px;
  height: 16px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-2 .Image__Image picture {
  width: 24px;
  height: 24px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-3 .Image__Image picture {
  width: 32px;
  height: 32px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-4 .Image__Image picture {
  width: 48px;
  height: 48px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-5 .Image__Image picture {
  width: 80px;
  height: 80px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-6 .Image__Image picture {
  width: 160px;
  height: 160px;
}
.Image.Image--desktop-crop-fixed.Image--desktop-fixed-size-custom .Image__Image picture {
  width: var(--desktop-fixed-size-width);
  height: var(--desktop-fixed-size-height);
}
.Image.Image--desktop-crop-ratio.Image--desktop-image-ratio-1by1 .Image__Image picture {
  aspect-ratio: 1/1;
}
.Image.Image--desktop-crop-ratio.Image--desktop-image-ratio-4by3 .Image__Image picture {
  aspect-ratio: 4/3;
}
.Image.Image--desktop-crop-ratio.Image--desktop-image-ratio-2by3 .Image__Image picture {
  aspect-ratio: 2/3;
}
.Image.Image--desktop-crop-ratio.Image--desktop-image-ratio-16by9 .Image__Image picture {
  aspect-ratio: 16/9;
}
.Image.Image--desktop-position-rightTop .Image__Parsys, .Image.Image--desktop-position-rightCenter .Image__Parsys, .Image.Image--desktop-position-rightBottom .Image__Parsys, .Image.Image--desktop-position-bottomLeft .Image__Parsys, .Image.Image--desktop-position-bottomCenter .Image__Parsys, .Image.Image--desktop-position-bottomRight .Image__Parsys {
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
}
.Image.Image--desktop-position-rightTop .Image__Spacer, .Image.Image--desktop-position-rightCenter .Image__Spacer, .Image.Image--desktop-position-rightBottom .Image__Spacer, .Image.Image--desktop-position-bottomLeft .Image__Spacer, .Image.Image--desktop-position-bottomCenter .Image__Spacer, .Image.Image--desktop-position-bottomRight .Image__Spacer {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.Image.Image--desktop-position-topLeft .Image__Parsys, .Image.Image--desktop-position-topCenter .Image__Parsys, .Image.Image--desktop-position-topRight .Image__Parsys, .Image.Image--desktop-position-bottomLeft .Image__Parsys, .Image.Image--desktop-position-bottomCenter .Image__Parsys, .Image.Image--desktop-position-bottomRight .Image__Parsys {
  width: 100%;
}
.Image.Image--desktop-position-topLeft, .Image.Image--desktop-position-topCenter, .Image.Image--desktop-position-topRight {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Image.Image--desktop-position-bottomLeft, .Image.Image--desktop-position-bottomCenter, .Image.Image--desktop-position-bottomRight {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Image.Image--desktop-position-rightTop, .Image.Image--desktop-position-rightCenter, .Image.Image--desktop-position-rightBottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.Image.Image--desktop-position-leftTop, .Image.Image--desktop-position-leftCenter, .Image.Image--desktop-position-leftBottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.Image.Image--desktop-position-topLeft, .Image.Image--desktop-position-bottomLeft, .Image.Image--desktop-position-rightTop, .Image.Image--desktop-position-leftTop {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Image.Image--desktop-position-topCenter, .Image.Image--desktop-position-bottomCenter, .Image.Image--desktop-position-rightCenter, .Image.Image--desktop-position-leftCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Image.Image--desktop-position-topRight, .Image.Image--desktop-position-bottomRight, .Image.Image--desktop-position-rightBottom, .Image.Image--desktop-position-leftBottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Image.Image--desktop-corner-crop-1 .Image__Image picture {
  border-radius: 8px;
}
.Image.Image--desktop-corner-crop-2 .Image__Image picture {
  border-radius: 16px;
}
.Image.Image--desktop-corner-crop-3 .Image__Image picture {
  border-radius: 24px;
}
@media only screen and (max-width: 992px) {
  .Image.Image--mobile-crop-none.Image--desktop-crop-ratio .Image__Image picture, .Image.Image--mobile-crop-fixed.Image--desktop-crop-ratio .Image__Image picture {
    aspect-ratio: inherit;
  }
  .Image.Image--mobile-crop-none.Image--desktop-crop-fixed .Image__Image picture, .Image.Image--mobile-crop-ratio.Image--desktop-crop-fixed .Image__Image picture {
    width: auto;
    height: auto;
  }
  .Image.Image--mobile-crop-none.Image--mobile-size-fill .Image__Image,
  .Image.Image--mobile-crop-none.Image--mobile-size-fill .Image__Image picture,
  .Image.Image--mobile-crop-none.Image--mobile-size-fill .Image__Image picture img, .Image.Image--mobile-crop-ratio.Image--mobile-size-fill .Image__Image,
  .Image.Image--mobile-crop-ratio.Image--mobile-size-fill .Image__Image picture,
  .Image.Image--mobile-crop-ratio.Image--mobile-size-fill .Image__Image picture img {
    width: 100%;
  }
  .Image.Image--mobile-crop-fixed .Image__Image picture img, .Image.Image--mobile-crop-ratio .Image__Image picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-1 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-1 .Image__Image picture {
    width: 16px;
    height: 16px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-2 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-2 .Image__Image picture {
    width: 24px;
    height: 24px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-3 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-3 .Image__Image picture {
    width: 32px;
    height: 32px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-4 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-4 .Image__Image picture {
    width: 48px;
    height: 48px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-5 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-5 .Image__Image picture {
    width: 80px;
    height: 80px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-6 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-6 .Image__Image picture {
    width: 160px;
    height: 160px;
  }
  .Image.Image--mobile-crop-fixed.Image--mobile-fixed-size-custom .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-fixed-size-custom .Image__Image picture {
    width: var(--mobile-fixed-size-width);
    height: var(--mobile-fixed-size-height);
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-image-ratio-1by1 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-image-ratio-1by1 .Image__Image picture {
    aspect-ratio: 1/1;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-image-ratio-4by3 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-image-ratio-4by3 .Image__Image picture {
    aspect-ratio: 4/3;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-image-ratio-2by3 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-image-ratio-2by3 .Image__Image picture {
    aspect-ratio: 2/3;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-image-ratio-16by9 .Image__Image picture, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-image-ratio-16by9 .Image__Image picture {
    aspect-ratio: 16/9;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-topLeft .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-topLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-topLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-topLeft .Image__Image picture img {
    -o-object-position: top left;
       object-position: top left;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-topCenter .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-topCenter .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-topCenter .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-topCenter .Image__Image picture img {
    -o-object-position: top center;
       object-position: top center;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-topRight .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-topRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-topRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-topRight .Image__Image picture img {
    -o-object-position: top right;
       object-position: top right;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-centerLeft .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-centerLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-centerLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-centerLeft .Image__Image picture img {
    -o-object-position: center left;
       object-position: center left;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-center .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-center .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-center .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-center .Image__Image picture img {
    -o-object-position: center center;
       object-position: center center;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-centerRight .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-centerRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-centerRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-centerRight .Image__Image picture img {
    -o-object-position: center right;
       object-position: center right;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-bottomLeft .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-bottomLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-bottomLeft .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-bottomLeft .Image__Image picture img {
    -o-object-position: bottom left;
       object-position: bottom left;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-bottomCenter .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-bottomCenter .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-bottomCenter .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-bottomCenter .Image__Image picture img {
    -o-object-position: bottom center;
       object-position: bottom center;
  }
  .Image.Image--mobile-crop-ratio.Image--mobile-focal-point-bottomRight .Image__Image picture img, .Image.Image--mobile-crop-fixed.Image--mobile-focal-point-bottomRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-ratio.Image--mobile-focal-point-bottomRight .Image__Image picture img, .Image.Image--mobile-crop-inherit.Image--desktop-crop-fixed.Image--mobile-focal-point-bottomRight .Image__Image picture img {
    -o-object-position: bottom right;
       object-position: bottom right;
  }
  .Image.Image--mobile-position-rightTop .Image__Parsys, .Image.Image--mobile-position-rightCenter .Image__Parsys, .Image.Image--mobile-position-rightBottom .Image__Parsys, .Image.Image--mobile-position-bottomLeft .Image__Parsys, .Image.Image--mobile-position-bottomCenter .Image__Parsys, .Image.Image--mobile-position-bottomRight .Image__Parsys {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .Image.Image--mobile-position-rightTop .Image__Spacer, .Image.Image--mobile-position-rightCenter .Image__Spacer, .Image.Image--mobile-position-rightBottom .Image__Spacer, .Image.Image--mobile-position-bottomLeft .Image__Spacer, .Image.Image--mobile-position-bottomCenter .Image__Spacer, .Image.Image--mobile-position-bottomRight .Image__Spacer {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .Image.Image--mobile-position-topLeft .Image__Parsys, .Image.Image--mobile-position-topCenter .Image__Parsys, .Image.Image--mobile-position-topRight .Image__Parsys, .Image.Image--mobile-position-bottomLeft .Image__Parsys, .Image.Image--mobile-position-bottomCenter .Image__Parsys, .Image.Image--mobile-position-bottomRight .Image__Parsys {
    width: 100%;
  }
  .Image.Image--mobile-position-topLeft, .Image.Image--mobile-position-topCenter, .Image.Image--mobile-position-topRight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Image.Image--mobile-position-bottomLeft, .Image.Image--mobile-position-bottomCenter, .Image.Image--mobile-position-bottomRight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .Image.Image--mobile-position-rightTop, .Image.Image--mobile-position-rightCenter, .Image.Image--mobile-position-rightBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Image.Image--mobile-position-leftTop, .Image.Image--mobile-position-leftCenter, .Image.Image--mobile-position-leftBottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .Image.Image--mobile-position-topLeft, .Image.Image--mobile-position-bottomLeft, .Image.Image--mobile-position-rightTop, .Image.Image--mobile-position-leftTop {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .Image.Image--mobile-position-topCenter, .Image.Image--mobile-position-bottomCenter, .Image.Image--mobile-position-rightCenter, .Image.Image--mobile-position-leftCenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .Image.Image--mobile-position-topRight, .Image.Image--mobile-position-bottomRight, .Image.Image--mobile-position-rightBottom, .Image.Image--mobile-position-leftBottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .Image.Image--mobile-corner-crop-off .Image__Image {
    border-radius: 0px;
  }
  .Image.Image--mobile-corner-crop-1 .Image__Image {
    border-radius: 8px;
  }
  .Image.Image--mobile-corner-crop-2 .Image__Image {
    border-radius: 16px;
  }
  .Image.Image--mobile-corner-crop-3 .Image__Image {
    border-radius: 24px;
  }
}
.Image .Image__Spacer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.Image .Image__Image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 100%;
  overflow: hidden;
}
.Image .Image__Image figure {
  margin: 0;
  padding: 0;
}
.Image .Image__Image figure > a {
  display: block;
}
.Image .Image__Image picture {
  display: block;
  overflow: hidden;
}
.Image .Image__Image picture img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.Image .Image__Parsys {
  -webkit-box-flex: 1;
      -ms-flex: 1 1000 auto;
          flex: 1 1000 auto;
}

.ImageAndText__Container {
  padding: 60px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ImageAndText__Container {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ImageAndText--position-image_right .ImageAndText__Container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ImageAndText__Image, .ImageAndText__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  .ImageAndText__Image, .ImageAndText__Content {
    width: 60%;
  }
}
.ImageAndText__Image {
  margin: 30px 0;
}
.ImageAndText__Image img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 347px;
  height: 347px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ImageAndText__ContentInner {
  max-width: 520px;
}
.ImageAndText__Content .Button {
  margin-top: 30px;
}
.ImageAndText__Content .h2 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .ImageAndText__ContentInner {
    margin-top: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1180px) {
  .ImageAndText__Content {
    padding-left: 40px !important;
  }
}
.ImageIcon--size-xl {
  width: 160px;
  height: 160px;
}

.ImageIcon--size-lg {
  width: 80px;
  height: 80px;
}

.ImageIcon--size-md {
  width: 48px;
  height: 48px;
}

.ImageIcon--size-sm {
  width: 24px;
  height: 24px;
}

.ImageIcon--size-xs {
  width: 16px;
  height: 16px;
}

.InfographicWheel {
  padding: 20px 5px;
  position: relative;
  z-index: 20;
  text-align: center;
}
.InfographicWheel__Hero {
  position: relative;
  margin: 0 auto;
  width: 300px;
  height: 300px;
  text-align: center;
  background: #ffffff;
  /* CFS - Concept Colours/CFS Line & Button stroke */
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
  border-radius: 50% 50%;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.InfographicWheel__Heading {
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #164a9a;
}
.InfographicWheel__Subheading {
  font-size: 16px;
}
.InfographicWheel__HeroContent {
  position: relative;
  z-index: 2;
}
.InfographicWheel__ItemTitle {
  font-size: 18px;
  line-height: 150%;
  font-weight: bold;
  color: #164a9a;
}
.InfographicWheel__Items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-top: 100px;
}
.InfographicWheel__Items::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  border: 1px dashed #bdd0f1;
}
.InfographicWheel__Item {
  width: 50%;
  background: none;
  border: none;
}
.InfographicWheel__Item:nth-child(2n) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.InfographicWheel__ItemImage {
  max-width: 100%;
}
.InfographicWheel__ItemContent {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #545454;
}
.InfographicWheel__ItemLink {
  display: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #007bc2;
  text-decoration: underline;
}
.InfographicWheel__ItemLink:hover, .InfographicWheel__ItemLink:focus {
  color: #164a9a;
}
.InfographicWheel__ItemPanel {
  z-index: 10;
  /* Modal */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
}
.InfographicWheel__Modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.InfographicWheel__Modal--open {
  opacity: 1;
  pointer-events: all;
}
.InfographicWheel__Modal .InfographicWheel__ItemPanel {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 24px;
  display: flex;
  position: fixed;
  width: 100%;
  top: 50%;
  max-width: 280px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.InfographicWheel__Modal .InfographicWheel__ItemContent,
.InfographicWheel__Modal .InfographicWheel__ItemLink {
  display: block;
  opacity: 1;
  text-align: left;
}
.InfographicWheel__Modal .InfographicWheel__ModalClose {
  display: block;
  position: absolute;
  top: -12px;
  right: -12px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.InfographicWheel__Modal .InfographicWheel__ModalClose:hover, .InfographicWheel__Modal .InfographicWheel__ModalClose:active, .InfographicWheel__Modal .InfographicWheel__ModalClose:focus {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.InfographicWheel__CircleArc {
  display: none;
}
.InfographicWheel__Disclaimer {
  text-align: center;
  padding: 30px 15px 0;
}
@media only screen and (min-width: 768px) {
  .InfographicWheel__ItemImage {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemTitle, .InfographicWheel__Item:focus .InfographicWheel__ItemTitle {
    text-decoration: underline;
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemImage, .InfographicWheel__Item:focus .InfographicWheel__ItemImage {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media only screen and (min-width: 993px) {
  .InfographicWheel {
    padding: 240px 20px;
  }
  .InfographicWheel__Hero {
    width: 404px;
    height: 404px;
    padding: 50px;
  }
  .InfographicWheel__CircleArc {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }
  .InfographicWheel__CircleArc--active {
    opacity: 1;
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
  .InfographicWheel__CircleArc circle {
    fill: transparent;
    stroke: #ff7d32;
    stroke-width: 4;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.75s;
    transition: -webkit-transform 0.75s;
    transition: transform 0.75s;
    transition: transform 0.75s, -webkit-transform 0.75s;
  }
  .InfographicWheel__Heading {
    font-size: 40px;
    line-height: 48px;
  }
  .InfographicWheel__ItemPanel {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
    padding: 24px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .InfographicWheel__ItemsWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .InfographicWheel__ItemsWrapper::after, .InfographicWheel__ItemsWrapper::before {
    content: "";
    display: block;
  }
  .InfographicWheel__ItemsWrapper::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px dashed #bdd0f1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .InfographicWheel__Items {
    padding-top: 0;
    display: block;
    width: 576px;
    height: 576px;
  }
  .InfographicWheel__Items::before {
    content: unset;
    display: none;
  }
  .InfographicWheel__Item {
    cursor: pointer;
    position: absolute;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .InfographicWheel__Item--top .InfographicWheel__ItemPanel {
    left: 0;
    top: -40px;
    text-align: center;
  }
  .InfographicWheel__Item--right .InfographicWheel__ItemTitle {
    width: 100px;
  }
  .InfographicWheel__Item--right .InfographicWheel__ItemPanel {
    left: 100%;
    top: 25px;
    margin-left: -3px;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .InfographicWheel__Item--left .InfographicWheel__ItemTitle {
    width: 100px;
  }
  .InfographicWheel__Item--left .InfographicWheel__ItemPanel {
    right: 100%;
    top: 30px;
    margin-right: -3px;
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .InfographicWheel__Item--bottom .InfographicWheel__ItemPanel {
    left: -10px;
    top: 85%;
    text-align: left;
  }
  .InfographicWheel__Item:hover, .InfographicWheel__Item:focus {
    z-index: 2;
  }
}
@media only screen and (min-width: 1400px) {
  .InfographicWheel__Modal {
    display: none;
  }
  .InfographicWheel__ItemContent {
    display: block;
  }
  .InfographicWheel__ItemPanel {
    min-height: 200px;
    min-width: 280px;
  }
  .InfographicWheel__Item:hover, .InfographicWheel__Item:active, .InfographicWheel__Item:focus {
    z-index: 2;
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemPanel, .InfographicWheel__Item:active .InfographicWheel__ItemPanel, .InfographicWheel__Item:focus .InfographicWheel__ItemPanel {
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemTitle, .InfographicWheel__Item:active .InfographicWheel__ItemTitle, .InfographicWheel__Item:focus .InfographicWheel__ItemTitle {
    text-decoration: underline;
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemImage, .InfographicWheel__Item:active .InfographicWheel__ItemImage, .InfographicWheel__Item:focus .InfographicWheel__ItemImage {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .InfographicWheel__Item:hover .InfographicWheel__ItemContent,
  .InfographicWheel__Item:hover .InfographicWheel__ItemLink, .InfographicWheel__Item:active .InfographicWheel__ItemContent,
  .InfographicWheel__Item:active .InfographicWheel__ItemLink, .InfographicWheel__Item:focus .InfographicWheel__ItemContent,
  .InfographicWheel__Item:focus .InfographicWheel__ItemLink {
    opacity: 1;
    display: block;
  }
}

.InPageBanner {
  position: relative;
}
.InPageBanner.InPageBanner--layout-standard .InPageBanner__Image {
  height: 432px;
  margin: 0 -16px 40px;
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__Image {
    height: 580px;
    border-radius: 16px;
    margin: 0;
  }
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__Heading, .InPageBanner.InPageBanner--layout-standard .InPageBanner__Heading > *, .InPageBanner.InPageBanner--layout-standard .InPageBanner__Heading > * > *,
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__SubHeading,
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__SubHeading > *,
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__SubHeading > * > * {
    color: #ffffff !important;
  }
}
@media only screen and (max-width: 992px) {
  .InPageBanner.InPageBanner--layout-standard .InPageBanner__ContentWrapper, .InPageBanner.InPageBanner--layout-fullWidth .InPageBanner__ContentWrapper {
    padding: 0 16px 40px;
  }
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--layout-fullWidth .InPageBanner__ContentWrapper, .InPageBanner.InPageBanner--layout-card .InPageBanner__ContentWrapper {
    background: #ffffff;
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 60px 40px;
  }
}
.InPageBanner.InPageBanner--layout-fullWidth .InPageBanner__Image {
  height: 432px;
  margin: 0 -16px 40px;
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--layout-fullWidth .InPageBanner__Image {
    height: 640px;
    margin: 0;
  }
}
@media only screen and (max-width: 992px) {
  .InPageBanner.InPageBanner--layout-card {
    border-radius: 16px;
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
}
@media only screen and (max-width: 992px) {
  .InPageBanner.InPageBanner--layout-card .InPageBanner__ContentWrapper {
    padding: 32px 24px;
  }
}
.InPageBanner.InPageBanner--layout-card .InPageBanner__Image {
  height: 212px;
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--layout-card .InPageBanner__Image {
    border-radius: 16px;
    height: 680px;
  }
}
@media only screen and (min-width: 993px) {
  .InPageBanner.InPageBanner--contentAlignment-middle .InPageBanner__ContentWrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.InPageBanner .InPageBanner__Image {
  position: relative;
  overflow: hidden;
}
.InPageBanner .InPageBanner__Image picture {
  width: 100%;
  height: 100%;
}
.InPageBanner .InPageBanner__Image img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.InPageBanner .InPageBanner__Image .InPageBanner__ImageOverlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 993px) {
  .InPageBanner .InPageBanner__Content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
  }
}
.InPageBanner .InPageBanner__Content .InPageBanner__ContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
@media only screen and (max-width: 992px) {
  .InPageBanner .InPageBanner__Content .InPageBanner__Heading {
    text-align: center;
  }
}
@media only screen and (max-width: 992px) {
  .InPageBanner .InPageBanner__Content .InPageBanner__SubHeading {
    text-align: center;
  }
}
.InPageBanner .InPageBanner__Content .InPageBanner__Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (max-width: 992px) {
  .InPageBanner .InPageBanner__Content .InPageBanner__Buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.InputCheckbox label {
  position: relative;
  display: block;
  cursor: pointer;
}
.InputCheckbox label input {
  display: none;
}
.InputCheckbox label input:checked ~ .InputCheckbox__Checkbox {
  background-color: #000000;
  border-color: #000000;
}
.InputCheckbox label input:checked ~ .InputCheckbox__Checkbox .iconfont-tick {
  display: block;
}
.InputCheckbox label input:checked ~ .InputCheckbox__TextLabel {
  color: #333333;
}
.InputCheckbox label .InputCheckbox__Checkbox {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #000000;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2px;
}
.InputCheckbox label .InputCheckbox__Checkbox .iconfont-tick {
  font-size: 8px;
  color: #ffffff;
  display: none;
}
.InputCheckbox label .InputCheckbox__TextLabel {
  font-weight: 400;
  color: #333333;
  display: block;
  padding-left: 28px;
}

.LinkColumn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 120px 16px 160px;
  border-top: 8px;
  gap: 64px;
}
@media only screen and (max-width: 767px) {
  .LinkColumn {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.LinkColumn.LinkColumn--gradient-on::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(261.52deg, #d81421 0.52%, #772f5e 26.79%, #164a9a 105.61%);
}
.LinkColumn__Items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 1440px;
  gap: 40px;
}
@media only screen and (max-width: 992px) {
  .LinkColumn__Items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .LinkColumn__Heading {
    text-align: center;
  }
}

.LinkColumnItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.LinkColumnItem__Heading {
  color: #164a9a;
  font-weight: 600;
}
.LinkColumnItem__Content {
  color: #192b4b;
  max-width: 300px;
  text-align: center;
}
.LinkColumnItem__Content--mobile-hide {
  display: none;
}
@media only screen and (min-width: 993px) {
  .LinkColumnItem__Content {
    max-width: none;
  }
  .LinkColumnItem__Content--mobile-hide {
    display: block;
  }
}
.LinkColumnItem__Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.Modal .Modal__Container {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  mix-blend-mode: normal;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px !important;
}
.Modal .Modal__Container[data-is-visible=false] {
  display: none;
}
.Modal .Modal__Container .Modal__CloseButton {
  position: absolute;
  top: 21px;
  right: 17px;
  border: none;
  background: none;
  padding: 0 !important;
  cursor: pointer;
}
@media only screen and (min-width: 993px) {
  .Modal .Modal__Container .Modal__CloseButton {
    top: 34px;
    right: 29px;
  }
}
.Modal .Modal__Container .Modal__CloseButton .Modal__CloseButtonIcon {
  color: #164a9a;
  font-size: 24px;
  font-weight: 600;
}

body {
  padding: 0 !important;
}
body .page--edge iframe {
  max-width: 1010px;
}
body .page--edge .iFrameWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .page--edge .EdgeRegisterForm__FormTitle {
  max-width: 621px;
}
@media screen and (max-width: 768px) {
  body .page--edge .EdgeRegisterForm__FormTitle {
    font-size: 32px;
    line-height: 40px;
  }
}
body .page--edge .EdgeRegisterForm__Group {
  padding-bottom: 97px;
}
@media screen and (max-width: 768px) {
  body .page--edge .EdgeRegisterForm__Group {
    padding-bottom: 60px;
  }
}
body .page--edge .Disclaimer {
  background: #192b4b;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 80px 93.5px 80px 93.5px;
}
@media screen and (max-width: 768px) {
  body .page--edge .Disclaimer {
    padding: 80px 0;
  }
}
body .page--edge .Disclaimer__PanelBody {
  color: #ffffff;
}
body .page--edge .Disclaimer__PanelBody a {
  text-decoration: underline !important;
  color: #ffffff !important;
}
body .page--edge .Disclaimer__PanelInner .h4 {
  font-size: 16px;
}
body .page--edge .TextAndButtons {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #192b4b;
}
@media screen and (max-width: 768px) {
  body .page--edge .TextAndButtons {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
body .page--edge .TextAndButtons__Text {
  margin: 0;
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  body .page--edge .TextAndButtons__Text {
    margin-bottom: 26px;
    font-size: 32px;
    line-height: 40px;
  }
}
body .page--edge .Button.Button--theme-blue.Button--type-outline {
  border: none;
}

body {
  padding: 0 !important;
}
body .page--edge-product {
  background-color: #192b4b;
}
@media screen and (max-width: 768px) {
  body .page--edge-product .HeroHeading__SubHeading {
    font-size: 20px;
    line-height: 120%;
  }
}
body .page--edge-product .EdgeHeroHeadingText {
  display: none;
}
body .page--edge-product .EdgeHeroHeading__SubHeading {
  max-width: 1161px;
  width: 100%;
  line-height: 1.2em;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  body .page--edge-product .EdgeHeroHeading__SubHeading {
    margin-top: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  body .page--edge-product .HeroHeading__Content {
    margin-top: 150px;
  }
  body .page--edge-product .HeroHeading__Content .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--5 {
    width: 1161px;
  }
  body .page--edge-product .HeroHeading__Content .wrapper {
    margin-top: -150px;
  }
}
@media screen and (min-width: 1440px) {
  body .page--edge-product .HeroHeading__Content {
    margin-top: 250px;
  }
}
body .page--edge-product .HeroHeading__Content .Button:nth-of-type(2) {
  background-color: #192b4b;
}
body .page--edge-product .HeroHeading__Content .Button:nth-of-type(2):hover {
  background-color: #ffffff;
}
body .page--edge-product .EdgeHeroHeading--theme-blue {
  background: -webkit-gradient(linear, left top, left bottom, from(#06204e), color-stop(45.83%, #192b4b));
  background: linear-gradient(180deg, #06204e 0%, #192b4b 45.83%);
}
body .page--edge-product .EdgeHeroHeading--theme-blue::before {
  background: none;
}
body .page--edge-product .EdgeHeroHeading--theme-blue .EdgeHeroHeadingText__Wrapper {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 45, 78, 0)), to(#06204e));
  background: linear-gradient(180deg, rgba(6, 45, 78, 0) 0%, #06204e 100%);
}
body .page--edge-product .EdgeHeroHeading--theme-blue .EdgeHeroHeading__ContentWrapper {
  background: #06204e;
}
body .page--edge-product .EdgeHeroHeading--theme-blue .EdgeHeroHeading__Gradient::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 45, 78, 0)), to(#06204e));
  background: linear-gradient(180deg, rgba(6, 45, 78, 0) 0%, #06204e 100%);
}
@media screen and (min-width: 600px) and (max-width: 770px) {
  body .page--edge-product .EdgeHeroHeading--theme-blue .EdgeHeroHeading__Gradient img {
    max-height: 600px;
  }
}
body .page--edge-product .Video {
  padding-top: 0px;
  padding-bottom: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#06204e), color-stop(45.83%, #192b4b));
  background: linear-gradient(180deg, #06204e 0%, #192b4b 45.83%);
}
body .page--edge-product .Video__SectionHeading {
  display: none;
}
body .page--edge-product .Video__SectionSubHeading {
  display: none;
}
body .page--edge-product .ContactInfo__Content {
  text-align: center;
}
body .page--edge-product .ContactInfo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .page--edge-product .CardGroup {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  body .page--edge-product .CardGroup .wrapper {
    padding: 0 18px;
  }
  body .page--edge-product .CardGroup {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  body .page--edge-product .CardInfo__Heading {
    text-align: center;
  }
  body .page--edge-product .CardInfo__Content {
    justify-items: center;
    margin-bottom: 0px;
  }
  body .page--edge-product .CardInfo__Image {
    display: none;
  }
  body .page--edge-product .CardInfo__Container {
    padding: 50px 26px 62px 26px;
  }
  body .page--edge-product .Video {
    padding: 0 16px;
  }
  body .page--edge-product .Video__Content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding-top: 40px;
  }
  body .page--edge-product .Video__ContentHeading {
    text-align: center;
  }
  body .page--edge-product .Video__ContentBody {
    text-align: center;
    font-size: 18px !important;
    line-height: 32px !important;
  }
}
body .page--edge-product .videoAndText__Row1 {
  background: radial-gradient(74.79% 100% at 100% 100%, #1349a7 0%, #192b4b 99.68%);
}
body .page--edge-product .videoAndText__Row2 {
  background: radial-gradient(74.79% 100% at 100% 0%, #1349a7 0%, #192b4b 99.68%);
}
body .page--edge-product .EdgeRegisterForm__Heading {
  display: none;
}
body .page--edge-product .EdgeRegisterForm {
  margin-bottom: -350px;
  padding-left: 5.86%;
  padding-right: 5.86%;
  padding-top: 90px;
}
@media screen and (max-width: 768px) {
  body .page--edge-product .EdgeRegisterForm {
    margin-bottom: -270px;
    padding-left: unset;
    padding-right: unset;
    padding-top: 30px;
    background: none;
  }
}
body .page--edge-product .EdgeRegisterForm__Group {
  max-width: unset;
}
body .page--edge-product .EdgeRegisterForm__Group .disclaimer {
  display: none;
}
body .page--edge-product .CardGroup {
  padding-top: 300px;
}

body {
  padding: 0 !important;
}

.HeroHeading--home .HeroHeadingText__Wrapper {
  padding-bottom: 0px;
}

body {
  padding: 0 !important;
}

.page--join .Header::before {
  display: none !important;
}

body {
  padding: 0 !important;
}

body {
  padding: 0 !important;
}

body {
  padding: 0 !important;
}

.page--thrive .HeroHeadingText .HeroHeadingText__Wrapper {
  padding-bottom: 225px;
}

.Pagination.Pagination--type-numbered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
@media only screen and (max-width: 992px) {
  .Pagination.Pagination--type-numbered {
    row-gap: 24px;
  }
}
.Pagination.Pagination--type-numbered .Pagination__Numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
@media only screen and (max-width: 992px) {
  .Pagination.Pagination--type-numbered .Pagination__Numbers {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.Pagination.Pagination--type-numbered .Pagination__NumberItem {
  height: 48px;
  width: 48px;
  border: 2px solid #e5ecf9;
  color: #164a9a;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
}
.Pagination.Pagination--type-numbered .Pagination__NumberItem:not([disabled]) {
  cursor: pointer;
}
.Pagination.Pagination--type-numbered .Pagination__NumberItem.Pagination__NumberItem--active {
  border: 2px solid #164a9a;
  background: #164a9a;
  color: #ffffff;
}
.Pagination.Pagination--type-numbered .Pagination__Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 60px;
  border: 2px solid #164a9a;
  color: #164a9a;
  padding: 0 20px;
  background: transparent;
  gap: 12px;
}
.Pagination.Pagination--type-numbered .Pagination__Button:not([disabled]) {
  cursor: pointer;
}
.Pagination.Pagination--type-numbered .Pagination__Button[disabled] {
  border: 2px solid #e5ecf9;
}
.Pagination.Pagination--type-showMore .Pagination__ShowMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.PlatformUpdatesCard {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 100%;
  max-width: 409px;
  min-height: 280px;
  border-top: 8px solid #164a9a;
  -webkit-box-shadow: 0px 4.9701px 19.8804px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4.9701px 19.8804px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 32px 24px 24px;
}
@media only screen and (min-width: 993px) {
  .PlatformUpdatesCard {
    min-height: 320px;
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
  }
}
.PlatformUpdatesCard .PlatformUpdatesCard__Container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PlatformUpdatesCard .PlatformUpdatesCard__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7.95px;
}
.PlatformUpdatesCard .PlatformUpdatesCard__Content .PlatformUpdatesCard__Heading {
  color: #164a9a;
  font-size: 21.8684px;
  line-height: 32px;
  font-weight: 600;
}
.PlatformUpdatesCard .PlatformUpdatesCard__Content .PlatformUpdatesCard__ContentCopy {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #545454;
}
.PlatformUpdatesCard .PlatformUpdatesCard__Content .PlatformUpdatesCard__Date {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  color: #767676;
}

.PlatformUpdatesCardGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 129.5px 94px;
}
@media only screen and (max-width: 767px) {
  .PlatformUpdatesCardGroup {
    padding: 44px 18px 125px 18px;
    gap: 50px;
  }
}
.PlatformUpdatesCardGroup {
  gap: 40px;
  background: #ffffff;
}
.PlatformUpdatesCardGroup__Cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .PlatformUpdatesCardGroup__Cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}

.CardPromo__Content.inactive {
  display: none !important;
}
.CardPromo__Content .FP_Shimmer {
  width: 80%;
  background: linear-gradient(120deg, #ddd 8%, #eee 18%, #ddd 33%);
  margin: 16px 20px;
  -webkit-animation: shimmer 2s infinite linear;
          animation: shimmer 2s infinite linear;
}
.CardPromo__Content .FP_Shimmer.Shimmer__Header {
  height: 25px;
}
.CardPromo__Content .FP_Shimmer.Shimmer__Super {
  height: 35px;
}
.CardPromo__Content .FP_Shimmer.Shimmer_ContentCopy {
  height: 20px;
}
.CardPromo__Content .card__apir {
  font-size: 1.2rem !important;
  font-weight: 300 !important;
}

@-webkit-keyframes shimmer {
  from {
    -webkit-transform: translateX(-230%);
            transform: translateX(-230%);
  }
  to {
    -webkit-transform: translateX(230%);
            transform: translateX(230%);
  }
}

@keyframes shimmer {
  from {
    -webkit-transform: translateX(-230%);
            transform: translateX(-230%);
  }
  to {
    -webkit-transform: translateX(230%);
            transform: translateX(230%);
  }
}
.ProofpointGroup {
  padding: 80px 20px;
  background: #ffffff;
}
.ProofpointGroup--grey {
  background: #f7f7f7;
}
.ProofpointGroup__ContentWrapper {
  color: #545454;
  max-width: 980px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 993px) {
  .ProofpointGroup__ContentWrapper {
    margin-bottom: 80px;
  }
}
.ProofpointGroup__Preheading {
  font-size: 18px;
  line-height: 32px;
  color: #164a9a;
  font-weight: 600;
}
.ProofpointGroup__Heading {
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #164a9a;
}
.ProofpointGroup__Items {
  list-style: disc;
  padding-left: 1em;
}

.QuickLinks.QuickLinks--type-linkIcon, .QuickLinks.QuickLinks--type-linkIconCards {
  margin: 0 auto;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIcon.QuickLinks--alignment-left .QuickLinks__ItemList, .QuickLinks.QuickLinks--type-linkIconCards.QuickLinks--alignment-left .QuickLinks__ItemList {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIcon.QuickLinks--alignment-centre .QuickLinks__ItemList, .QuickLinks.QuickLinks--type-linkIconCards.QuickLinks--alignment-centre .QuickLinks__ItemList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.QuickLinks.QuickLinks--type-linkIcon .QuickLinks__Title, .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__Title {
  display: none !important;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIcon {
    max-width: 544px;
  }
}
@media only screen and (min-width: 1200px) {
  .QuickLinks.QuickLinks--type-linkIcon {
    max-width: 1125px;
  }
}
.QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList {
  gap: 16px;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList {
    gap: 32px;
  }
}
.QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
  gap: 24px;
}
.QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
  width: 60px;
  height: 60px;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
    width: 160px;
    height: 160px;
  }
}
.QuickLinks.QuickLinks--type-linkIcon .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLabel {
  text-decoration: underline;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIconCards {
    max-width: 512px;
  }
}
@media only screen and (min-width: 1200px) {
  .QuickLinks.QuickLinks--type-linkIconCards {
    max-width: 1040px;
  }
}
.QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList {
  gap: 12px;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList {
    gap: 16px;
  }
}
.QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item {
    width: 160px;
  }
}
.QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 992px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
    gap: 8px;
  }
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
    padding: 0 30px 20px;
  }
}
.QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
  width: 60px;
  height: 60px;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 992px) {
  .QuickLinks.QuickLinks--type-linkIconCards .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLabel {
    padding: 8px 0;
  }
}
.QuickLinks.QuickLinks--type-linkRows .QuickLinks__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 64px 16px;
  gap: 24px;
  border-top: 1px solid #F1EFF2;
  border-bottom: 1px solid #F1EFF2;
}
@media only screen and (min-width: 993px) {
  .QuickLinks.QuickLinks--type-linkRows .QuickLinks__Container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 32px;
  }
}
.QuickLinks.QuickLinks--type-linkRows .QuickLinks__Container .QuickLinks__Title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.QuickLinks.QuickLinks--type-linkRows .QuickLinks__Container .QuickLinks__ItemList {
  row-gap: 16px;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  padding: 0px;
}
.QuickLinks.QuickLinks--type-linkRows .QuickLinks__Container .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
  display: none;
}
.QuickLinks .QuickLinks__ItemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .QuickLinks .QuickLinks__ItemList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.QuickLinks .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .QuickLinks .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 993px) {
  .QuickLinks .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.QuickLinks .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemIcon {
  display: block;
}
@media only screen and (min-width: 993px) {
  .QuickLinks .QuickLinks__ItemList .QuickLinks__Item .QuickLinks__ItemLabel {
    text-align: center;
  }
}

.Quote__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Quote__Container .h5 *, .Quote__Container .Quote__Content * {
  line-height: 1.5;
  font-size: 24px;
}
@media only screen and (max-width: 992px) {
  .Quote__Container .h5 *, .Quote__Container .Quote__Content * {
    font-size: 20px;
  }
}
.Quote__Container:before {
  content: "";
  display: block;
  width: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #164a9a;
  margin-right: 24px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
.Search[data-state=loading] .Search__Loader {
  opacity: 1;
  visibility: visible;
}
.Search[data-state=default] .Search__Popular {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Search[data-state=default] .Search__FilterBar {
  display: none;
}
.Search[data-state=noResult] .Search__SortBy {
  display: none;
}
.Search .Search__FilterBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .Search .Search__FilterBar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.Search .Search__ResultCount {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .Search .Search__ResultCount {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 16px;
    margin-bottom: 24px;
    width: 100%;
  }
}
.Search .Search__Content {
  position: relative;
}
.Search .Search__Loader {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.Search .Search__Loader .Search__LoaderIndicator {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 24px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Search .Search__Loader .Search__LoaderIndicator .Search__LoaderIndicatorIcon {
  -webkit-animation: rotate 1s infinite ease-in-out;
          animation: rotate 1s infinite ease-in-out;
  height: 80px;
  width: 80px;
}
.Search .Search__Result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #F1EFF2;
  padding: 24px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (min-width: 993px) {
  .Search .Search__Result {
    padding: 32px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.Search .Search__Result .Search__ResultTitle {
  font-weight: 500;
  font-size: 1rem;
  line-height: 2rem;
  color: #191919;
}
@media only screen and (min-width: 768px) {
  .Search .Search__Result .Search__ResultTitle {
    font-size: 1.125rem;
  }
}
.Search .Search__Result .Search__ResultContent p, .Search .Search__Result .Search__ResultContent .p2 {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media only screen and (min-width: 768px) {
  .Search .Search__Result .Search__ResultContent p, .Search .Search__Result .Search__ResultContent .p2 {
    line-height: 1.5rem;
    font-size: 1rem;
  }
}
.Search .Search__Result .Search__ResultTags .Tag {
  background-color: #E8EDF4;
  color: #164a9a;
  padding: 8px 16px;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
}
@media only screen and (max-width: 992px) {
  .Search .Search__Result .Search__ResultTags {
    margin-top: 16px;
  }
}
.Search .Search__Actions {
  margin-top: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.Search .Search__Actions.Search__Actions--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Search .Search__SortBy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.Search .Search__Message {
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
}
.Search .Search__Message .Search__MessageItem {
  display: none;
}
.Search .Search__Message .Search__MessageItem.Search__MessageItem--visible {
  display: block;
}
.Search .Search__Popular {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px 0;
  gap: 24px;
  border-top: 1px solid #F1EFF2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .Search .Search__Popular {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 64px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 32px;
  }
}
.Search .Search__Popular .Search__PopularList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 1200px) {
  .Search .Search__Popular .Search__PopularList {
    gap: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.SelectInput {
  position: relative;
  color: #164a9a;
}
.SelectInput select {
  width: 100%;
  min-width: 210px;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  height: 48px;
  line-height: 24px;
  padding: 0 22px 0 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  font-weight: 300;
}
.SelectInput i {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  pointer-events: none;
}

@media only screen and (max-width: 992px) {
  .SelfServe .CardContainer__Container {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0;
    background: none;
  }
}
.SelfServe .Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabSelectList {
  width: 100%;
  margin: 0;
}
.SelfServe .SelfServe__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 40px;
  gap: 40px;
}
@media only screen and (min-width: 993px) {
  .SelfServe .SelfServe__Container {
    padding: 24px 0 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
@media only screen and (min-width: 993px) {
  .SelfServe .SelfServe__Container .SelfServe__ContainerLeft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 288px;
            flex: 0 0 288px;
  }
}
@media only screen and (min-width: 993px) {
  .SelfServe .SelfServe__Container .SelfServe__ContainerRight {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 70px;
  }
}
@media only screen and (min-width: 993px) {
  .SelfServe .SelfServe__TitleMobile {
    display: none;
  }
}
.SelfServe .SelfServe__TitleDesktop {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .SelfServe .SelfServe__TitleDesktop {
    display: none;
  }
}
.SelfServe .SelfServe__ContentHeading {
  margin-bottom: 24px;
  font-size: 24px;
}
@media only screen and (max-width: 992px) {
  .SelfServe .SelfServe__ContentHeading {
    font-size: 20px;
  }
}
.SelfServe .SelfServe__ArticleListItem:not(:last-child) {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .SelfServe .SelfServe__Article .SelfServe__ArticleContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.SelfServe .SelfServe__Article .SelfServe__ArticleContainer .iconfont-arrow-right-short {
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  color: #000000;
}
.SelfServe .SelfServe__Article .SelfServe__ArticleContainer:hover .iconfont-chevron-down-right {
  margin-right: -10px;
}
.SelfServe .SelfServe__Article .SelfServe__ArticleContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .SelfServe .SelfServe__Article .SelfServe__ArticleContent {
    max-height: 256px;
  }
}
.SelfServe .SelfServe__Article .SelfServe__ArticleHeading {
  gap: 22px;
  color: #191919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
}
@media only screen and (max-width: 992px) {
  .SelfServe .SelfServe__Article .SelfServe__ArticleHeading {
    font-size: 18px;
  }
}
.SelfServe .SelfServe__Article .SelfServe__ArticleDescription {
  padding-right: 24px;
}
.SelfServe .SelfServe__IconListItem:not(:last-child) {
  margin-bottom: 24px;
}
.SelfServe .SelfServe__Icon .SelfServe__IconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SelfServe .SelfServe__Icon .SelfServe__IconLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.SelfServe .SelfServe__Icon .SelfServe__IconImage img {
  width: 100%;
  height: auto;
}
.SelfServe .SelfServe__Icon .SelfServe__IconTitle {
  color: #333333;
  font-weight: 400;
}

@media only screen and (max-width: 992px) {
  .selfserve {
    padding: 0 24px !important;
  }
}

.ShareTags .ShareTags__Social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ShareTags .ShareTags__Social .ShareTags__SocialShareLabel {
  font-weight: 600;
}
.ShareTags .ShareTags__Social .ShareTags__SocialIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}
.ShareTags .ShareTags__Social .ShareTags__SocialIconContainer .ShareTags__SocialIconCircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  width: 44px;
  background-color: #f2f5fc;
  border-radius: 50%;
}
.ShareTags .ShareTags__Social .ShareTags__SocialIconContainer .ShareTags__SocialIcon {
  font-size: 20px;
  color: #164a9a;
}
.ShareTags .ShareTags__Divider {
  width: 100%;
  height: 1px;
  background-color: #f2f5fc;
  margin: 24px 0;
  border: none;
}
.ShareTags .ShareTags__Tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*
 * sizes range
 */
/*
* screen size
*/
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-1, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-1 {
  height: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-2, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-2 {
  height: 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2px;
          flex: 0 0 2px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-3, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-3 {
  height: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-4, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-4 {
  height: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-5, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-5 {
  height: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-6, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-6 {
  height: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-7, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-7 {
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-8, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-8 {
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-9, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-9 {
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-10, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-10 {
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-11, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-11 {
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-12, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-12 {
  height: 48px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-13, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-13 {
  height: 56px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-14, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-14 {
  height: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-15, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-15 {
  height: 72px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-16, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-16 {
  height: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-17, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-17 {
  height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-18, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-18 {
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-19, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-19 {
  height: 160px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xl-custom, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xl-custom {
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
@media only screen and (max-width: 1199px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-1, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-1 {
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-2, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-2 {
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-3, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-3 {
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-4, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-4 {
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-5, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-5 {
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-6, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-6 {
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-7, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-7 {
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-8, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-8 {
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-9, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-9 {
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-10, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-10 {
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-11, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-11 {
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-12, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-12 {
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-13, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-13 {
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-14, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-14 {
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-15, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-15 {
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-16, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-16 {
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-17, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-17 {
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-18, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-18 {
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-19, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-19 {
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-lg-custom, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-lg-custom {
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
}
@media only screen and (max-width: 992px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-1, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-1 {
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-2, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-2 {
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-3, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-3 {
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-4, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-4 {
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-5, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-5 {
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-6, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-6 {
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-7, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-7 {
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-8, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-8 {
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-9, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-9 {
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-10, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-10 {
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-11, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-11 {
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-12, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-12 {
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-13, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-13 {
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-14, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-14 {
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-15, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-15 {
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-16, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-16 {
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-17, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-17 {
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-18, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-18 {
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-19, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-19 {
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-md-custom, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-md-custom {
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
}
@media only screen and (max-width: 767px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-1, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-1 {
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-2, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-2 {
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-3, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-3 {
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-4, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-4 {
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-5, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-5 {
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-6, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-6 {
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-7, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-7 {
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-8, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-8 {
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-9, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-9 {
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-10, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-10 {
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-11, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-11 {
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-12, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-12 {
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-13, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-13 {
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-14, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-14 {
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-15, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-15 {
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-16, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-16 {
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-17, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-17 {
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-18, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-18 {
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-19, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-19 {
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-sm-custom, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-sm-custom {
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
}
@media only screen and (max-width: 575px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-1, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-1 {
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-2, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-2 {
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-3, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-3 {
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-4, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-4 {
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-5, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-5 {
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-6, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-6 {
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-7, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-7 {
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-8, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-8 {
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-9, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-9 {
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-10, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-10 {
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-11, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-11 {
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-12, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-12 {
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-13, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-13 {
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-14, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-14 {
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-15, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-15 {
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-16, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-16 {
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-17, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-17 {
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-18, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-18 {
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-19, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-19 {
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-manual.Spacer--size-xs-custom, .Spacer.Spacer--direction-vertical.Spacer--type-manual.Spacer--size-xs-custom {
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-lg, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-lg {
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
@media only screen and (max-width: 992px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-lg, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-lg {
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-md, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-md {
  height: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
@media only screen and (max-width: 992px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-md, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-md {
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
}
.Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-sm, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-sm {
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
@media only screen and (max-width: 992px) {
  .Spacer:not(.Spacer--direction-horizontal).Spacer--type-preset.Spacer--preset-sm, .Spacer.Spacer--direction-vertical.Spacer--type-preset.Spacer--preset-sm {
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-1 {
  width: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-2 {
  width: 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2px;
          flex: 0 0 2px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-3 {
  width: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-4 {
  width: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-5 {
  width: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-6 {
  width: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-7 {
  width: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-8 {
  width: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-9 {
  width: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-10 {
  width: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-11 {
  width: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-12 {
  width: 48px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-13 {
  width: 56px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-14 {
  width: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-15 {
  width: 72px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-16 {
  width: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-17 {
  width: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-18 {
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-19 {
  width: 160px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
.Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
@media only screen and (max-width: 1199px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-1 {
    width: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-2 {
    width: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-3 {
    width: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-4 {
    width: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-5 {
    width: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-6 {
    width: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-7 {
    width: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-8 {
    width: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-9 {
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-10 {
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-11 {
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-12 {
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-13 {
    width: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-14 {
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-15 {
    width: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-16 {
    width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-17 {
    width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-18 {
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-19 {
    width: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-1 {
    width: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-2 {
    width: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-3 {
    width: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-4 {
    width: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-5 {
    width: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-6 {
    width: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-7 {
    width: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-8 {
    width: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-9 {
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-10 {
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-11 {
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-12 {
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-13 {
    width: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-14 {
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-15 {
    width: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-16 {
    width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-17 {
    width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-18 {
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-19 {
    width: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
}
@media only screen and (max-width: 767px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-1 {
    width: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-2 {
    width: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-3 {
    width: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-4 {
    width: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-5 {
    width: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-6 {
    width: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-7 {
    width: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-8 {
    width: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-9 {
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-10 {
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-11 {
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-12 {
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-13 {
    width: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-14 {
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-15 {
    width: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-16 {
    width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-17 {
    width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-18 {
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-19 {
    width: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
}
@media only screen and (max-width: 575px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-1 {
    width: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-2 {
    width: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-3 {
    width: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-4 {
    width: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-5 {
    width: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-6 {
    width: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-7 {
    width: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-8 {
    width: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-9 {
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-10 {
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-11 {
    width: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-12 {
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-13 {
    width: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-14 {
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-15 {
    width: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-16 {
    width: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-17 {
    width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-18 {
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-19 {
    width: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-horizontal.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
}
.Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-lg {
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-lg {
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
}
.Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-md {
  width: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-md {
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
}
.Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-sm {
  width: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-horizontal.Spacer--type-preset.Spacer--preset-sm {
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-1 {
  width: 1px;
  height: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1px;
          flex: 0 0 1px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-2 {
  width: 2px;
  height: 2px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2px;
          flex: 0 0 2px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-3 {
  width: 3px;
  height: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3px;
          flex: 0 0 3px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-4 {
  width: 4px;
  height: 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4px;
          flex: 0 0 4px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-5 {
  width: 8px;
  height: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-6 {
  width: 12px;
  height: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-7 {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-8 {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-9 {
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-10 {
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-11 {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-12 {
  width: 48px;
  height: 48px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-13 {
  width: 56px;
  height: 56px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-14 {
  width: 64px;
  height: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-15 {
  width: 72px;
  height: 72px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-16 {
  width: 80px;
  height: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-17 {
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-18 {
  width: 120px;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-19 {
  width: 160px;
  height: 160px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
.Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xl-custom {
  width: var(--custom-xl);
  height: var(--custom-xl);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 var(--custom-xl);
          flex: 0 0 var(--custom-xl);
}
@media only screen and (max-width: 1199px) {
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-1 {
    width: 1px;
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-2 {
    width: 2px;
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-3 {
    width: 3px;
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-4 {
    width: 4px;
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-5 {
    width: 8px;
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-6 {
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-7 {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-8 {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-9 {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-10 {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-11 {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-12 {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-13 {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-14 {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-15 {
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-16 {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-17 {
    width: 100px;
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-18 {
    width: 120px;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-19 {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-lg-custom {
    width: var(--custom-lg);
    height: var(--custom-lg);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-lg);
            flex: 0 0 var(--custom-lg);
  }
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-1 {
    width: 1px;
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-2 {
    width: 2px;
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-3 {
    width: 3px;
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-4 {
    width: 4px;
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-5 {
    width: 8px;
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-6 {
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-7 {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-8 {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-9 {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-10 {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-11 {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-12 {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-13 {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-14 {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-15 {
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-16 {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-17 {
    width: 100px;
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-18 {
    width: 120px;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-19 {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-md-custom {
    width: var(--custom-md);
    height: var(--custom-md);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-md);
            flex: 0 0 var(--custom-md);
  }
}
@media only screen and (max-width: 767px) {
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-1 {
    width: 1px;
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-2 {
    width: 2px;
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-3 {
    width: 3px;
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-4 {
    width: 4px;
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-5 {
    width: 8px;
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-6 {
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-7 {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-8 {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-9 {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-10 {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-11 {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-12 {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-13 {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-14 {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-15 {
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-16 {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-17 {
    width: 100px;
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-18 {
    width: 120px;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-19 {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-sm-custom {
    width: var(--custom-sm);
    height: var(--custom-sm);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-sm);
            flex: 0 0 var(--custom-sm);
  }
}
@media only screen and (max-width: 575px) {
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-1 {
    width: 1px;
    height: 1px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1px;
            flex: 0 0 1px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-2 {
    width: 2px;
    height: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2px;
            flex: 0 0 2px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-3 {
    width: 3px;
    height: 3px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3px;
            flex: 0 0 3px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-4 {
    width: 4px;
    height: 4px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
            flex: 0 0 4px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-5 {
    width: 8px;
    height: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
            flex: 0 0 8px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-6 {
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-7 {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-8 {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-9 {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-10 {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-11 {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-12 {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-13 {
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
            flex: 0 0 56px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-14 {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-15 {
    width: 72px;
    height: 72px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-16 {
    width: 80px;
    height: 80px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-17 {
    width: 100px;
    height: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-18 {
    width: 120px;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-19 {
    width: 160px;
    height: 160px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
  .Spacer.Spacer--direction-both.Spacer--type-manual.Spacer--size-xs-custom {
    width: var(--custom-xs);
    height: var(--custom-xs);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 var(--custom-xs);
            flex: 0 0 var(--custom-xs);
  }
}
.Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-lg {
  height: 120px;
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-lg {
    height: 64px;
    width: 64px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
  }
}
.Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-md {
  height: 64px;
  width: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-md {
    height: 32px;
    width: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
  }
}
.Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-sm {
  height: 40px;
  width: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
@media only screen and (max-width: 992px) {
  .Spacer.Spacer--direction-both.Spacer--type-preset.Spacer--preset-sm {
    height: 24px;
    width: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
  }
}

.Stat .Stat__Container {
  position: relative;
}
.Stat .Stat__Text {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1;
  color: #164a9a;
  font-size: 27px;
}
@media only screen and (min-width: 993px) {
  .Stat .Stat__Text {
    font-size: 64px;
  }
}
.Stat .Stat__Dial {
  enable-background: new 0 0 268 268;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  border-radius: 50%;
}
.Stat .Stat__Dial .Stat__DialOuter {
  stroke-dasharray: 7;
}
.Stat .Stat__Dial .Stat__DialInner {
  stroke: url(clientlib-site/css/#gradient);
  stroke-dasharray: 815;
  stroke-dashoffset: 815;
  -webkit-transition: 1000ms ease-in-out all;
  transition: 1000ms ease-in-out all;
}
.Stat .Stat__Dial .Stat__DialInnerSlim {
  -webkit-filter: url(clientlib-site/css/#shadow);
          filter: url(clientlib-site/css/#shadow);
}
.Stat .Stat__Content {
  text-align: center;
  margin-top: 12px;
}
@media only screen and (min-width: 993px) {
  .Stat .Stat__Content {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 992px) {
  .Stat .Stat__Content .p2 {
    font-size: 14px !important;
  }
}
.Stat .Stat__Content .Stat__ContentHeading {
  font-weight: 700;
  color: #164a9a;
}

.StatGroup {
  background: #ffffff;
}
.StatGroup .StatGroup__Header {
  text-align: center;
}
.StatGroup .StatGroup__Header .StatGroup__Heading {
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__Header .StatGroup__Heading {
    margin-bottom: 40px;
  }
}
.StatGroup .StatGroup__Header .StatGroup__Body {
  margin-bottom: 40px;
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__Header .StatGroup__Body {
    margin-bottom: 50px;
  }
}
.StatGroup .StatGroup__Header .StatGroup__Body a {
  color: #164a9a;
}
@media only screen and (max-width: 992px) {
  .StatGroup .StatGroup__StatColumn:nth-child(2n-1) {
    padding-right: 7.5px;
  }
}
@media only screen and (max-width: 992px) {
  .StatGroup .StatGroup__StatColumn:nth-child(2n) {
    padding-left: 7.5px;
  }
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__StatColumn {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .StatGroup .StatGroup__StatColumn:not(:last-child) {
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__StatColumn:nth-child(3n+1):nth-last-child(-n+3), .StatGroup .StatGroup__StatColumn:nth-child(3n+1):nth-last-child(-n+3) ~ .StatGroup__StatColumn {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__Stat {
    margin: 0 16px;
  }
}
.StatGroup .StatGroup__Disclaimer {
  color: #545454;
  line-height: 24px;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (min-width: 993px) {
  .StatGroup .StatGroup__Disclaimer {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-scroll {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 1199px) {
  .Table.Table--mobileVariation-scroll {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-scroll .Table__Heading,
  .Table.Table--mobileVariation-scroll .Table__Table {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackRow .Table__Table {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackRow .Table__TableCell {
    -webkit-box-ordinal-group: var(--column);
        -ms-flex-order: var(--column);
            order: var(--column);
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackTitle .Table__Table {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackTitle .Table__TableRowHeader {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackTitle .Table__TableCellData {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-stackTitle .Table__TableCellData .Table__TableRowHeader {
    background: transparent !important;
    display: block !important;
    min-height: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-rows .Table__Table {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-rows .Table__TableHead {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-rows .Table__TableCell {
    -webkit-box-ordinal-group: var(--row);
        -ms-flex-order: var(--row);
            order: var(--row);
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-rows .Table__TableCellData {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-rows .Table__TableCellData .Table__TableColumnHeader {
    background: transparent !important;
    display: block !important;
    min-height: auto !important;
    color: #545454;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__Table {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__TableRowHeader {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__TableCell {
    -webkit-box-ordinal-group: var(--column);
        -ms-flex-order: var(--column);
            order: var(--column);
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__TableColumnHeader:empty {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__TableCellData {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-columns .Table__TableCellData .Table__TableRowHeader {
    background: transparent !important;
    display: block !important;
    min-height: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableCell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableCell .Table__TableColumnHeader {
    background: transparent !important;
    color: #164a9a !important;
    display: block !important;
    min-height: auto !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableRow {
    gap: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__Table, .Table.Table--mobileVariation-cellNoLabel .Table__Table {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableBody,
  .Table.Table--mobileVariation-cellLabel .Table__TableRow, .Table.Table--mobileVariation-cellNoLabel .Table__TableBody,
  .Table.Table--mobileVariation-cellNoLabel .Table__TableRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableHead, .Table.Table--mobileVariation-cellNoLabel .Table__TableHead {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableRow, .Table.Table--mobileVariation-cellNoLabel .Table__TableRow {
    padding: 16px 0;
    border-bottom: 1px solid #d9d9d9;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--mobileVariation-cellLabel .Table__TableCell, .Table.Table--mobileVariation-cellNoLabel .Table__TableCell {
    padding: 0 16px;
    border-bottom: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--removeLeftInset-on.Table--mobileVariation-stackTitle .Table__TableCell, .Table.Table--removeLeftInset-on.Table--mobileVariation-columns .Table__TableCell, .Table.Table--removeLeftInset-on.Table--mobileVariation-rows .Table__TableCell, .Table.Table--removeLeftInset-on.Table--mobileVariation-cellNoLabel .Table__TableCell, .Table.Table--removeLeftInset-on.Table--mobileVariation-cellLabel .Table__TableCell, .Table.Table--removeLeftInset-on.Table--mobileVariation-stackRow .Table__TableCell {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--removeLeftInset-on.Table--mobileVariation-off .Table__TableCell:first-child, .Table.Table--removeLeftInset-on.Table--mobileVariation-scroll .Table__TableCell:first-child {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--removeLeftInset-on .Table__TableCell:first-child {
    padding-left: 0 !important;
  }
}
.Table.Table--columnTitleStyle-styleOne .Table__TableColumnHeader {
  color: #164a9a;
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleStyle-styleOne.Table--mobileVariation-rows .Table__TableRowHeader {
    color: #164a9a;
  }
}
.Table.Table--columnTitleStyle-styleTwo .Table__TableColumnHeader {
  background-color: #192b4b;
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleStyle-styleTwo.Table--mobileVariation-rows .Table__TableRowHeader {
    background-color: #192b4b;
    color: #ffffff;
  }
}
.Table.Table--columnTitleStyle-styleThree .Table__TableColumnHeader {
  background-color: #164a9a;
  color: #ffffff;
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleStyle-styleThree.Table--mobileVariation-rows .Table__TableRowHeader {
    background-color: #164a9a;
    color: #ffffff;
  }
}
.Table.Table--columnTitleStyle-styleFour .Table__TableColumnHeader {
  background-color: #e5ecf9;
  color: #164a9a;
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleStyle-styleFour.Table--mobileVariation-rows .Table__TableRowHeader {
    background-color: #e5ecf9;
    color: #164a9a;
  }
}
.Table.Table--columnTitleStyle-custom .Table__TableColumnHeader {
  background-color: var(--column-title-style-custom-background-colour);
  font-size: var(--column-title-style-custom-text-size);
  color: var(--column-title-style-custom-text-colour);
  line-height: 1;
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleStyle-custom.Table--mobileVariation-rows .Table__TableRowHeader {
    background-color: var(--column-title-style-custom-background-colour);
    font-size: var(--column-title-style-custom-text-size);
    color: var(--column-title-style-custom-text-colour);
    line-height: 1;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleMobileSizeOverride-sm .Table__TableColumnHeader {
    font-size: 14px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnTitleMobileSizeOverride-xs .Table__TableColumnHeader {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-left.Table--mobileVariation-off .Table__TableCell, .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-left.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-left .Table__TableCell {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-center.Table--mobileVariation-off .Table__TableCell, .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-center.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-center .Table__TableCell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-right.Table--mobileVariation-off .Table__TableCell, .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-right.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-all.Table--columnAlignmentOverrideAll-right .Table__TableCell {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-left.Table--mobileVariation-off .Table__TableBody .Table__TableCell, .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-left.Table--mobileVariation-scroll .Table__TableBody .Table__TableCell {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-left .Table__TableBody .Table__TableCell {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-center.Table--mobileVariation-off .Table__TableBody .Table__TableCell, .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-center.Table--mobileVariation-scroll .Table__TableBody .Table__TableCell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-center .Table__TableBody .Table__TableCell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-right.Table--mobileVariation-off .Table__TableBody .Table__TableCell, .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-right.Table--mobileVariation-scroll .Table__TableBody .Table__TableCell {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-twoPlus.Table--columnAlignmentOverrideTwoPlus-right .Table__TableBody .Table__TableCell {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-left.Table--mobileVariation-off, .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-left.Table--mobileVariation-scroll {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-center.Table--mobileVariation-off, .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-center.Table--mobileVariation-scroll {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-right.Table--mobileVariation-off, .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-right.Table--mobileVariation-scroll {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--columnAlignmentOverride-individual .Table__TableCell--columnAlignmentOverride-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlternateColours-on.Table--mobileVariation-off .Table__TableBody .Table__TableRow:nth-child(even) .Table__TableCell, .Table.Table--rowAlternateColours-on.Table--mobileVariation-scroll .Table__TableBody .Table__TableRow:nth-child(even) .Table__TableCell, .Table.Table--rowAlternateColours-on.Table--mobileVariation-stackRow .Table__TableBody .Table__TableRow:nth-child(even) .Table__TableCell {
    background-color: #f7f7f7;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlternateColours-on .Table__TableBody .Table__TableRow:nth-child(even) .Table__TableCell {
    background-color: #f7f7f7;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-top.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-top.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-top .Table__TableCell {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-middle.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-middle.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-middle .Table__TableCell {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-bottom.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-bottom.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-all.Table--rowAlignmentOverrideAll-bottom .Table__TableCell {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-top.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-top.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-top .Table__TableCell {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-middle.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-middle.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-middle .Table__TableCell {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-bottom.Table--mobileVariation-off .Table__TableCell, .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-bottom.Table--mobileVariation-scroll .Table__TableCell {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowAlignmentOverride-individual .Table__TableRow.Table__TableRow--rowAlignmentOverride-bottom .Table__TableCell {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowHideMobileRowUnderlines-on .Table__TableRow,
  .Table.Table--rowHideMobileRowUnderlines-on .Table__TableCell {
    border-bottom: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-off .Table__TableBody .Table__TableRow:last-child .Table__TableCell, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-scroll .Table__TableBody .Table__TableRow:last-child .Table__TableCell {
    border-bottom: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-stackTitle .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-stackTitle .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-columns .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-columns .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-rows .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-rows .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-cellLabel .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-cellLabel .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-cellNoLabel .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-cellNoLabel .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child, .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-stackRow .Table__TableBody .Table__TableRow:last-child,
  .Table.Table--rowHideLastRowUnderline-on.Table--mobileVariation-stackRow .Table__TableBody .Table__TableRow:last-child .Table__TableCell:last-child {
    border-bottom: none !important;
  }
}
@media only screen and (min-width: 993px) {
  .Table.Table--rowHideLastRowUnderline-on .Table__TableBody .Table__TableRow:last-child .Table__TableCell {
    border-bottom: none !important;
  }
}
.Table.Table--headingStyle-styleOne .Table__Heading {
  color: #164a9a;
}
.Table.Table--headingStyle-styleTwo .Table__Heading {
  background-color: #192b4b;
  color: #ffffff;
}
.Table.Table--headingStyle-styleThree .Table__Heading {
  background-color: #164a9a;
  color: #ffffff;
}
.Table.Table--headingStyle-styleFour .Table__Heading {
  background-color: #e5ecf9;
  color: #164a9a;
}
.Table.Table--headingStyle-custom .Table__Heading {
  background-color: var(--heading-style-custom-background-colour);
  color: var(--heading-style-custom-text-colour);
}
.Table .Table__Heading {
  padding: 16px;
}
.Table .Table__Table {
  display: grid;
  grid-template-columns: var(--column-sizes);
  grid-auto-rows: auto;
}
.Table .Table__TableHead,
.Table .Table__TableBody,
.Table .Table__TableRow {
  display: contents;
}
.Table .Table__TableRowHeader {
  color: #545454;
  font-weight: 600;
}
.Table .Table__TableColumnHeader {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Table .Table__TableCell {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d9d9d9;
}
.Table .Table__TableCell .Table__TableColumnHeader,
.Table .Table__TableCell .Table__TableRowHeader {
  display: none;
}
.Table .Table__TableCellData {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.TableRow {
  width: 100%;
  border-collapse: collapse;
}
.TableRow thead {
  display: none;
  color: #164a9a;
  text-align: left;
}
.TableRow thead th {
  font-size: 16px;
}
.TableRow tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #bfbfbf;
}
.TableRow td {
  padding-bottom: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .TableRow td {
    font-size: 20px;
  }
}
.TableRow td {
  line-height: 24px;
  font-weight: 300;
}
.TableRow td:before {
  content: attr(data-label);
  display: block;
  font-weight: 500;
  color: #164a9a;
}
.TableRow td:first-child {
  padding-top: 16px;
}
@media only screen and (min-width: 768px) {
  .TableRow thead {
    background-color: #164a9a;
    display: table-header-group;
    border-bottom: 1px solid #d9d9d9;
  }
  .TableRow tr {
    display: table-row;
  }
  .TableRow tr th {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 30px;
  }
  .TableRow td,
  .TableRow th {
    border-bottom: 1px solid #bfbfbf;
    padding: 16px;
    vertical-align: top;
  }
  .TableRow td:before,
  .TableRow th:before {
    display: none;
  }
  .TableRow td:first-child {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 30px;
  }
}

.Tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (min-width: 993px) {
  .Tabs {
    gap: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--padding-slim.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab {
    padding: 16px 10px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-primary {
    padding: 0 24px;
  }
}
.Tabs.Tabs--style-primary > .Tabs__Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer, .Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabSelectList {
  padding: 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 60px;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer, .Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabSelectList {
    border: none;
  }
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabSelectList {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList {
  position: relative;
  z-index: 1;
  border-radius: 360px;
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab {
  padding: 16px 32px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333333;
  border-radius: 360px;
  background: transparent;
  cursor: pointer;
  border: 0;
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab[data-active=true] {
  color: #ffffff;
  font-weight: 400;
  background-color: #000000;
  border-radius: 360px;
}
.Tabs.Tabs--style-primary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabIndicator {
  position: absolute;
  top: 4px;
  font-weight: 400;
  background: #000000;
  color: #ffffff;
  border-radius: 360px;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary {
    padding: 0 24px;
  }
}
.Tabs.Tabs--style-secondary > .Tabs__Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Tabs.Tabs--style-secondary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList {
  position: relative;
  z-index: 1;
  border: 1px solid #000000;
  border-radius: 60px;
  padding: 8px;
}
.Tabs.Tabs--style-secondary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab {
  padding: 16px 24px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000000;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  border: 0;
}
.Tabs.Tabs--style-secondary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab[data-active=true] {
  color: #ffffff;
  font-weight: 400;
  background-color: #000000;
  border-radius: 100px;
}
.Tabs.Tabs--style-secondary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabIndicator {
  position: absolute;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=true][data-collapsed=false] > .Tabs__TabPanelTitle > i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=true][data-collapsed=false] > .Tabs__TabPanelContentWrapper {
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelContentWrapper {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 300ms ease;
    transition: grid-template-rows 300ms ease;
    transition: grid-template-rows 300ms ease, -ms-grid-rows 300ms ease;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle {
    border: 0;
    background: transparent;
    border-bottom: 1px solid #d3d3d3;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
    cursor: pointer;
    width: 100%;
    color: #000000;
    font-weight: 400;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-secondary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle > i {
    font-size: 24px;
  }
}
.Tabs.Tabs--style-tertiary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (min-width: 993px) {
  .Tabs.Tabs--style-tertiary {
    gap: 48px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 993px) {
  .Tabs.Tabs--style-tertiary > .Tabs__Header {
    width: 340px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
            flex: 0 0 340px;
  }
}
.Tabs.Tabs--style-tertiary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}
.Tabs.Tabs--style-tertiary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px 16px;
  background: transparent;
  cursor: pointer;
  border: 0;
}
.Tabs.Tabs--style-tertiary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab[data-active=true] {
  color: #000000;
  font-weight: 400;
}
.Tabs.Tabs--style-tertiary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab[data-active=true] + .Tabs__TabListTab {
  border-top: 0;
}
.Tabs.Tabs--style-tertiary > .Tabs__TabPanelList {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=true][data-collapsed=false] > .Tabs__TabPanelTitle > i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=true][data-collapsed=false] > .Tabs__TabPanelContentWrapper {
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelContentWrapper {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: grid-template-rows 300ms ease;
    transition: grid-template-rows 300ms ease;
    transition: grid-template-rows 300ms ease, -ms-grid-rows 300ms ease;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle {
    border: 0;
    background: transparent;
    border-bottom: 1px solid #F1EFF2;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
    cursor: pointer;
    width: 100%;
    color: #545454;
    font-weight: 400;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-tertiary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle > i {
    font-size: 24px;
  }
}
.Tabs.Tabs--style-quaternary {
  gap: 0;
}
@media only screen and (min-width: 993px) {
  .Tabs.Tabs--style-quaternary > .Tabs__Header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabSelectList {
    position: relative;
    border-radius: 0px;
    padding: 8px;
    padding: 16px 20px 32px;
    width: 100vw;
    margin: 0 calc((100% - 100vw) / 2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabSelectList::after {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 0;
  height: 0;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabSelectList > .Tabs__TabSelectTitle {
    text-align: center;
    padding-bottom: 16px;
  }
}
.Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabIndicator {
  position: absolute;
  background: #ffffff;
  top: 8px;
  bottom: 8px;
  border-radius: 60px;
}
.Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList {
  padding: 8px;
  border-radius: 60px;
  background: #ffffff;
  border: 1px solid #000000;
}
.Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab {
  padding: 12px 32px;
  cursor: pointer;
  background: none;
  border: 0;
  line-height: 32px;
  font-weight: 400;
  color: #000000;
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  z-index: 1;
}
.Tabs.Tabs--style-quaternary > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList > .Tabs__TabListTab[data-active=true] {
  color: #ffffff;
  background-color: #000000;
  border-radius: 100px;
}
@media only screen and (min-width: 993px) {
  .Tabs.Tabs--style-quaternary > .Tabs__TabPanelList {
    margin-top: -38px;
  }
}
.Tabs.Tabs--style-quaternary > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelContentWrapper > .Tabs__TabPanelContent {
  overflow: initial;
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-tabs {
    gap: 24px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-tabs > .Tabs__Header > .Tabs__TabListContainer {
    border: 1px solid #000;
    display: block;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-select {
    gap: 42px;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-select > .Tabs__Header > .Tabs__TabSelectList {
    display: block;
    border: none;
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-accordion > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=false] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 992px) {
  .Tabs.Tabs--mobileVariation-accordion > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.Tabs > .Tabs__Header > .Tabs__TabListContainer {
  position: relative;
  display: none;
}
@media only screen and (min-width: 993px) {
  .Tabs > .Tabs__Header > .Tabs__TabListContainer {
    display: block;
  }
}
.Tabs > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Tabs > .Tabs__Header > .Tabs__TabListContainer > .Tabs__TabIndicator {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.Tabs > .Tabs__Header > .Tabs__TabSelectList {
  display: none;
}
.Tabs > .Tabs__TabPanelList > .Tabs__TabPanel[data-active=false] {
  display: none;
}
.Tabs > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelTitle {
  display: none;
}
.Tabs > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelContentWrapper > .Tabs__TabPanelContent {
  overflow: hidden;
  margin: 0 -32px;
}
.Tabs > .Tabs__TabPanelList > .Tabs__TabPanel > .Tabs__TabPanelContentWrapper > .Tabs__TabPanelContent > div {
  margin: 0 32px;
}

.TabsResponsive .TabCordion--select {
  display: none;
}
.TabsResponsive .TabCordion > .TabCordion--tabs {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin: 0;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.TabsResponsive .TabCordion > .TabCordion--tabs .tab {
  display: block;
  background: transparent;
  padding: 1.2rem 1.2rem;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  margin: 0 0 1px 0;
  border: none;
  border-right: 1px solid transparent;
  cursor: pointer;
}
.TabsResponsive .TabCordion > .TabCordion--tabs .tab:hover, .TabsResponsive .TabCordion > .TabCordion--tabs .tab:focus {
  background: rgba(15.3, 15.3, 15.3, 0);
}
.TabsResponsive .TabCordion > .TabCordion--tabs .tab.TabCordion--is-active {
  color: #164a9a;
  font-weight: 600;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry {
  overflow: hidden;
  position: relative;
  margin: 0 -10vw;
  padding: 0 10vw;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry-title {
  position: relative;
  cursor: pointer;
  z-index: 1;
  font-weight: 600;
  color: #164a9a;
  padding: 1.2rem 1.2rem 1.2rem 0;
  display: block;
  border-radius: 0;
  border-bottom: 1px solid #F1EFF2;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry > .icon {
  position: absolute;
  top: 13px;
  right: 10vw;
  color: #164a9a;
  font-size: 24px;
  font-family: "iconfont" !important;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry:hover::before, .TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry:focus::before {
  background: rgba(15.3, 15.3, 15.3, 0);
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry.TabCordion--is-active > .TabCordion--entry-container > .TabCordion--entry-content {
  margin-top: 0;
  height: auto;
  opacity: 1;
  -webkit-transition: margin 400ms ease-out -100ms;
  transition: margin 400ms ease-out -100ms;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry.TabCordion--is-active > .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry::before,
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry .icon {
  color: #545454;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry-container {
  overflow: hidden;
  margin-bottom: 1px;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry-container > .TabCordion--entry-content {
  position: relative;
  margin-top: -100%;
  height: 0;
  opacity: 0;
  -webkit-transition: margin 500ms ease-in;
  transition: margin 500ms ease-in;
  padding: 1.2rem 0;
}
.TabsResponsive .TabCordion > .TabCordion--sections > .TabCordion--entry .TabCordion--entry-container > .TabCordion--entry-content .TabCordion {
  margin: -1.2rem 0;
  padding: 0 1.2rem;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--tabs {
  opacity: 1;
  height: auto;
  visibility: visible;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry {
  min-height: 0;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry::before,
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry > .icon {
  display: none;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry.TabCordion--is-active > .TabCordion--entry-container > .TabCordion--entry-content {
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry > .TabCordion--entry-container {
  overflow: visible;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry > .TabCordion--entry-container > .TabCordion--entry-content {
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
  padding: 1.2rem 1.2rem 2rem;
}
.TabsResponsive .TabCordion.TabCordion--has-tabs > .TabCordion--sections > .TabCordion--entry > .TabCordion--entry-container > .TabCordion--entry-content .TabCordion {
  margin: 0;
  padding: 0;
}
.TabsResponsive .horizontal-layout > .TabCordion--tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.TabsResponsive .horizontal-layout > .TabCordion--tabs .tab {
  border-bottom: 1px solid #F1EFF2;
}
.TabsResponsive .horizontal-layout > .TabCordion--tabs > .TabCordion--slider {
  height: 4px;
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: -webkit-gradient(linear, right top, left top, from(#d81421), color-stop(25%, #772f5e), to(#164a9a));
  background: linear-gradient(-90deg, #d81421 0%, #772f5e 25%, #164a9a 100%);
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs > .TabCordion--tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 230px;
  width: 30%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs > .TabCordion--tabs .tab {
  text-align: left;
  border: 0;
  border-top: 1px solid #F1EFF2;
  color: #545454;
  width: 100%;
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs > .TabCordion--tabs .tab:last-of-type {
  border-bottom: 1px solid #F1EFF2;
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs > .TabCordion--tabs .tab.TabCordion--is-active {
  border-color: #545454;
}
.TabsResponsive .vertical-layout.TabCordion--has-tabs > .TabCordion--tabs .tab.TabCordion--is-active + .tab {
  border-top: 1px solid #545454;
}
.TabsResponsive--style-primary .horizontal-layout > .TabCordion--tabs .TabCordion--slider {
  display: none !important;
}
.TabsResponsive--style-primary .horizontal-layout > .TabCordion--tabs .tab.TabCordion--is-active {
  position: relative;
}
.TabsResponsive--style-primary .horizontal-layout > .TabCordion--tabs .tab.TabCordion--is-active::after {
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#d81421), color-stop(25%, #772f5e), to(#164a9a));
  background: linear-gradient(-90deg, #d81421 0%, #772f5e 25%, #164a9a 100%);
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-tabs > .TabCordion--tabs .TabCordion--select {
  display: none;
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs {
  margin: 0;
  padding: 0;
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs .TabCordion--tabs-wrapper {
  background: none;
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs .tab,
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs .TabCordion--slider {
  visibility: hidden;
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs .TabCordion--select {
  position: absolute;
  display: block;
  width: 100%;
}
.TabsResponsive--style-secondary > .TabCordion.TabCordion--has-select > .TabCordion--tabs .TabCordion--select select {
  border-radius: 6px;
  border: 4px solid #e5ecf9;
  color: #164a9a;
  font-weight: 600;
  font-size: 16px;
}
.TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 16px;
  position: relative;
}
.TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper {
  background-color: #e5ecf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px;
  border-radius: 8px;
}
.TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .tab {
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 24px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  white-space: nowrap;
  height: 40px;
}
@media only screen and (min-width: 993px) {
  .TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .tab {
    height: 56px;
  }
}
@media only screen and (max-width: 992px) {
  .TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .tab {
    font-size: 12px;
  }
}
.TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .TabCordion--slider {
  background: #ffffff;
  width: calc(33.3333333333% - 10px);
  height: 40px;
  position: absolute;
  -webkit-transition: all 0.3s cubic-bezier(0.92, 0, 0.5, 1);
  transition: all 0.3s cubic-bezier(0.92, 0, 0.5, 1);
  border-radius: 7.5px;
}
@media only screen and (min-width: 993px) {
  .TabsResponsive--style-secondary > .TabCordion > .TabCordion--tabs .TabCordion--tabs-wrapper .TabCordion--slider {
    height: 56px;
  }
}

.aem-AuthorLayer-Edit .TabCordion--entry:not(.TabCordion--is-active) {
  display: none !important;
}

.TabsSection__Container {
  padding: 100px 15px 0;
  gap: 30px;
}
@media only screen and (min-width: 993px) {
  .TabsSection__Container {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.TabsSection--position-image_right .TabsSection__Container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 993px) {
  .TabsSection__Tabs, .TabsSection__Content {
    width: 50%;
  }
}
@media only screen and (max-width: 992px) {
  .TabsSection__Heading {
    text-align: center;
  }
}
@media only screen and (max-width: 992px) {
  .TabsSection__Tabs > .h3 {
    text-align: center;
    padding: 0 0 30px;
  }
}
@media only screen and (min-width: 993px) {
  .TabsSection__Tabs > .h3 {
    padding: 0 0 45px;
  }
}
.TabsSection__Content-Inner {
  max-width: 530px;
  margin: auto;
}
.TabsSection__Content figure {
  margin: 0;
}
.TabsSection__Content img {
  width: 100%;
}

.Tag {
  line-height: 1;
  padding: 10px;
  color: #000000;
  font-weight: 300;
  border-radius: 60px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: capitalize;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Tag.Tag--type-primary {
  background: #d3d3d3;
}
.Tag.Tag--type-secondary {
  border: 2px solid #d3d3d3;
  padding: 8px;
}
.Tag.Tag--type-secondary.Tag--type-link {
  color: #164a9a;
  font-size: 16px;
  font-weight: 300;
}

.TaskStepper.TaskStepper--headingSize-h1 .TaskStepper__ItemCounter, .TaskStepper.TaskStepper--headingSize-h2 .TaskStepper__ItemCounter {
  height: 40px;
}
@media only screen and (min-width: 993px) {
  .TaskStepper.TaskStepper--headingSize-h1 .TaskStepper__ItemCounter, .TaskStepper.TaskStepper--headingSize-h2 .TaskStepper__ItemCounter {
    height: 48px;
  }
}
.TaskStepper.TaskStepper--headingSize-h1 .TaskStepper__Item:not(:last-child):after, .TaskStepper.TaskStepper--headingSize-h2 .TaskStepper__Item:not(:last-child):after {
  top: 42px;
}
@media only screen and (min-width: 993px) {
  .TaskStepper.TaskStepper--headingSize-h1 .TaskStepper__Item:not(:last-child):after, .TaskStepper.TaskStepper--headingSize-h2 .TaskStepper__Item:not(:last-child):after {
    top: 46px;
  }
}
.TaskStepper.TaskStepper--headingSize-h3 .TaskStepper__ItemCounter {
  height: 32px;
}
@media only screen and (min-width: 993px) {
  .TaskStepper.TaskStepper--headingSize-h3 .TaskStepper__ItemCounter {
    height: 40px;
  }
}
.TaskStepper.TaskStepper--headingSize-h3 .TaskStepper__Item:not(:last-child):after {
  top: 42px;
}
.TaskStepper.TaskStepper--headingSize-h4 .TaskStepper__ItemCounter, .TaskStepper.TaskStepper--headingSize-h5 .TaskStepper__ItemCounter {
  height: 32px;
}
.TaskStepper.TaskStepper--headingSize-h4 .TaskStepper__Item:not(:last-child):after, .TaskStepper.TaskStepper--headingSize-h5 .TaskStepper__Item:not(:last-child):after {
  top: 38px;
}
.TaskStepper.TaskStepper--headingSize-h6 .TaskStepper__ItemCounter {
  height: 24px;
}
.TaskStepper.TaskStepper--headingSize-h6 .TaskStepper__Item:not(:last-child):after {
  top: 34px;
}
.TaskStepper .TaskStepper__Heading {
  margin-bottom: 34px;
}
.TaskStepper .TaskStepper__Container {
  counter-reset: step;
}
.TaskStepper .TaskStepper__ItemTitle {
  font-size: 22px;
}
.TaskStepper .TaskStepper__Item {
  padding-left: 44px;
  position: relative;
  margin: 10px 0 28px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 12px;
}
.TaskStepper .TaskStepper__Item img {
  max-width: 100%;
  height: auto;
}
.TaskStepper .TaskStepper__Item:not(:last-child):after {
  content: "";
  border-left: 1px dashed #000000;
  position: absolute;
  left: 21px;
  top: 44px;
  height: calc(100% - 15px);
}
.TaskStepper .TaskStepper__ItemTitle span,
.TaskStepper .TaskStepper__ItemContent {
  padding-left: 20px;
}
.TaskStepper .TaskStepper__ItemTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 44px);
          flex: 1 1 calc(100% - 44px);
}
.TaskStepper .TaskStepper__ItemCounter {
  color: #164a9a;
  margin-left: -44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TaskStepper .TaskStepper__ItemCounter:before {
  counter-increment: step;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: counter(step);
  width: 40px;
  height: 40px;
  border: 1px solid #164a9a;
  line-height: 40px;
  font-size: 16px;
  display: block;
  text-align: center;
  border-radius: 50%;
  color: #164a9a;
  font-weight: 400;
}
.TaskStepper .TaskStepper__ItemContent {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.TaskStepper .TaskStepper__ItemContent.TaskStepper__ItemContent--align-to-number {
  margin-top: -4px;
}

.TeamCard {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
}
.TeamCard.TeamCard--type-team .TeamCard__Bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}
.TeamCard.TeamCard--type-team .TeamCard__Bottom .TeamCard__RoleItem {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}
.TeamCard.TeamCard--type-mini .TeamCard__Bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px !important;
  gap: 16px;
}
.TeamCard.TeamCard--type-mini .TeamCard__Bottom .TeamCard__Content {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.TeamCard li.TeamCard__RoleItem.p4 {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 8px;
}
.TeamCard .TeamCard__Name.h4 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 8px;
}
.TeamCard .TeamCard__Container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TeamCard .TeamCard__Container .TeamCard__Top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.TeamCard .TeamCard__Container .TeamCard__Top .TeamCard__Image {
  max-width: 100%;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 24px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom::before {
  content: "";
  height: 4px;
  background: none;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__AvatarImage {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .TeamCard__Button {
  margin-top: 6px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .TeamCard__Number {
  font-weight: 300;
  color: #164A9A;
  font-size: 16px;
  text-decoration: underline;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .TeamCard__Social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  gap: 16px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .TeamCard__Social .TeamCard__SocialIcon {
  font-size: 24px;
  color: #000000;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .TeamModal {
  margin-top: 16px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 0px !important;
  margin-left: 32px;
  margin-right: 32px;
}
@media only screen and (min-width: 993px) {
  .TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content {
    margin: 0 auto;
    min-width: 500px;
  }
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Top .iFrameWrapper {
  margin-bottom: 0px !important;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Top .Modal__Profile {
  background: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 34px 42px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Top .Modal__Profile .Modal__ProfileContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Top .Modal__Profile .Modal__ProfileContent .Modal__RoleItem {
  text-align: center;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Bottom {
  padding: 22px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 993px) {
  .TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Bottom {
    padding: 40px;
  }
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Bottom::before {
  content: "";
  height: 4px;
  background-color: #164a9a;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Bottom .Modal__Content {
  margin-left: 0px !important;
  border-radius: 0px !important;
}
.TeamCard .TeamCard__Container .TeamCard__Bottom .TeamCard__Content .Modal__Content .Modal__Bottom .Modal__BIO {
  color: #767676;
}

.TextAndButtons.TextAndButtons--alignment-left .TextAndButtons__Buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.TextAndButtons.TextAndButtons--alignment-center .TextAndButtons__Text {
  text-align: center;
}
.TextAndButtons.TextAndButtons--alignment-center .TextAndButtons__Buttons {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.TextAndButtons.TextAndButtons--alignment-right .TextAndButtons__Buttons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .TextAndButtons .TextAndButtons__Text {
    margin-top: 45px;
    margin-bottom: 24px;
  }
}
.TextAndButtons .TextAndButtons__Text {
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .TextAndButtons .TextAndButtons__Buttons {
    margin-bottom: 45px;
  }
}
.TextAndButtons .TextAndButtons__Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 30px;
}

.TextInput {
  display: block;
  margin-bottom: 40px;
  position: relative;
}
.TextInput .TextInput__Input {
  width: 100%;
  height: 48px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 0 16px;
}
.TextInput .TextInput__Clear {
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.TextInput .TextInput__Clear.TextInput__Clear--visible {
  opacity: 1;
  visibility: visible;
}

.Edge__ToolAndResources__Card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 637px;
  width: 50%;
  height: 520px;
  background: #ffffff;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .Edge__ToolAndResources__Card {
    padding: 40px 24px;
    width: 100%;
    min-width: 343px;
  }
}
.Edge__ToolAndResources__Card .Badge {
  background: #e5ecf9;
  border-radius: 99px;
  padding: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #164a9a;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
}
.Edge__ToolAndResources__CardHeading {
  color: #164a9a;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}
.Edge__ToolAndResources__CardDescription {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #545454;
}

.Card__Content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 382px;
}
@media only screen and (max-width: 992px) {
  .Card__Content {
    width: auto;
  }
}
.Card__Content .Button {
  width: 230px;
}

.Calculator__Image {
  width: 385px;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .Calculator__Image {
    width: 280px;
  }
}

.Edge__ToolAndResources {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #192b4b;
  gap: 41px;
  margin-top: -1px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.Edge__ToolAndResources__Heading {
  color: #ffffff;
}

.Edge__ToolAndResources__Cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 97px;
}
@media only screen and (max-width: 992px) {
  .Edge__ToolAndResources__Cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 16px;
    gap: 22px;
  }
}

.Video {
  padding: 45px 0;
}
@media only screen and (min-width: 993px) {
  .Video {
    padding: 145px 0;
  }
}
.Video.Video--noPadding {
  padding: 0;
}
.Video.Video--noOverlay .Video__Content {
  background: none !important;
}
@media only screen and (min-width: 993px) {
  .Video[data-status=playing] .Video__ContentWrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-53%);
            transform: translateY(-53%);
  }
}
.Video[data-status=playing] [data-cmp-hook-video=playVideo] {
  height: 0;
  overflow: hidden;
  margin: 0;
}
.Video[data-status=playing] .Video__ContentCta button {
  height: 0;
  overflow: hidden;
  margin: 0;
}
.Video .wrapper {
  position: relative;
}
.Video .Video__Body {
  position: relative;
}
.Video .Video__Transcript {
  padding: 24px 0;
}
.Video .Video__Transcript .transcriptStyle {
  margin: 0 !important;
  width: 100% !important;
}
.Video .Video__Object {
  overflow: hidden;
  padding: 56.25% 0 0 0;
  position: relative;
}
.Video .Video__Object iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* On safari the radius needs to be applied to the iFrame too */
}
@media only screen and (min-width: 993px) {
  .Video .Video__ContentWrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
  }
}
.Video .Video__SectionHeading,
.Video .Video__SectionSubHeading {
  text-align: center;
  color: #000000 !important;
}
.Video .Video__SectionHeading,
.Video .Video__SectionSubHeading {
  margin-bottom: 32px;
}
.Video .Video__SectionHeading h2, .Video .Video__SectionHeading p,
.Video .Video__SectionSubHeading h2,
.Video .Video__SectionSubHeading p {
  color: #000000 !important;
  line-height: 140%;
}
.Video .Video__SectionHeading p,
.Video .Video__SectionSubHeading p {
  font-size: 18px !important;
}
@media only screen and (min-width: 993px) {
  .Video .Video__SectionHeading,
  .Video .Video__SectionSubHeading {
    margin-bottom: 16px;
  }
}
.Video .Video__SectionSubHeading {
  margin-bottom: 32px;
}
.Video .Video__Disclaimer {
  text-align: center;
  margin-top: 32px;
}
.Video .Video__Disclaimer p {
  font-size: 18px !important;
  font-weight: 300;
  line-height: 140%;
}
.Video .Video__Actions {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Video .Video__Content {
  background: #ffffff;
  pointer-events: all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
  padding: 24px;
}
@media only screen and (min-width: 993px) {
  .Video .Video__Content {
    padding: 32px;
    height: 273px;
    width: 424px;
  }
}
.Video .Video__Content .Video__ContentSubheading {
  display: block;
  color: #164a9a;
  margin-bottom: 8px;
}
@media only screen and (min-width: 993px) {
  .Video .Video__Content .Video__ContentSubheading {
    margin-bottom: 16px;
  }
}
.Video .Video__Content .Video__ContentHeading {
  margin-bottom: 16px;
  font-size: 2rem !important;
  line-height: 36px;
  font-weight: 400;
  color: #191919 !important;
}
.Video .Video__Content .Video__ContentBody {
  font-size: 1rem;
}
.Video .Video__Content .Video__ContentBody p {
  font-size: 1rem;
  color: #333333;
  font-weight: 300;
  line-height: 24px;
}
.Video .Video__Content .Video__ContentBody {
  margin-bottom: 16px;
}
.Video .Video__Content .Video__ContentCta {
  height: auto;
}
.Video .Video__Content .Video__ContentCta .buttonStyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .Video .Video__Content .Video__ContentCta .buttonStyle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.Video .Video__Content .Video__ContentCta .buttonStyle {
  gap: 16px;
}

.VideoAndText__Container {
  padding: 30px 15px;
  text-align: center;
  gap: 30px;
}
@media only screen and (min-width: 768px) {
  .VideoAndText__Container {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.VideoAndText__Container {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .VideoAndText__Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 30px 15px;
  }
}
.VideoAndText__Video, .VideoAndText__Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) {
  .VideoAndText__Video, .VideoAndText__Content {
    width: 50%;
  }
}
.VideoAndText__Video {
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  height: 378px;
  width: 638px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.VideoAndText__Video video {
  position: relative;
  left: 0;
  top: 0;
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .VideoAndText__Video {
    display: none;
  }
}
.VideoAndText .Video__Container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.7411764706);
  backdrop-filter: blur(5px);
  z-index: 99999998;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media only screen and (max-width: 992px) {
  .VideoAndText .Video__Container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: unset;
    background: unset;
    height: 100%;
    width: 100%;
    position: relative;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    padding: 56.25% 0 0 0;
  }
}
.VideoAndText .Video__Container iframe {
  position: relative;
  max-width: 1192px;
  width: 80%;
  opacity: 1;
  z-index: 99999998;
}
@media only screen and (max-width: 992px) {
  .VideoAndText .Video__Container iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.VideoAndText__Content {
  height: 487px;
  width: 880px;
  border-radius: 16px;
  position: relative;
  left: -25%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 992px) {
  .VideoAndText__Content {
    position: unset;
    width: 100%;
    height: 300px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.VideoAndText__ContentInner {
  max-width: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 304px;
  position: absolute;
  right: 112px;
}
.VideoAndText__ContentInner .Button {
  background-color: transparent !important;
}
.VideoAndText__ContentInner .Button:hover {
  background-color: #ffffff !important;
}
@media only screen and (max-width: 992px) {
  .VideoAndText__ContentInner {
    position: unset;
  }
  .VideoAndText__ContentInner .h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .VideoAndText__ContentInner .p1 {
    font-size: 18px;
    line-height: 32px;
  }
}
.VideoAndText__Content .h2 {
  color: #ffffff;
}
.VideoAndText__Content .p1 {
  color: #ffffff;
}

.VideoAndText--position-image_right .VideoAndText__Container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 992px) {
  .VideoAndText--position-image_right .VideoAndText__Container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.VideoAndText--position-image_right .VideoAndText__Content {
  left: 25%;
}
.VideoAndText--position-image_right .VideoAndText__ContentInner {
  left: 222px;
}
.VideoAndText--position-image_right__Video {
  left: 20%;
  position: relative;
}

.hide {
  display: none !important;
}
