@charset "UTF-8";
/* Breakpoints */
:root {
  --colors-brand-primary: rgba(0, 44, 95, 1);
  --colors-brand-secondary: rgba(228, 220, 211, 1);
  --colors-grey-1: rgba(234, 234, 235, 1);
  --colors-grey-2: rgba(206, 206, 208, 1);
  --colors-grey-3: rgba(105, 105, 110, 1);
  --colors-grey-4: rgba(83, 83, 86, 1);
  --colors-grey-5: rgba(37, 37, 39, 1);
  --colors-text-headline: rgba(0, 0, 0, 1);
  --colors-text-copy: rgba(0, 0, 0, 1);
  --colors-brand-light: rgba(255, 255, 255, 1);
  --colors-brand-dark: rgba(0, 0, 0, 1);
  --colors-text-disclaimer: rgba(18, 20, 22, 1);
  --colors-grey-6: rgba(18, 20, 22, 1);
  --colors-interaction-focus: rgba(0, 0, 0, 1);
  --colors-interaction-interactive: rgba(0, 44, 95, 1);
  --colors-interaction-hover: rgba(0, 60, 120, 1);
  --colors-interaction-primary: rgba(0, 44, 95, 1);
  --colors-interaction-primary-hover: rgba(0, 60, 120, 1);
  --colors-interaction-disabled: rgba(234, 234, 235, 1);
  --colors-interaction-disabled-fg: rgba(127, 127, 133, 1);
  --colors-notification-error: rgba(230, 51, 18, 1);
  --colors-interaction-selected: rgba(0, 44, 95, 1);
  --colors-interaction-selected-hover: rgba(0, 60, 120, 1);
  --colors-interaction-primary-fg: rgba(255, 255, 255, 1);
  --colors-interaction-primary-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-selected-fg: rgba(255, 255, 255, 1);
  --colors-interaction-selected-hover-fg: rgba(255, 255, 255, 1);
  --colors-background-default: rgba(255, 255, 255, 1);
  --colors-interaction-interactive-fg: rgba(255, 255, 255, 1);
  --colors-interaction-hover-fg: rgba(255, 255, 255, 1);
  --colors-utils-shadow: rgba(0, 0, 0, 0.25);
  --colors-forms-border: rgba(0, 0, 0, 1);
  --colors-forms-fill: rgba(255, 255, 255, 1);
  --colors-skeleton-stop-1: rgba(105, 105, 110, 1);
  --colors-skeleton-stop-2: rgba(206, 206, 208, 1);
  --colors-skeleton-stop-3: rgba(234, 234, 235, 1);
  --colors-forms-border-hover: rgba(73, 90, 136, 1);
  --colors-forms-error: rgba(230, 51, 18, 1);
  --colors-forms-error-hover: rgba(230, 51, 18, 1);
  --colors-notification-info: rgba(62, 142, 234, 1);
  --colors-notification-warning: rgba(236, 142, 1, 1);
  --colors-notification-success: rgba(0, 255, 29, 1);
  --colors-notification-info-bg: rgba(226, 237, 255, 1);
  --colors-notification-info-fg: rgba(255, 255, 255, 1);
  --colors-notification-success-fg: rgba(0, 0, 0, 1);
  --colors-notification-success-bg: rgba(0, 255, 29, 1);
  --colors-notification-error-fg: rgba(255, 255, 255, 1);
  --colors-notification-error-bg: rgba(230, 51, 18, 1);
  --colors-notification-warning-fg: rgba(0, 0, 0, 1);
  --colors-notification-warning-bg: rgba(236, 142, 1, 1);
  --colors-border-outline-medium: rgba(206, 206, 208, 1);
  --colors-border-outline-ultimate: rgba(58, 58, 60, 1);
  --colors-border-outline-highest: rgba(105, 105, 110, 1);
  --colors-border-outline-low: rgba(234, 234, 235, 1);
  --colors-border-outline-high: rgba(146, 146, 150, 1);
  --colors-border-outline-min: rgba(255, 255, 255, 1);
  --colors-border-outline-max: rgba(18, 20, 22, 1);
  --colors-interaction-pressed: rgba(0, 60, 120, 1);
  --colors-interaction-pressed-fg: rgba(255, 255, 255, 1);
  --colors-interaction-primary-pressed-fg: rgba(255, 255, 255, 1);
  --colors-interaction-primary-pressed: rgba(0, 60, 120, 1);
  --colors-interaction-secondary-pressed-fg: rgba(255, 255, 255, 1);
  --colors-interaction-secondary: rgba(255, 255, 255, 0);
  --colors-interaction-secondary-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-secondary-pressed: rgba(0, 60, 120, 1);
  --colors-interaction-secondary-hover: rgba(0, 60, 120, 1);
  --colors-interaction-secondary-fg: rgba(0, 44, 95, 1);
  --colors-interaction-tertiary-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-tertiary-pressed-fg: rgba(255, 255, 255, 1);
  --colors-interaction-tertiary-hover: rgba(234, 234, 235, 1);
  --colors-interaction-tertiary-fg: rgba(18, 20, 22, 1);
  --colors-interaction-tertiary-pressed: rgba(206, 206, 208, 1);
  --colors-interaction-tertiary: rgba(245, 245, 245, 1);
  --colors-interaction-focus-alternative: rgba(255, 255, 255, 1);
  --colors-interaction-deselected: rgba(146, 146, 150, 1);
  --colors-interaction-deselected-hover: rgba(183, 183, 186, 1);
  --colors-text-primary-highlight: rgba(0, 44, 95, 1);
  --colors-text-secondary-highlight: rgba(0, 0, 0, 1);
  --colors-background-dark: rgba(18, 20, 22, 1);
  --colors-text-disclaimer-dark: rgba(255, 255, 255, 1);
  --colors-background-alternative: rgba(228, 220, 211, 1);
  --colors-border-outline-divider: rgba(201, 194, 186, 1);
  /* S → Mobile */
  /* M → Tablet */
  /* L → Desktop */
  /* XL → Widescreen */
}
@media (min-width: 321px) {
  :root {
    --typo-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-h1-size: 32px;
    --typo-h2-size: 28px;
    --typo-h3-size: 26px;
    --typo-h4-size: 22px;
    --typo-h5-size: 20px;
    --typo-h6-size: 16px;
    --typo-copy-xl-size: 24px;
    --typo-copy-l-size: 16px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 12px;
    --typo-copy-xxs-size: 10px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 20px;
    --typo-navigation-size: 16px;
    --modul-spacing: 56px;
  }
}
@media (min-width: 769px) {
  :root {
    --typo-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-h1-size: 48px;
    --typo-h2-size: 40px;
    --typo-h3-size: 32px;
    --typo-h4-size: 24px;
    --typo-h5-size: 20px;
    --typo-h6-size: 18px;
    --typo-copy-xl-size: 24px;
    --typo-copy-l-size: 16px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 12px;
    --typo-copy-xxs-size: 10px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 20px;
    --typo-navigation-size: 16px;
    --modul-spacing: 72px;
  }
}
@media (min-width: 1025px) {
  :root {
    --typo-interactive-l-size: 20px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-h1-size: 88px;
    --typo-h2-size: 64px;
    --typo-h3-size: 40px;
    --typo-h4-size: 32px;
    --typo-h5-size: 28px;
    --typo-h6-size: 18px;
    --typo-copy-xl-size: 40px;
    --typo-copy-l-size: 20px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 14px;
    --typo-copy-xxs-size: 12px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 28px;
    --typo-navigation-size: 16px;
    --modul-spacing: 112px;
  }
}
@media (min-width: 1441px) {
  :root {
    --typo-interactive-l-size: 24px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-h1-size: 112px;
    --typo-h2-size: 72px;
    --typo-h3-size: 48px;
    --typo-h4-size: 40px;
    --typo-h5-size: 28px;
    --typo-h6-size: 22px;
    --typo-copy-xl-size: 48px;
    --typo-copy-l-size: 24px;
    --typo-copy-m-size: 16px;
    --typo-copy-s-size: 14px;
    --typo-copy-xs-size: 14px;
    --typo-copy-xxs-size: 12px;
    --typo-copy-xl-weight: 400;
    --typo-copy-l-weight: 400;
    --typo-copy-m-weight: 400;
    --typo-pricing-size: 28px;
    --typo-navigation-size: 16px;
    --modul-spacing: 120px;
  }
}