@charset "UTF-8";
/* Breakpoints */
:root {
  --colors-brand-primary: rgba(230, 51, 18, 1);
  --colors-text-headline: rgba(255, 255, 255, 1);
  --colors-grey-1: rgba(18, 20, 22, 1);
  --colors-interaction-focus: rgba(255, 255, 255, 1);
  --colors-interaction-interactive: rgba(236, 56, 24, 1);
  --colors-background-default: rgba(0, 0, 0, 1);
  --colors-brand-secondary: rgba(170, 202, 230, 1);
  --colors-brand-light: rgba(255, 255, 255, 1);
  --colors-brand-dark: rgba(0, 0, 0, 1);
  --colors-text-copy: rgba(255, 255, 255, 1);
  --colors-text-disclaimer: rgba(18, 20, 22, 1);
  --colors-grey-2: rgba(37, 37, 39, 1);
  --colors-grey-3: rgba(83, 83, 86, 1);
  --colors-grey-4: rgba(105, 105, 110, 1);
  --colors-grey-5: rgba(206, 206, 208, 1);
  --colors-grey-6: rgba(234, 234, 235, 1);
  --colors-interaction-interactive-fg: rgba(0, 0, 0, 1);
  --colors-interaction-hover: rgba(255, 76, 42, 1);
  --colors-interaction-hover-fg: rgba(0, 0, 0, 1);
  --colors-interaction-primary: rgba(236, 56, 24, 1);
  --colors-interaction-primary-fg: rgba(0, 0, 0, 1);
  --colors-interaction-primary-hover: rgba(255, 76, 42, 1);
  --colors-interaction-primary-hover-fg: rgba(0, 0, 0, 1);
  --colors-interaction-selected: rgba(236, 56, 24, 1);
  --colors-interaction-selected-fg: rgba(255, 255, 255, 1);
  --colors-interaction-selected-hover: rgba(255, 76, 42, 1);
  --colors-interaction-selected-hover-fg: rgba(255, 255, 255, 1);
  --colors-interaction-disabled: rgba(255, 255, 255, 0.3);
  --colors-interaction-disabled-fg: rgba(0, 0, 0, 0.6);
  --colors-text-primary-highlight: rgba(170, 202, 230, 1);
  --colors-text-secondary-highlight: rgba(230, 51, 18, 1);
  --colors-interaction-secondary: rgba(255, 255, 255, 0);
  --colors-interaction-secondary-fg: rgba(236, 56, 24, 1);
  --colors-interaction-secondary-hover: rgba(255, 76, 42, 1);
  --colors-interaction-secondary-hover-fg: rgba(0, 0, 0, 1);
  --colors-interaction-secondary-pressed: rgba(255, 76, 42, 1);
  --colors-interaction-secondary-pressed-fg: rgba(255, 255, 255, 1);
  --colors-background-color: rgba(0, 0, 0, 1);
  --colors-text-disclaimer-dark: rgba(234, 234, 235, 1);
  --colors-background-alternative: rgba(18, 20, 22, 1);
  --colors-border-outline-divider: rgba(37, 37, 39, 1);
  /* S → Mobile */
  /* M → Tablet */
  /* L → Desktop */
  /* XL → Widescreen */
}
@media (min-width: 321px) {
  :root {
    --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-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 500;
    --typo-copy-l-weight: 500;
    --typo-copy-m-weight: 500;
    --typo-pricing-size: 20px;
    --typoavigation-size-n: 16px;
    --modul-spacing: 56px;
  }
}
@media (min-width: 769px) {
  :root {
    --typo-h1-size: 56px;
    --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-interactive-l-size: 16px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 500;
    --typo-copy-l-weight: 500;
    --typo-copy-m-weight: 500;
    --typo-pricing-size: 20px;
    --typoavigation-size-n: 16px;
    --modul-spacing: 72px;
  }
}
@media (min-width: 1025px) {
  :root {
    --typo-h1-size: 104px;
    --typo-h2-size: 64px;
    --typo-h3-size: 48px;
    --typo-h4-size: 32px;
    --typo-h5-size: 28px;
    --typo-h6-size: 18px;
    --typo-copy-xl-size: 48px;
    --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-interactive-l-size: 20px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 500;
    --typo-copy-l-weight: 500;
    --typo-copy-m-weight: 500;
    --typo-pricing-size: 28px;
    --typoavigation-size-n: 16px;
    --modul-spacing: 120px;
  }
}
@media (min-width: 1441px) {
  :root {
    --typo-h1-size: 152px;
    --typo-h2-size: 96px;
    --typo-h3-size: 56px;
    --typo-h4-size: 40px;
    --typo-h5-size: 28px;
    --typo-h6-size: 22px;
    --typo-copy-xl-size: 56px;
    --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-interactive-l-size: 24px;
    --typo-interactive-m-size: 16px;
    --typo-interactive-s-size: 14px;
    --typo-copy-xl-weight: 500;
    --typo-copy-l-weight: 500;
    --typo-copy-m-weight: 500;
    --typo-pricing-size: 28px;
    --typoavigation-size-n: 16px;
    --modul-spacing: 144px;
  }
}