@layer vars,
base,
components;

html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
@layer vars {
  @media screen {
    :root {
      --ds-p-blue-50: #ebfaff;
      --ds-p-blue-100: #cdf0ff;
      --ds-p-blue-200: #aeddfa;
      --ds-p-blue-300: #8cc8f5;
      --ds-p-blue-400: #64a3fb;
      --ds-p-blue-500: #3264ff;
      --ds-p-blue-600: #244dea;
      --ds-p-blue-700: #1339c8;
      --ds-p-blue-800: #1e1991;
      --ds-p-blue-900: #0f0d52;
      --ds-p-grassgreen-300: #c3f087;
      --ds-p-grassgreen-500: #82cd19;
      --ds-p-green-50: #e6f6eb;
      --ds-p-green-100: #c7edcc;
      --ds-p-green-200: #9bd7a0;
      --ds-p-green-300: #78cd82;
      --ds-p-green-400: #50bb64;
      --ds-p-green-500: #19aa46;
      --ds-p-green-600: #128938;
      --ds-p-green-700: #11712c;
      --ds-p-green-800: #0b491d;
      --ds-p-green-900: #143200;
      --ds-p-lightblue-300: #96afff;
      --ds-p-midnight: #000523;
      --ds-p-neutral-50: #f6f7f8;
      --ds-p-neutral-100: #eff0f2;
      --ds-p-neutral-200: #e5e7eb;
      --ds-p-neutral-300: #b5bac5;
      --ds-p-neutral-400: #8d95a5;
      --ds-p-neutral-500: #626e84;
      --ds-p-neutral-600: #4a5870;
      --ds-p-neutral-700: #24324d;
      --ds-p-neutral-800: #172541;
      --ds-p-neutral-900: #071533;
      --ds-p-opacity-midnight-100: #0715330a;
      --ds-p-opacity-midnight-200: #07153314;
      --ds-p-opacity-midnight-300: #0715331e;
      --ds-p-opacity-midnight-400: #07153328;
      --ds-p-opacity-midnight-500: #0715333d;
      --ds-p-opacity-midnight-600: #07153351;
      --ds-p-opacity-midnight-700: #0715337a;
      --ds-p-opacity-midnight-800: #071533a3;
      --ds-p-opacity-midnight-900: #071533e0;
      --ds-p-opacity-white-100: #f6f7f80a;
      --ds-p-opacity-white-200: #f6f7f814;
      --ds-p-opacity-white-300: #f6f7f81e;
      --ds-p-opacity-white-400: #f6f7f828;
      --ds-p-opacity-white-500: #f6f7f83d;
      --ds-p-opacity-white-600: #f6f7f851;
      --ds-p-opacity-white-700: #f6f7f87a;
      --ds-p-opacity-white-800: #f6f7f8a3;
      --ds-p-opacity-white-900: #f6f7f8e0;
      --ds-p-orange-300: #f6be86;
      --ds-p-orange-500: #fa7806;
      --ds-p-orangered-300: #f4a480;
      --ds-p-orangered-500: #ff5a00;
      --ds-p-pink-300: #d791ff;
      --ds-p-pink-500: #e128a0;
      --ds-p-purple-300: #d791ff;
      --ds-p-purple-500: #be32ff;
      --ds-p-red-50: #fff5f0;
      --ds-p-red-100: #ffe6d7;
      --ds-p-red-200: #fac9bb;
      --ds-p-red-300: #eb8c82;
      --ds-p-red-400: #ef5244;
      --ds-p-red-500: #f0281e;
      --ds-p-red-525: #ea1a10;
      --ds-p-red-600: #c11a1d;
      --ds-p-red-700: #9e0f1b;
      --ds-p-red-800: #640014;
      --ds-p-red-900: #3e000b;
      --ds-p-skyblue-500: #00aaff;
      --ds-p-turquoise-300: #9bebeb;
      --ds-p-turquoise-500: #00d2d2;
      --ds-p-violet-50: #f2ebff;
      --ds-p-violet-100: #e6d7ff;
      --ds-p-violet-200: #c9b9fe;
      --ds-p-violet-300: #a596fa;
      --ds-p-violet-400: #8c76fd;
      --ds-p-violet-500: #734bff;
      --ds-p-violet-600: #6140dc;
      --ds-p-violet-700: #5a2cd8;
      --ds-p-violet-800: #45209a;
      --ds-p-violet-900: #37005a;
      --ds-p-white: #ffffff;
      --ds-p-yellow-50: #fffae7;
      --ds-p-yellow-100: #fff5be;
      --ds-p-yellow-200: #ffee9b;
      --ds-p-yellow-300: #f5dd89;
      --ds-p-yellow-400: #ffd864;
      --ds-p-yellow-500: #ffd200;
      --ds-p-yellow-600: #ebbb0e;
      --ds-p-yellow-700: #b68f00;
      --ds-p-yellow-800: #755c00;
      --ds-p-yellow-900: #3f3200;
      --ds-s-content-disabled: light-dark(
        var(--ds-p-neutral-300),
        var(--ds-p-neutral-600)
      );
      --ds-s-content-inverted: light-dark(
        var(--ds-p-white),
        var(--ds-p-midnight)
      );
      --ds-s-content-link-default: light-dark(
        var(--ds-p-blue-600),
        var(--ds-p-blue-400)
      );
      --ds-s-content-link-default-hover: light-dark(
        var(--ds-p-blue-700),
        var(--ds-p-blue-300)
      );
      --ds-s-content-link-visited: light-dark(
        var(--ds-p-violet-600),
        var(--ds-p-violet-300)
      );
      --ds-s-content-link-visited-hover: light-dark(
        var(--ds-p-violet-800),
        var(--ds-p-violet-200)
      );
      --ds-s-content-primary: light-dark(
        var(--ds-p-midnight),
        var(--ds-p-white)
      );
      --ds-s-content-secondary: light-dark(
        var(--ds-p-neutral-600),
        var(--ds-p-neutral-400)
      );
      --ds-s-content-system-error: light-dark(
        var(--ds-p-red-700),
        var(--ds-p-red-300)
      );
      --ds-s-content-system-info: light-dark(
        var(--ds-p-blue-700),
        var(--ds-p-blue-400)
      );
      --ds-s-content-system-success: light-dark(
        var(--ds-p-green-700),
        var(--ds-p-grassgreen-300)
      );
      --ds-s-content-system-warning: light-dark(
        var(--ds-p-yellow-800),
        var(--ds-p-yellow-600)
      );
      --ds-s-stroke-focus-outline: light-dark(
        var(--ds-p-blue-500),
        var(--ds-p-blue-400)
      );
      --ds-s-stroke-focus-outline-tv: light-dark(
        var(--ds-p-opacity-white-600),
        var(--ds-p-opacity-white-800)
      );
      --ds-s-stroke-input-default: light-dark(
        var(--ds-p-neutral-500),
        var(--ds-p-neutral-400)
      );
      --ds-s-stroke-input-disabled: light-dark(
        var(--ds-p-neutral-300),
        var(--ds-p-neutral-600)
      );
      --ds-s-stroke-input-selected: light-dark(
        var(--ds-p-midnight),
        var(--ds-p-white)
      );
      --ds-s-stroke-system-error: light-dark(
        var(--ds-p-red-700),
        var(--ds-p-red-300)
      );
      --ds-s-surface-ads: light-dark(#dadde3, #36455f);
      --ds-s-surface-effect-scrim: light-dark(#00000080, #00000080);
      --ds-s-surface-elevation-float: light-dark(
        var(--ds-p-neutral-50),
        var(--ds-p-neutral-700)
      );
      --ds-s-surface-elevation-modal: light-dark(
        var(--ds-p-white),
        var(--ds-p-neutral-900)
      );
      --ds-s-surface-extra-bright: light-dark(
        var(--ds-p-white),
        var(--ds-p-neutral-800)
      );
      --ds-s-surface-extra-dim: light-dark(
        var(--ds-p-neutral-50),
        var(--ds-p-midnight)
      );
      --ds-s-surface-inverted: light-dark(
        var(--ds-p-midnight),
        var(--ds-p-white)
      );
      --ds-s-surface-primary: light-dark(
        var(--ds-p-white),
        var(--ds-p-midnight)
      );
      --ds-s-surface-secondary: light-dark(
        var(--ds-p-neutral-50),
        var(--ds-p-neutral-900)
      );
      --ds-s-surface-state-hover: light-dark(
        var(--ds-p-opacity-midnight-200),
        var(--ds-p-opacity-white-400)
      );
      --ds-s-surface-state-hover-inverted: light-dark(
        var(--ds-p-opacity-white-400),
        var(--ds-p-opacity-midnight-200)
      );
      --ds-s-surface-system-error: light-dark(
        var(--ds-p-red-50),
        var(--ds-p-red-800)
      );
      --ds-s-surface-system-info: light-dark(
        var(--ds-p-blue-50),
        var(--ds-p-blue-900)
      );
      --ds-s-surface-system-success: light-dark(
        var(--ds-p-green-50),
        var(--ds-p-green-800)
      );
      --ds-s-surface-system-warning: light-dark(
        var(--ds-p-yellow-50),
        var(--ds-p-yellow-800)
      );
      --ds-s-surface-tertiary: light-dark(
        var(--ds-p-neutral-100),
        var(--ds-p-neutral-800)
      );
      --ds-s-surface-transparency-strong: light-dark(
        var(--ds-p-opacity-midnight-600),
        var(--ds-p-opacity-white-600)
      );
      --ds-s-surface-transparency-weak: light-dark(
        var(--ds-p-opacity-midnight-200),
        var(--ds-p-opacity-white-400)
      );
      --ds-s-surface-transparency-weakest: light-dark(
        var(--ds-p-opacity-midnight-100),
        var(--ds-p-opacity-white-300)
      );
      --ds-e-default: var(--ds-p-neutral-400);
      --ds-e-fa-yes: #2c966a;
      --ds-e-fa-no: #ce1e1e;
      --ds-e-fv-a: #e53838;
      --ds-e-fv-b: #78378c;
      --ds-e-fv-c: #96b226;
      --ds-e-fv-d: #127b7f;
      --ds-e-fv-f: #ef75ca;
      --ds-e-fv-h: #5fc8b4;
      --ds-e-fv-i: #1db9ce;
      --ds-e-fv-k: #8b8474;
      --ds-e-fv-m: #b48cd2;
      --ds-e-fv-o: #f9c153;
      --ds-e-fv-q: #5abe82;
      --ds-e-fv-v: #205da5;
      --ds-e-fv-æ: #78a0e1;
      --ds-e-fv-ø: #eb7341;
      --ds-e-fv-å: #32913c;
      --ds-e-fv-northatlantic: var(--ds-p-neutral-600);
      --ds-e-kv-a: #e53838;
      --ds-e-kv-b: #78378c;
      --ds-e-kv-c: #96b226;
      --ds-e-kv-d: #127b7f;
      --ds-e-kv-f: #ef75ca;
      --ds-e-kv-h: #5fc8b4;
      --ds-e-kv-i: #1db9ce;
      --ds-e-kv-k: #8b8474;
      --ds-e-kv-m: #b48cd2;
      --ds-e-kv-o: #f9c153;
      --ds-e-kv-q: #5abe82;
      --ds-e-kv-v: #205da5;
      --ds-e-kv-æ: #78a0e1;
      --ds-e-kv-ø: #eb7341;
      --ds-e-kv-å: #32913c;
      --ds-e-us-d: var(--ds-p-blue-500);
      --ds-e-us-r: var(--ds-p-red-500);
    }

    @supports not (color: light-dark(#fff, #000)) {
      :root {
        --ds-s-content-disabled: var(--ds-p-neutral-300);
        --ds-s-content-inverted: var(--ds-p-white);
        --ds-s-content-link-default: var(--ds-p-blue-600);
        --ds-s-content-link-default-hover: var(--ds-p-blue-700);
        --ds-s-content-link-visited: var(--ds-p-violet-600);
        --ds-s-content-link-visited-hover: var(--ds-p-violet-800);
        --ds-s-content-primary: var(--ds-p-midnight);
        --ds-s-content-secondary: var(--ds-p-neutral-600);
        --ds-s-content-system-error: var(--ds-p-red-700);
        --ds-s-content-system-info: var(--ds-p-blue-700);
        --ds-s-content-system-success: var(--ds-p-green-700);
        --ds-s-content-system-warning: var(--ds-p-yellow-800);
        --ds-s-stroke-focus-outline: var(--ds-p-blue-500);
        --ds-s-stroke-focus-outline-tv: var(--ds-p-opacity-white-600);
        --ds-s-stroke-input-default: var(--ds-p-neutral-500);
        --ds-s-stroke-input-disabled: var(--ds-p-neutral-300);
        --ds-s-stroke-input-selected: var(--ds-p-midnight);
        --ds-s-stroke-system-error: var(--ds-p-red-700);
        --ds-s-surface-ads: #dadde3;
        --ds-s-surface-effect-scrim: #00000080;
        --ds-s-surface-elevation-float: var(--ds-p-neutral-50);
        --ds-s-surface-elevation-modal: var(--ds-p-white);
        --ds-s-surface-extra-bright: var(--ds-p-white);
        --ds-s-surface-extra-dim: var(--ds-p-neutral-50);
        --ds-s-surface-inverted: var(--ds-p-midnight);
        --ds-s-surface-primary: var(--ds-p-white);
        --ds-s-surface-secondary: var(--ds-p-neutral-50);
        --ds-s-surface-state-hover: var(--ds-p-opacity-midnight-200);
        --ds-s-surface-state-hover-inverted: var(--ds-p-opacity-white-400);
        --ds-s-surface-system-error: var(--ds-p-red-50);
        --ds-s-surface-system-info: var(--ds-p-blue-50);
        --ds-s-surface-system-success: var(--ds-p-green-50);
        --ds-s-surface-system-warning: var(--ds-p-yellow-50);
        --ds-s-surface-tertiary: var(--ds-p-neutral-100);
        --ds-s-surface-transparency-strong: var(--ds-p-opacity-midnight-600);
        --ds-s-surface-transparency-weak: var(--ds-p-opacity-midnight-200);
        --ds-s-surface-transparency-weakest: var(--ds-p-opacity-midnight-100);
      }
    }
  }
}

@layer vars {
  @media screen {
    :root {
      --ds-p-size-2: calc(2 * var(--ds-unit));
      --ds-p-size-4: calc(4 * var(--ds-unit));
      --ds-p-size-8: calc(8 * var(--ds-unit));
      --ds-p-size-12: calc(12 * var(--ds-unit));
      --ds-p-size-16: calc(16 * var(--ds-unit));
      --ds-p-size-20: calc(20 * var(--ds-unit));
      --ds-p-size-24: calc(24 * var(--ds-unit));
      --ds-p-size-32: calc(32 * var(--ds-unit));
      --ds-p-size-40: calc(40 * var(--ds-unit));
      --ds-p-size-48: calc(48 * var(--ds-unit));
      --ds-p-size-56: calc(56 * var(--ds-unit));
      --ds-p-size-64: calc(64 * var(--ds-unit));
      --ds-p-size-80: calc(80 * var(--ds-unit));
      --ds-p-size-96: calc(96 * var(--ds-unit));
      --ds-p-size-112: calc(112 * var(--ds-unit));
      --ds-p-size-128: calc(128 * var(--ds-unit));
      --ds-p-size-144: calc(144 * var(--ds-unit));
      --ds-s-size-0-step: 0;
      --ds-s-size-12-step: calc(12 * var(--ds-unit));
      --ds-s-size-16-step: calc(16 * var(--ds-unit));
      --ds-s-size-20-step: calc(20 * var(--ds-unit));
      --ds-s-size-24-step: calc(24 * var(--ds-unit));
      --ds-s-size-28-step: calc(28 * var(--ds-unit));
      --ds-s-size-32-step: calc(32 * var(--ds-unit));
      --ds-s-size-40-step: calc(40 * var(--ds-unit));
      --ds-s-size-48-step: calc(48 * var(--ds-unit));
      --ds-s-size-4-jump: calc(4 * var(--ds-unit));
      --ds-s-size-8-jump: calc(8 * var(--ds-unit));
      --ds-s-size-16-jump: calc(16 * var(--ds-unit));
      --ds-s-size-32-jump: calc(32 * var(--ds-unit));
      --ds-s-size-64-jump: calc(64 * var(--ds-unit));
      --ds-s-size-128-jump: calc(128 * var(--ds-unit));
    }
  }

  @media screen and (min-width: 680px) {
    :root {
      --ds-s-size-0-step: calc(8 * var(--ds-unit));
      --ds-s-size-12-step: calc(20 * var(--ds-unit));
      --ds-s-size-16-step: calc(24 * var(--ds-unit));
      --ds-s-size-20-step: calc(28 * var(--ds-unit));
      --ds-s-size-24-step: calc(32 * var(--ds-unit));
      --ds-s-size-28-step: calc(36 * var(--ds-unit));
      --ds-s-size-32-step: calc(40 * var(--ds-unit));
      --ds-s-size-40-step: calc(48 * var(--ds-unit));
      --ds-s-size-48-step: calc(56 * var(--ds-unit));
      --ds-s-size-4-jump: calc(8 * var(--ds-unit));
      --ds-s-size-8-jump: calc(16 * var(--ds-unit));
      --ds-s-size-16-jump: calc(32 * var(--ds-unit));
      --ds-s-size-32-jump: calc(64 * var(--ds-unit));
      --ds-s-size-64-jump: calc(128 * var(--ds-unit));
      --ds-s-size-128-jump: calc(256 * var(--ds-unit));
    }
  }

  @media screen and (min-width: 1024px) {
    :root {
      --ds-s-size-0-step: calc(8 * var(--ds-unit));
      --ds-s-size-12-step: calc(20 * var(--ds-unit));
      --ds-s-size-16-step: calc(24 * var(--ds-unit));
      --ds-s-size-20-step: calc(28 * var(--ds-unit));
      --ds-s-size-24-step: calc(32 * var(--ds-unit));
      --ds-s-size-28-step: calc(36 * var(--ds-unit));
      --ds-s-size-32-step: calc(40 * var(--ds-unit));
      --ds-s-size-40-step: calc(48 * var(--ds-unit));
      --ds-s-size-48-step: calc(56 * var(--ds-unit));
      --ds-s-size-4-jump: calc(8 * var(--ds-unit));
      --ds-s-size-8-jump: calc(16 * var(--ds-unit));
      --ds-s-size-16-jump: calc(32 * var(--ds-unit));
      --ds-s-size-32-jump: calc(64 * var(--ds-unit));
      --ds-s-size-64-jump: calc(128 * var(--ds-unit));
      --ds-s-size-128-jump: calc(256 * var(--ds-unit));
    }
  }

  @media screen and (min-width: 1920px) {
    :root {
      --ds-s-size-0-step: calc(16 * var(--ds-unit));
      --ds-s-size-12-step: calc(24 * var(--ds-unit));
      --ds-s-size-16-step: calc(32 * var(--ds-unit));
      --ds-s-size-20-step: calc(40 * var(--ds-unit));
      --ds-s-size-24-step: calc(48 * var(--ds-unit));
      --ds-s-size-28-step: calc(56 * var(--ds-unit));
      --ds-s-size-32-step: calc(64 * var(--ds-unit));
      --ds-s-size-40-step: calc(80 * var(--ds-unit));
      --ds-s-size-48-step: calc(96 * var(--ds-unit));
      --ds-s-size-4-jump: calc(8 * var(--ds-unit));
      --ds-s-size-8-jump: calc(16 * var(--ds-unit));
      --ds-s-size-16-jump: calc(32 * var(--ds-unit));
      --ds-s-size-32-jump: calc(64 * var(--ds-unit));
      --ds-s-size-64-jump: calc(128 * var(--ds-unit));
      --ds-s-size-128-jump: calc(256 * var(--ds-unit));
    }
  }
}

@layer vars {
  @media screen {
    :root {
      --ds-unit: 1px;
      --ds-button-size: calc(44 * var(--ds-unit));
      --ds-button-size-s: calc(34 * var(--ds-unit));
      --ds-button-size-xs: calc(24 * var(--ds-unit));
    }
  }
}

@font-face {
  font-family: 'TV2';
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/TV2.woff2) format('woff2');
}

@layer base {
  :root {
    --ds-font-tv2: 'TV2', 'Helvetica Neue', 'Segoe UI', sans-serif;
    font-family: var(--ds-font-tv2);
    font-variation-settings: 'slnt' 0;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
  }

  em {
    font-style: italic;
    font-variation-settings:
      'slnt' 10,
      'ital' 1;
  }

  b,
  strong,
  h1,
  h2,
  h3 {
    font-weight: 700;
  }
}

@layer vars {
  :root {
    --ds-transition-fastest: 0.05s;
    --ds-transition-faster: 0.1s;
    --ds-transition-fast: 0.15s;
    --ds-transition-normal: 0.2s;
    --ds-transition-slow: 0.25s;
    --ds-transition-slower: 0.3s;
    --ds-transition-slowest: 0.5s;
    --ds-easing-hover: ease-out;
    --ds-easing-collapsible: ease-in-out;
    --ds-easing-sliding: ease-in-out;
    --ds-active-scale: 97%;
    --ds-opacity-hover: 0.65;
  }
}

@layer base {
  @media screen {
    @starting-style {
      [popover='auto']:not(.ds_toggletip__popover):popover-open::backdrop {
        background-color: transparent;
        backdrop-filter: blur(0);
      }
    }
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation: none !important;
    transition: none !important;
  }
}

@layer vars {
  @media screen {
    :root {
      --ds-p-outline-width: calc(2 * var(--ds-unit));
    }
  }
}

@layer base {
}

@layer base {
  @media screen {
    :link {
      transition: color var(--ds-transition-faster) var(--ds-easing-hover);
      text-decoration: underline;
      color: var(--ds-s-content-link-default);
      touch-action: manipulation;
    }

    :visited {
      color: var(--ds-s-content-link-visited);
    }

    :any-link:focus-visible {
      outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
      outline-offset: var(--ds-p-outline-width);
    }
  }

  @media (hover: hover) {
    :link:hover {
      color: var(--ds-s-content-link-default-hover);
    }

    :visited:hover {
      color: var(--ds-s-content-link-visited-hover);
    }
  }
}

@layer base {
}

@media screen {
  html::after {
    content: 'base';
    position: absolute;
    top: 0;
    right: 50%;
    height: 0;
    overflow: hidden;
    z-index: -1;
  }

  body {
    font-size: var(--font-16-18);
    line-height: var(--line-140);
    color: var(--ds-s-content-primary);
    overflow-x: hidden;
  }
}

@media screen and (min-width: 30em) {
  html::after {
    content: 'small';
  }
}

@media screen and (min-width: 42.5em) {
  html::after {
    content: 'medium';
  }
}

@media screen and (min-width: 64em) {
  html::after {
    content: 'large';
  }
}

@media screen {
  :root {
    --fluid-unit: 1vw / 3.6;
    --static-unit: 1rem / 16;
    --unit: var(--fluid-unit);
    --ds-unit: var(--unit);
    --bp-base: 100%;
    --bp-small: calc(480 * var(--static-unit));
    --bp-medium: calc(680 * var(--static-unit));
    --bp-large: calc(1000 * var(--static-unit));
    --bp: var(--bp-base);
    --main-base: 100%;
    --main-small: calc(432 * var(--static-unit));
    --main-medium: calc(624 * var(--static-unit));
    --main-large: calc(944 * var(--static-unit));
    --main: var(--main-base);
    --spacing-base: calc(8 * var(--unit));
    --spacing-step: 0px;
    --spacing-jump: 1;
    --spacing-1: calc(1 * var(--unit));
    --spacing-2: calc(2 * var(--unit));
    --spacing-3: calc(3 * var(--unit));
    --spacing-4: calc(var(--spacing-base) / 2);
    --spacing-8: var(--spacing-base);
    --spacing-12: calc(var(--spacing-base) * 1.5);
    --spacing-16: calc(var(--spacing-base) * 2);
    --spacing-20: calc(var(--spacing-base) * 2.5);
    --spacing-24: calc(var(--spacing-base) * 3);
    --spacing-32: calc(var(--spacing-base) * 4);
    --spacing-40: calc(var(--spacing-base) * 5);
    --spacing-48: calc(var(--spacing-base) * 6);
    --spacing-56: calc(var(--spacing-base) * 7);
    --spacing-64: calc(var(--spacing-base) * 8);
    --spacing-72: calc(var(--spacing-base) * 9);
    --spacing-80: calc(var(--spacing-base) * 10);
    --spacing-88: calc(var(--spacing-base) * 11);
    --spacing-96: calc(var(--spacing-base) * 12);
    --spacing-104: calc(var(--spacing-base) * 13);
    --spacing-112: calc(var(--spacing-base) * 14);
    --spacing-120: calc(var(--spacing-base) * 15);
    --spacing-128: calc(var(--spacing-base) * 16);
    --spacing-0-step: var(--spacing-step);
    --spacing-4-step: calc(var(--spacing-4) + (var(--spacing-step) / 2));
    --spacing-8-step: calc(var(--spacing-8) + var(--spacing-step));
    --spacing-12-step: calc(var(--spacing-12) + var(--spacing-step));
    --spacing-16-step: calc(var(--spacing-16) + var(--spacing-step));
    --spacing-20-step: calc(var(--spacing-20) + var(--spacing-step));
    --spacing-24-step: calc(var(--spacing-24) + var(--spacing-step));
    --spacing-32-step: calc(var(--spacing-32) + var(--spacing-step));
    --spacing-40-step: calc(var(--spacing-40) + var(--spacing-step));
    --spacing-48-step: calc(var(--spacing-48) + var(--spacing-step));
    --spacing-56-step: calc(var(--spacing-56) + var(--spacing-step));
    --spacing-64-step: calc(var(--spacing-64) + var(--spacing-step));
    --spacing-72-step: calc(var(--spacing-72) + var(--spacing-step));
    --spacing-80-step: calc(var(--spacing-80) + var(--spacing-step));
    --spacing-88-step: calc(var(--spacing-88) + var(--spacing-step));
    --spacing-96-step: calc(var(--spacing-96) + var(--spacing-step));
    --spacing-104-step: calc(var(--spacing-104) + var(--spacing-step));
    --spacing-112-step: calc(var(--spacing-112) + var(--spacing-step));
    --spacing-120-step: calc(var(--spacing-120) + var(--spacing-step));
    --spacing-128-step: calc(var(--spacing-128) + var(--spacing-step));
    --spacing-8-jump: calc(var(--spacing-8) * var(--spacing-jump));
    --spacing-16-jump: calc(var(--spacing-16) * var(--spacing-jump));
    --spacing-32-jump: calc(var(--spacing-32) * var(--spacing-jump));
    --spacing-64-jump: calc(var(--spacing-64) * var(--spacing-jump));
    --spacing-128-jump: calc(var(--spacing-128) * var(--spacing-jump));
    --gutter: calc(var(--spacing-24) / 2);
    --font-10: calc(10 * var(--unit));
    --font-10-12: calc(10 * var(--unit));
    --font-10-10-16: calc(10 * var(--unit));
    --font-10-14: calc(10 * var(--unit));
    --font-12: calc(12 * var(--unit));
    --font-12-14: calc(12 * var(--unit));
    --font-12-16: calc(12 * var(--unit));
    --font-14: calc(14 * var(--unit));
    --font-14-16: calc(14 * var(--unit));
    --font-14-18: calc(14 * var(--unit));
    --font-16: calc(16 * var(--unit));
    --font-16-18: calc(16 * var(--unit));
    --font-16-20: calc(16 * var(--unit));
    --font-18: calc(18 * var(--unit));
    --font-18-20: calc(18 * var(--unit));
    --font-18-24: calc(18 * var(--unit));
    --font-20: calc(20 * var(--unit));
    --font-20-24: calc(20 * var(--unit));
    --font-20-28: calc(20 * var(--unit));
    --font-24: calc(24 * var(--unit));
    --font-24-28: calc(24 * var(--unit));
    --font-24-32: calc(24 * var(--unit));
    --font-24-36: calc(24 * var(--unit));
    --font-28: calc(28 * var(--unit));
    --font-28-32-36: calc(28 * var(--unit));
    --font-32: calc(32 * var(--unit));
    --font-32-36-48: calc(32 * var(--unit));
    --font-32-48: calc(32 * var(--unit));
    --font-32-48-60: calc(32 * var(--unit));
    --font-48: calc(48 * var(--unit));
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;
    --line-110: 1.1;
    --line-120: 1.2;
    --line-130: 1.3;
    --line-140: 1.4;
    --form-input-height: var(--spacing-48);
    --form-input-font-size: var(--font-16);
    --form-input-label-scale: 68.75;
    --form-input-label-height: var(--spacing-24);
    --form-input-label-padding: var(--spacing-12);
    --form-input-height-xs: calc(24 * var(--unit));
    --form-input-height-s: calc(34 * var(--unit));
    --form-input-height-m: calc(44 * var(--unit));
    --color-body-bg: var(--ds-s-surface-primary);
    --color-text: var(--ds-s-content-primary);
    --color-text-red: light-dark(var(--ds-p-red-525), var(--ds-p-red-500));
    --color-text-blue: light-dark(var(--ds-p-blue-500), var(--ds-p-blue-400));
    --color-text-green: light-dark(
      var(--ds-p-green-600),
      var(--ds-p-green-500)
    );
    --color-text-violet: light-dark(
      var(--ds-p-violet-500),
      var(--ds-p-violet-400)
    );
    --color-newsfeed: light-dark(var(--ds-p-red-50), var(--ds-p-neutral-900));
    --color-play-bg: light-dark(var(--ds-p-midnight), var(--ds-p-neutral-900));
    --color-live: var(--ds-p-red-500);
    --color-breaking: var(--ds-p-yellow-500);
    --color-rm: var(--ds-p-midnight);
    --color-election-unknown: var(--ds-e-default);
    --color-election-yes: var(--ds-e-fa-yes);
    --color-election-no: var(--ds-e-fa-no);
  }

  @supports not (color: light-dark(#fff, #000)) {
    :root {
      --color-body-bg: var(--ds-p-white);
      --color-text: var(--ds-p-midnight);
      --color-text-red: var(--ds-p-red-525);
      --color-text-blue: var(--ds-p-blue-500);
      --color-text-green: var(--ds-p-green-600);
      --color-text-violet: var(--ds-p-violet-500);
      --color-newsfeed: var(--ds-p-red-50);
      --color-play-bg: var(--ds-p-midnight);
    }
  }
}

@media screen and (min-width: 30em) {
  :root {
    --unit: var(--static-unit);
    --bp: var(--bp-small);
    --main: var(--main-small);
    --gutter: calc(var(--spacing-48) / 2);
    --color-body-bg: var(--ds-s-surface-ads);
  }
}

@media screen and (min-width: 42.5em) {
  :root {
    --bp: var(--bp-medium);
    --main: var(--main-medium);
    --spacing-step: var(--spacing-base);
    --spacing-jump: 2;
    --gutter: calc(var(--spacing-56) / 2);
    --font-10-12: calc(12 * var(--unit));
    --font-10-14: calc(14 * var(--unit));
    --font-12-14: calc(14 * var(--unit));
    --font-12-16: calc(16 * var(--unit));
    --font-14-16: calc(16 * var(--unit));
    --font-14-18: calc(18 * var(--unit));
    --font-16-18: calc(18 * var(--unit));
    --font-16-20: calc(20 * var(--unit));
    --font-18-20: calc(20 * var(--unit));
    --font-18-24: calc(24 * var(--unit));
    --font-20-24: calc(24 * var(--unit));
    --font-20-28: calc(28 * var(--unit));
    --font-24-28: calc(28 * var(--unit));
    --font-24-32: calc(32 * var(--unit));
    --font-24-36: calc(36 * var(--unit));
    --font-28-32-36: calc(32 * var(--unit));
    --font-32-36-48: calc(36 * var(--unit));
    --font-32-48: calc(48 * var(--unit));
    --font-32-48-60: calc(48 * var(--unit));
  }
}

@media screen and (min-width: 64em) {
  :root {
    --bp: var(--bp-large);
    --main: var(--main-large);
    --font-10-10-16: calc(16 * var(--unit));
    --font-28-32-36: calc(36 * var(--unit));
    --font-32-36-48: calc(48 * var(--unit));
    --font-32-48-60: max(3.2vw, calc(60 * var(--unit)));
  }
}

@media screen {
  :where(img, picture, video, iframe) {
    display: block;
    border: 0;
    width: 100%;
  }

  :where(summary:not([class*='ds_']))::-webkit-details-marker {
    display: none;
  }

  :where(ul, ol, li, p):where(:not([class*='ds_'])) {
    margin: 0;
    padding: 0;
  }

  :where(h1, h2, h3, h4, h5, h6, figure) {
    margin: 0;
  }

  :where(svg:not([data-ds-icon])) {
    display: block;
    overflow: visible;
  }
}

@media screen {
  :root {
    --scrollbar-width: 15px;
  }

  .tc_header {
    z-index: 100;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    padding: 0;
  }

  .tc_header:has(.tc_header__local)::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(6 * var(--unit));
    background-color: var(--ds-p-yellow-100);
  }

  .tc_header__global {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
    height: var(--spacing-72-step);
    margin: 0 var(--gutter);
  }

  .tc_header__global__skip:focus-visible {
    outline: 0;
    background-color: var(--ds-s-surface-inverted);
    color: var(--ds-s-content-inverted);
  }

  .tc_header__global__logo {
    display: block;
    min-width: var(--spacing-40-step);
    max-width: var(--spacing-40-step);
    border-radius: 50%;
  }

  .tc_header__global__logo svg {
    width: 100%;
    height: 100%;
  }

  .tc_header__global__nav {
    display: flex;
    list-style: none;
    gap: var(--spacing-12);
    flex: 1;
    overflow: hidden;
    padding: var(--spacing-4);
  }

  .tc_header__global__nav__item__link {
    display: flex;
    align-items: center;
    height: var(--spacing-40);
    font-size: var(--font-14-16);
    font-weight: var(--font-medium);
    color: light-dark(
      var(--ds-s-content-primary),
      var(--ds-s-content-secondary)
    );
    text-decoration: none;
  }

  .tc_header__global__buttons {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-16-step);
    margin-left: auto;
    margin-top: var(--spacing-8);
  }

  .tc_header__global__buttons__play {
    display: none;
  }

  .tc_header__global__buttons__login,
  .tc_header__global__buttons__menu {
    font-size: var(--font-10);
  }

  .tc_header__local {
    height: var(--spacing-40);
  }

  .tc_header__local::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: var(--gutter);
    height: calc(var(--spacing-40) - 6 * var(--unit));
    color: var(--ds-s-content-inverted);
    background: linear-gradient(to right, currentColor 15%, transparent 100%);
    pointer-events: none;
  }

  .tc_header__local::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: var(--spacing-32);
    height: calc(var(--spacing-40) - 6 * var(--unit));
    color: var(--ds-s-content-inverted);
    background: linear-gradient(to left, currentColor 15%, transparent 100%);
    pointer-events: none;
  }

  .tc_header__local .tc_slider__list {
    height: var(--spacing-40);
    padding: 0 calc(var(--gutter) + var(--spacing-8)) 0
      calc(var(--gutter) - var(--spacing-8));
    scroll-padding: 0 calc(var(--gutter) + var(--spacing-8)) 0
      calc(var(--gutter) - var(--spacing-8));
  }

  .tc_header__local__nav__item {
    display: flex;
    white-space: nowrap;
    height: var(--spacing-40);
  }

  .tc_header__local__nav__item__link {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0 var(--spacing-8);
    font-size: var(--font-14);
    font-weight: var(--font-medium);
    color: var(--ds-s-content-secondary);
    text-decoration: none;
    transition: color var(--ds-transition-fast);
  }

  .tc_header__local__nav__item__link:focus-visible {
    outline-offset: calc(var(--spacing-2) * -1);
  }

  .tc_header[data-site='nyheder']:has(.tc_header__local)::after {
    background-color: var(--ds-p-red-100);
  }

  .tc_header[data-site='sport']:has(.tc_header__local)::after {
    background-color: var(--ds-p-blue-100);
  }

  .tc_header[data-site='vejr']:has(.tc_header__local)::after {
    background-color: var(--ds-p-green-200);
  }

  .tc_header[data-site='echo']:has(.tc_header__local)::after {
    background-color: var(--ds-p-violet-100);
  }

  @supports not (color: light-dark(#fff, #000)) {
    .tc_header__global__nav__item__link {
      color: var(--ds-s-content-primary);
    }
  }

  @starting-style {
    .tc_header__global__buttons__dialog:popover-open {
      translate: calc(100% + var(--spacing-48)) 0;
    }
  }

  @supports not selector(:popover-open) {
  }
}

@media screen and (min-width: 30em) {
  .tc_header__global__nav {
    padding-left: var(--spacing-16);
    gap: var(--spacing-24);
  }
}

@media screen and (min-width: 42.5em) {
  .tc_header__global__nav {
    padding-left: var(--spacing-32);
    gap: var(--spacing-16);
  }

  .tc_header__global__buttons {
    margin-top: 0;
  }

  .tc_header__global__buttons__play {
    display: inline-flex;
  }

  .tc_header__global__buttons__login,
  .tc_header__global__buttons__menu {
    --ds-button-height: calc(44 * var(--unit));
    --ds-button-icon-size: calc(20 * var(--unit));
    --ds-button-padding: calc(24 * var(--unit));
    --ds-button-gap: calc(8 * var(--unit));
  }

  .tc_header__local .tc_slider__list {
    padding: 0 calc(var(--gutter) - var(--spacing-8));
  }
}

@media screen and (min-width: 64em) {
  .tc_header__global {
    gap: var(--spacing-16);
  }

  .tc_header__global,
  .tc_header__local {
    margin: 0 clamp(var(--gutter), -120px + 12vw, var(--spacing-96));
  }

  .tc_header__global__nav {
    padding-left: var(--spacing-40);
    gap: var(--spacing-32);
  }

  .tc_header__global__buttons__login,
  .tc_header__global__buttons__menu {
    font-size: var(--font-16);
    flex-direction: unset;
    height: var(--ds-button-height);
    gap: unset;
    max-width: none;
  }

  .tc_header__global__buttons__login:focus-visible,
  .tc_header__global__buttons__menu:focus-visible {
    outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
  }

  .tc_header__global__buttons__login:focus-within .ds_button__main,
  .tc_header__global__buttons__menu:focus-within .ds_button__main {
    outline: unset;
  }

  .tc_header__global__buttons__login .ds_button__text,
  .tc_header__global__buttons__menu .ds_button__text {
    padding: 0 calc(var(--ds-button-padding) / 2);
  }

  .tc_header__local .tc_slider__list {
    padding: 0 0 0 var(--spacing-96);
    scroll-padding: 0 0 0 var(--spacing-96);
  }
}

@media screen {
  :where(.tc_deck) {
    width: var(--bp);
    position: relative;
    background-color: var(--ds-s-surface-primary);
    margin: 0 auto;
    padding-top: var(--spacing-24-step);
    padding-bottom: var(--spacing-24-step);
  }

  :where(.tc_deck) .tc_deck:not([class*='tc_deck--bg']) {
    background-color: transparent;
  }

  :where(.tc_deck--gap-small) {
    padding-top: var(--spacing-8-jump);
    padding-bottom: var(--spacing-8-jump);
  }

  main:has([class*='tc_deck--full']) .tc_deck:not([class*='tc_deck--full']) {
    width: auto;
    margin: 0;
  }

  :where(.tc_deck[style]) {
    color: var(--ds-p-midnight);
    color-scheme: light;
  }
}

@media screen and (min-width: 42.5em) {
  main:has([class*='tc_deck--full']) .tc_deck:not([class*='tc_deck--full']) {
    padding-left: calc((100% - var(--bp)) / 2);
    padding-right: calc((100% - var(--bp)) / 2);
  }
}

@media screen and (min-width: 64em) {
  :where(.tc_deck--fullcol3center) {
    padding-left: calc((100% - var(--bp-large)) / 2);
    padding-right: calc((100% - var(--bp-large)) / 2);
  }

  :where(.tc_deck--col2center) {
    width: var(--bp-medium);
    padding-left: calc((var(--bp) - var(--bp-medium)) / 2);
    padding-right: calc((var(--bp) - var(--bp-medium)) / 2);
  }
}

@media screen {
  :where(.tc_link-button) {
    font-family: var(--ds-font-tv2);
    font-size: inherit;
    font-variation-settings: 'slnt' 0;
    font-weight: 500;
    touch-action: manipulation;
    appearance: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
    padding: 0;
    border: 0;
    background: none;
    text-decoration: underline;
    color: var(--ds-s-content-link-default);
  }

  :where(.tc_link-button) span {
    pointer-events: none;
  }

  :where(.tc_link-button--menu) {
    text-decoration: none;
    color: var(--ds-s-content-primary);
  }
}

@layer components {
  @media screen {
    .ds_button {
      --ds-button-font-size: calc(16 * var(--ds-unit));
      --ds-button-top-font-size: calc(
        var(--ds-button-font-size) - var(--ds-p-size-2)
      );
      --ds-button-height: var(--ds-button-size);
      --ds-button-icon-size: var(--ds-p-size-20);
      --ds-button-padding: var(--ds-p-size-24);
      --ds-button-offset: var(--ds-p-size-8);
      --ds-button-gap: var(--ds-p-size-8);
      --ds-button-primary: var(--ds-s-surface-inverted);
      --ds-button-secondary: var(--ds-s-surface-transparency-weak);
      --ds-button-live: var(--ds-p-red-525);
      --ds-button-play: var(--ds-p-red-525);
      --ds-button-commercial: var(--ds-p-green-600);
      --ds-button-breaking: var(--ds-p-yellow-500);
      font-family: var(--ds-font-tv2);
      font-variation-settings: 'slnt' 0;
      touch-action: manipulation;
      appearance: none;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      font-size: var(--ds-button-font-size);
      font-weight: 500;
      line-height: 1.1;
      height: var(--ds-button-height);
      border: 0;
      border-radius: calc(var(--ds-button-height) / 2);
      margin: 0;
      text-decoration: none;
      white-space: nowrap;
      text-align: center;
      max-width: 100%;
      background-color: transparent;
      color: var(--ds-s-content-primary);
    }

    .ds_button span {
      pointer-events: none;
    }

    .ds_button:active:not([disabled]):not(:has([type='radio']:checked)) {
      scale: var(--ds-active-scale);
    }

    .ds_button:not(:has(.ds_button__main__text)) .ds_button__main {
      aspect-ratio: 1/1;
      padding: 0;
    }

    .ds_button > input:is([type='radio'], [type='checkbox']) {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    .ds_button:focus {
      outline: 0;
    }

    .ds_button:focus-visible,
    .ds_button:has(:focus-visible) {
      outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
      outline-offset: var(--ds-p-outline-width);
    }

    .ds_button__main {
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--ds-button-gap);
      padding: 0 calc(var(--ds-button-padding));
      height: var(--ds-button-height);
      border-radius: inherit;
      -webkit-user-select: none;
      user-select: none;
    }

    .ds_button__main:has(.ds_button__main__icon + .ds_button__main__text) {
      padding: 0 var(--ds-button-padding) 0
        calc(var(--ds-button-padding) - var(--ds-button-offset));
    }

    .ds_button__text {
      padding: 0 var(--ds-button-gap);
    }

    .ds_button__main__icon svg {
      font-size: var(--ds-button-icon-size);
    }

    .ds_button.ds_button--icon-position-right {
      flex-direction: row-reverse;
    }

    .ds_button.ds_button--icon-position-right .ds_button__main {
      flex-direction: row-reverse;
    }

    .ds_button.ds_button--icon-position-right
      .ds_button__main:has(.ds_button__main__icon + .ds_button__main__text) {
      padding: 0 calc(var(--ds-button-padding) - var(--ds-button-offset)) 0
        var(--ds-button-padding);
    }

    .ds_button--format-icon.ds_button--icon-position-top {
      max-width: var(--ds-button-height);
      font-size: var(--ds-button-top-font-size);
      flex-direction: column;
      height: auto;
      gap: calc(var(--ds-button-gap) / 2);
    }

    .ds_button--format-icon.ds_button--icon-position-top:focus-visible {
      outline: 0;
    }

    .ds_button--format-icon.ds_button--icon-position-top:focus-visible
      .ds_button__main {
      outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
      outline-offset: var(--ds-p-outline-width);
    }

    .ds_button--format-icon.ds_button--icon-position-top .ds_button__text {
      padding: 0;
    }

    .ds_button--layout-secondary .ds_button__main {
      background-color: var(--ds-button-secondary);
      color: var(--ds-s-content-primary);
    }

    .ds_button--layout-on-image:has(input:checked) .ds_button__main {
      background-color: var(--ds-p-white);
      color: var(--ds-p-midnight);
    }

    .ds_button--size-s {
      --ds-button-font-size: calc(14 * var(--ds-unit));
      --ds-button-height: var(--ds-button-size-s);
      --ds-button-icon-size: var(--ds-p-size-16);
      --ds-button-padding: var(--ds-p-size-16);
      --ds-button-offset: var(--ds-p-size-4);
      --ds-button-gap: var(--ds-p-size-8);
    }

    .ds_button--size-xs:not(.ds_button--format-default) {
      --ds-button-font-size: calc(12 * var(--ds-unit));
      --ds-button-height: var(--ds-button-size-xs);
      --ds-button-icon-size: var(--ds-p-size-12);
      --ds-button-padding: var(--ds-p-size-12);
      --ds-button-offset: var(--ds-p-size-4);
      --ds-button-gap: var(--ds-p-size-4);
    }
  }
}

@media screen {
  .tc_slider {
    display: flex;
    position: relative;
  }

  .tc_slider:has(> .tc_slider__button) {
    min-height: var(--spacing-40);
  }

  .tc_slider:has(> .tc_slider__button).tc_slider--size-xs {
    min-height: var(--spacing-24);
  }

  .tc_slider__list {
    display: flex;
    flex: 1;
    gap: var(--spacing-4-step);
    position: relative;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
    outline: none;
    scroll-behavior: smooth;
  }

  .tc_slider__list::-webkit-scrollbar {
    height: 0;
  }

  .tc_slider__list > li {
    position: relative;
    min-width: calc(90% / var(--items-bs));
    max-width: calc(100% / var(--items-bs));
  }

  .tc_slider__list > li :focus-visible {
    outline: 0;
  }

  .tc_slider__list > li:has(:focus-visible)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    outline: var(--spacing-2) solid var(--ds-s-stroke-focus-outline);
    outline-offset: calc(var(--spacing-2) * -1);
  }
}

@media screen and (min-width: 42.5em) {
  .tc_slider__list > li {
    min-width: calc(90% / var(--items-md, var(--items-bs)));
    max-width: calc(100% / var(--items-md, var(--items-bs)));
  }
}

@media screen and (min-width: 64em) {
  .tc_slider__list > li {
    min-width: calc(90% / var(--items-lg, var(--items-md, var(--items-bs))));
    max-width: calc(100% / var(--items-lg, var(--items-md, var(--items-bs))));
  }
}

@layer components {
  @media screen {
    .ds_button {
      --ds-button-font-size: calc(16 * var(--ds-unit));
      --ds-button-top-font-size: calc(
        var(--ds-button-font-size) - var(--ds-p-size-2)
      );
      --ds-button-height: var(--ds-button-size);
      --ds-button-icon-size: var(--ds-p-size-20);
      --ds-button-padding: var(--ds-p-size-24);
      --ds-button-offset: var(--ds-p-size-8);
      --ds-button-gap: var(--ds-p-size-8);
      --ds-button-primary: var(--ds-s-surface-inverted);
      --ds-button-secondary: var(--ds-s-surface-transparency-weak);
      --ds-button-live: var(--ds-p-red-525);
      --ds-button-play: var(--ds-p-red-525);
      --ds-button-commercial: var(--ds-p-green-600);
      --ds-button-breaking: var(--ds-p-yellow-500);
      font-family: var(--ds-font-tv2);
      font-variation-settings: 'slnt' 0;
      touch-action: manipulation;
      appearance: none;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      font-size: var(--ds-button-font-size);
      font-weight: 500;
      line-height: 1.1;
      height: var(--ds-button-height);
      border: 0;
      border-radius: calc(var(--ds-button-height) / 2);
      margin: 0;
      text-decoration: none;
      white-space: nowrap;
      text-align: center;
      max-width: 100%;
      background-color: transparent;
      color: var(--ds-s-content-primary);
    }

    .ds_button span {
      pointer-events: none;
    }

    .ds_button:active:not([disabled]):not(:has([type='radio']:checked)) {
      scale: var(--ds-active-scale);
    }

    .ds_button:not(:has(.ds_button__main__text)) .ds_button__main {
      aspect-ratio: 1/1;
      padding: 0;
    }

    .ds_button > input:is([type='radio'], [type='checkbox']) {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    .ds_button:focus {
      outline: 0;
    }

    .ds_button:focus-visible,
    .ds_button:has(:focus-visible) {
      outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
      outline-offset: var(--ds-p-outline-width);
    }

    .ds_button__main {
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: var(--ds-button-gap);
      padding: 0 calc(var(--ds-button-padding));
      height: var(--ds-button-height);
      border-radius: inherit;
      -webkit-user-select: none;
      user-select: none;
    }

    .ds_button__main:has(.ds_button__main__icon + .ds_button__main__text) {
      padding: 0 var(--ds-button-padding) 0
        calc(var(--ds-button-padding) - var(--ds-button-offset));
    }

    .ds_button__text {
      padding: 0 var(--ds-button-gap);
    }

    .ds_button__main__icon svg {
      font-size: var(--ds-button-icon-size);
    }

    .ds_button.ds_button--icon-position-right {
      flex-direction: row-reverse;
    }

    .ds_button.ds_button--icon-position-right .ds_button__main {
      flex-direction: row-reverse;
    }

    .ds_button.ds_button--icon-position-right
      .ds_button__main:has(.ds_button__main__icon + .ds_button__main__text) {
      padding: 0 calc(var(--ds-button-padding) - var(--ds-button-offset)) 0
        var(--ds-button-padding);
    }

    .ds_button--format-icon.ds_button--icon-position-top {
      max-width: var(--ds-button-height);
      font-size: var(--ds-button-top-font-size);
      flex-direction: column;
      height: auto;
      gap: calc(var(--ds-button-gap) / 2);
    }

    .ds_button--format-icon.ds_button--icon-position-top:focus-visible {
      outline: 0;
    }

    .ds_button--format-icon.ds_button--icon-position-top:focus-visible
      .ds_button__main {
      outline: var(--ds-p-outline-width) solid var(--ds-s-stroke-focus-outline);
      outline-offset: var(--ds-p-outline-width);
    }

    .ds_button--format-icon.ds_button--icon-position-top .ds_button__text {
      padding: 0;
    }

    .ds_button--layout-secondary .ds_button__main {
      background-color: var(--ds-button-secondary);
      color: var(--ds-s-content-primary);
    }

    .ds_button--layout-on-image:has(input:checked) .ds_button__main {
      background-color: var(--ds-p-white);
      color: var(--ds-p-midnight);
    }

    .ds_button--size-s {
      --ds-button-font-size: calc(14 * var(--ds-unit));
      --ds-button-height: var(--ds-button-size-s);
      --ds-button-icon-size: var(--ds-p-size-16);
      --ds-button-padding: var(--ds-p-size-16);
      --ds-button-offset: var(--ds-p-size-4);
      --ds-button-gap: var(--ds-p-size-8);
    }

    .ds_button--size-xs:not(.ds_button--format-default) {
      --ds-button-font-size: calc(12 * var(--ds-unit));
      --ds-button-height: var(--ds-button-size-xs);
      --ds-button-icon-size: var(--ds-p-size-12);
      --ds-button-padding: var(--ds-p-size-12);
      --ds-button-offset: var(--ds-p-size-4);
      --ds-button-gap: var(--ds-p-size-4);
    }
  }
}

@media screen {
  html {
    background-color: var(--color-body-bg);
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
  }

  main {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: var(--bp);
  }
}

@media screen {
  :where(.tc_ad) {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    color: transparent;
  }

  :where(.tc_ad):not([data-placeholder]) {
    cursor: pointer;
  }

  :where(.tc_grid--gutter .tc_ad) {
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
  }

  :where([data-ad='topbanner-2']) {
    min-height: calc(320 * var(--static-unit));
  }

  :where(.tc_ad--tag) {
    background-color: var(--ds-s-surface-ads);
    padding: var(--spacing-24-step) 0 var(--spacing-16-step);
  }

  :where(.tc_ad--tag)::before {
    content: 'Annonce';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    height: var(--spacing-24-step);
    background: inherit;
    font-size: var(--font-12);
    line-height: calc(var(--spacing-20-step) + var(--spacing-4-step));
    text-align: center;
    color: light-dark(var(--ds-p-neutral-600), var(--ds-p-neutral-300));
    pointer-events: none;
    overflow: hidden;
  }

  :where(.tc_ad--tag[data-collapse='true']:empty) {
    padding: 0;
  }

  @supports not (color: light-dark(#fff, #000)) {
    :where(.tc_ad--tag)::before {
      color: var(--ds-p-neutral-600);
    }
  }

  :where([data-ad='interscroll']) [data-interscroll-position='false'] {
    display: none;
  }

  :where([data-ad='interscroll'])
    [data-interscroll-position='true'].tc_ad--tag::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: var(--spacing-16-step);
    background: inherit;
    pointer-events: none;
  }

  :where([data-ad='interscroll']) #main [data-interscroll-position='true'] {
    clip-path: inset(0 calc(var(--spacing-8) * -1));
    height: 80vh;
    max-height: calc(1000 * var(--static-unit) + var(--spacing-24-step));
  }

  :where(.tc_ad[data-sizes='none']) {
    display: none;
  }

  :where([data-ad='dd'], [data-ad='interscroll'], .adsm-skin)
    #main
    .tc_deck
    .tc_deck::after {
    display: none;
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes*='x']) {
    background: transparent;
    padding: 0;
    height: var(--spacing-24);
    margin-bottom: min(80vh, 1000 * var(--static-unit));
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes*='x'])
    .tc_ad {
    z-index: -1;
  }
}

@media screen and (min-width: 42.5em) {
  body:not([data-ad='interscroll'])
    :where([data-sizes-medium*='930x'])
    > :is(div, iframe[data-rlv-direct-rendered]) {
    transform: scale(0.7311827);
    transform-origin: 50% 50% 0;
    min-width: calc(930 * var(--static-unit));
  }

  :where([data-ad='topbanner-1'], [data-ad='inline-1']) {
    min-height: calc(132 * var(--static-unit));
    max-height: calc(132 * var(--static-unit));
  }

  :where(.tc_ad--inline:not([data-ad='inline-1'])) {
    min-height: calc(132 * var(--static-unit));
    max-height: calc(438 * var(--static-unit));
  }

  :where(.tc_ad)[data-sizes-medium='none'] {
    display: none;
  }

  :where(.tc_ad)[data-sizes-medium*='x'] {
    display: flex;
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(
      > [data-interscroll-position='true'][data-sizes-medium='none']
    ) {
    height: 0;
    margin-bottom: 0;
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes-medium*='x']) {
    background: transparent;
    padding: 0;
    height: var(--spacing-32);
    margin-bottom: min(80vh, 1000 * var(--static-unit));
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes-medium*='x'])
    .tc_ad {
    z-index: -1;
  }
}

@media screen and (min-width: 64em) {
  body:not([data-ad='interscroll'])
    :where([data-sizes-medium*='930x'])
    > :is(div, iframe[data-rlv-direct-rendered]) {
    transform: none;
    min-width: auto;
  }

  :where([data-ad='topbanner-1'], [data-ad='inline-1']) {
    min-height: calc(180 * var(--static-unit));
    max-height: calc(180 * var(--static-unit));
  }

  .tc_header ~ :where([data-ad='topbanner-1'], [data-ad='inline-1']) {
    width: calc(930 * var(--static-unit));
  }

  :where(.tc_ad--inline:not([data-ad='inline-1'])) {
    min-height: calc(180 * var(--static-unit));
    max-height: calc(600 * var(--static-unit));
  }
}

@media screen and (min-width: 64em) {
  :where([data-ad='dd']) [data-exclude-on*='dd'] {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  :where(.tc_ad)[data-sizes-large='none'] {
    display: none;
  }

  :where(.tc_ad)[data-sizes-large*='x'],
  :where(.tc_ad)[data-sizes-skyscrapers*='x'] {
    display: flex;
  }
}

@media screen and (min-width: 64em) {
  :where([data-ad='interscroll'])
    .tc_deck:has(
      > [data-interscroll-position='true'][data-sizes-medium='none'],
      > [data-interscroll-position='true'][data-sizes-large='none']
    ) {
    height: 0;
    margin-bottom: 0;
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes-large*='x']) {
    background: transparent;
    padding: 0;
    height: var(--spacing-32);
    margin-bottom: min(80vh, 1000 * var(--static-unit));
  }

  :where([data-ad='interscroll'])
    .tc_deck:has(> [data-interscroll-position='true'][data-sizes-large*='x'])
    .tc_ad {
    z-index: -1;
  }
}

@media screen {
  .tc_article__wrapper .tc_page__meta {
    margin-bottom: calc(var(--spacing-8-step) * -1);
  }
}

@media screen {
  :where(.tc_grid) {
    display: grid;
    row-gap: var(--spacing-24-step);
    column-gap: var(--spacing-8-step);
    grid-auto-rows: min-content;
    grid-auto-columns: minmax(0, 100%);
    list-style: none;
  }

  :where(.tc_grid) .tc_grid {
    row-gap: var(--spacing-16);
  }

  :where(.tc_grid--gap-none) {
    row-gap: 0;
  }

  :where(.tc_grid--gutter) {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }

  :where([data-grid-bs='col']) {
    grid-template-columns: auto;
  }

  :where([data-grid-bs='row']) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}

@media screen and (min-width: 42.5em) {
  :where([data-grid-md='col']) {
    grid-template-columns: auto;
  }

  :where([data-grid-md='row']) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  :where([data-grid-md='row_1-2']) {
    grid-template-columns: repeat(3, 1fr);
  }

  :where([data-grid-md='row_1-2']) > :first-child {
    grid-column: 1/2;
  }

  :where([data-grid-md='row_1-2']) > :nth-child(2) {
    grid-column: 2/4;
  }

  :where([data-grid-md='row_2-1']) {
    grid-template-columns: repeat(3, 1fr);
  }

  :where([data-grid-md='row_2-1']) > :first-child {
    grid-column: 1/3;
  }

  :where([data-grid-md='row_2-1']) > :nth-child(2) {
    grid-column: 3/4;
  }

  :where([data-grid-md='row_2']) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 64em) {
  :where([data-grid-lg='col']) {
    grid-template-columns: auto;
  }

  :where([data-grid-lg='row']) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }

  :where([data-grid-lg='row_1-2']) {
    grid-template-columns: repeat(3, 1fr);
  }

  :where([data-grid-lg='row_1-2']) > :first-child {
    grid-column: 1/2;
  }

  :where([data-grid-lg='row_1-2']) > :nth-child(2) {
    grid-column: 2/4;
  }

  :where([data-grid-lg='row_2-1']) {
    grid-template-columns: repeat(3, 1fr);
  }

  :where([data-grid-lg='row_2-1']) > :first-child {
    grid-column: 1/3;
  }

  :where([data-grid-lg='row_2-1']) > :nth-child(2) {
    grid-column: 3/4;
  }

  :where([data-grid-lg='row_3']) {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen {
  .tc_page__header {
    display: grid;
    gap: var(--spacing-8-step);
  }

  .tc_page__header .tc_heading {
    overflow: hidden;
  }

  .tc_page__header__label {
    display: flex;
    padding-bottom: var(--spacing-8);
  }
}

@media screen and (min-width: 64em) {
  :where(.tc_deck--col2center .tc_page__header--col2wide) {
    margin: 0 calc((100% - 720 * var(--unit)) / 2);
  }
}

@media screen {
  :where(.tc_heading) {
    font-weight: var(--font-medium);
    line-height: var(--line-110);
    overflow-wrap: break-word;
  }

  :where(.tc_heading) svg {
    display: inline-block;
    width: 1.6ex;
    height: 1.6ex;
  }

  :where(.tc_heading).tc_heading--weight-700 {
    font-weight: var(--font-bold);
  }

  @supports (hyphenate-limit-chars: 1) {
    :where(.tc_heading) {
      hyphens: auto;
      hyphenate-limit-chars: 14 4 4;
    }
  }

  :where([class*='tc_heading--color']) {
    color: var(--color-text-red);
  }

  :where(.tc_heading--2) {
    font-size: var(--font-28-32-36);
    font-weight: var(--font-bold);
  }

  :where(.tc_heading--4) {
    font-size: var(--font-20);
  }
}

@media screen and (min-width: 64em) {
  .tc_page__media--col3wide {
    margin: 0 calc((100% - var(--bp-large) + var(--gutter) * 2) / 2);
  }
}

@keyframes fadein {
  100% {
    opacity: 1;
  }
}

@media screen {
  :where(.tc_image) {
    position: relative;
  }

  :where(.tc_image):where(span) {
    display: block;
  }

  :where([data-img-ratio-bs='square']) {
    aspect-ratio: 1/1;
  }

  :where([data-img-ratio-bs='landscape']) {
    aspect-ratio: 16/9;
  }

  :where([data-img-ratio-bs='portrait']) {
    aspect-ratio: 3/4;
  }
}

@media screen {
  .tc_image--popover:focus-within:has(:focus-visible) {
    outline: var(--spacing-2) solid var(--ds-s-stroke-focus-outline);
    outline-offset: var(--spacing-2);
  }

  .tc_image--popover:focus-within:has(:focus-visible)::before {
    opacity: 0.7;
  }
}

@media screen {
  .tc_image__popover:popover-open {
    animation: fadein var(--ds-transition-normal) forwards;
  }
}

@media screen {
  .tc_image__popover__content summary:focus-visible {
    outline: var(--spacing-2) solid var(--ds-s-stroke-focus-outline);
    outline-offset: calc(var(--spacing-2) * -1);
  }
}

@media screen {
  body:has(.tc_image__popover:popover-open) {
    overflow: hidden;
  }
}

@media screen {
  @supports (-webkit-hyphens: none) {
    body:has(.tc_image__popover:popover-open) {
      overflow: visible;
    }
  }
}

@media screen {
  @supports not selector(:popover-open) {
  }
}

@media screen and (min-width: 42.5em) {
  :where([data-img-ratio-md='square']) {
    aspect-ratio: 1/1;
  }

  :where([data-img-ratio-md='landscape']) {
    aspect-ratio: 16/9;
  }

  :where([data-img-ratio-md='portrait']) {
    aspect-ratio: 3/4;
  }
}

@media screen and (min-width: 64em) {
  :where([data-img-ratio-lg='square']) {
    aspect-ratio: 1/1;
  }

  :where([data-img-ratio-lg='landscape']) {
    aspect-ratio: 16/9;
  }

  :where([data-img-ratio-lg='portrait']) {
    aspect-ratio: 3/4;
  }
}

@media screen {
  :where(.tc_caption) {
    clear: both;
    color: var(--ds-s-content-secondary);
    font-size: var(--font-14);
    line-height: var(--line-130);
    padding: var(--spacing-4-step) 0 0;
    overflow-wrap: break-word;
    max-width: var(--main-medium);
    margin: 0 auto;
  }
}

@media screen {
  .tc_page__meta {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
  }
}

@media screen {
  :where(.tc_timestamp) {
    display: block;
    font-size: var(--font-12-14);
    line-height: var(--line-140);
    white-space: nowrap;
    color: var(--ds-s-content-secondary);
  }
}

@media screen {
  :where(.tc_byline) {
    font-size: var(--font-12-14);
    line-height: var(--line-110);
  }

  :where(.tc_byline) strong {
    font-weight: var(--font-medium);
  }

  :where(.tc_byline__author) {
    text-decoration: none;
    color: inherit;
    column-gap: var(--spacing-8);
  }

  :where(.tc_byline__author) .tc_image {
    width: var(--spacing-48);
  }

  :where(.tc_byline__author[href] .tc_byline__author__name) {
    color: var(--ds-s-content-link-default);
  }
}

@media screen {
  :where([data-teaser-layout-bs='left'], [data-teaser-layout-bs='right'])
    [sizes*='22.225vw']
    + .tc_image__picture__img {
    min-width: var(--spacing-80);
  }

  :where([data-teaser-layout-bs='left'], [data-teaser-layout-bs='right'])
    [sizes*='40vw']
    + .tc_image__picture__img {
    min-width: calc(144px * var(--unit));
  }

  :where([data-teaser-layout-bs='left'], [data-teaser-layout-bs='right'])
    .tc_image {
    flex: 0 0 auto;
  }
}

@layer components {
  @media screen {
    .ds_label {
      --ds-label-font-size: calc(12 * var(--ds-unit));
      --ds-label-color: var(--ds-p-midnight);
      display: inline-block;
      font-size: var(--ds-label-font-size);
      font-weight: 500;
      line-height: var(--ds-p-size-20);
      height: var(--ds-p-size-20);
      padding: 0 var(--ds-p-size-8);
      color: var(--ds-label-color);
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: max(77%, 300 * var(--ds-unit));
      white-space: nowrap;
      text-decoration: none;
      background-color: var(--ds-p-yellow-100);
    }

    .ds_label:is(a):active {
      scale: var(--ds-active-scale);
    }

    .ds_label--color-nyheder {
      background-color: var(--ds-p-red-100);
    }
  }

  @media (hover: hover) {
    .ds_label:is(a) {
      cursor: pointer;
      transition: filter var(--ds-transition-fast) var(--ds-easing-hover);
    }

    .ds_label:is(a):hover {
      filter: brightness(90%);
    }
  }
}

@media screen {
  .tc_page__footer {
    display: grid;
    gap: var(--spacing-32);
  }

  .tc_page__footer__share {
    display: flex;
    justify-content: flex-end;
  }

  .tc_page__footer__share .tc_share__button {
    color: var(--ds-s-content-secondary);
  }
}

@media screen {
  :where(.tc_share) {
    display: flex;
    gap: var(--spacing-8);
  }

  :where(.tc_share__popover__main) {
    position: relative;
    padding-bottom: var(--spacing-32);
    width: 98vw;
    max-width: var(--bp-small);
    background-color: var(--ds-s-surface-elevation-float);
  }

  :where(.tc_share__popover__main) .tc_heading {
    padding: var(--spacing-16);
  }

  :where(.tc_share__popover__main) > .ds_button {
    position: absolute;
    right: var(--spacing-8);
    top: var(--spacing-8);
  }

  :where(.tc_share__popover__main__list) {
    display: flex;
    gap: var(--spacing-8);
    list-style: none;
    color: var(--ds-s-content-primary);
    padding: 0 var(--spacing-16);
  }

  :where(.tc_share__popover__main__list__item) {
    flex: 1;
    background-color: var(--ds-s-surface-primary);
  }

  :where(.tc_share__popover__main__list__item__action) {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8);
    padding: calc(var(--spacing-4) + var(--spacing-4-step));
    color: currentColor;
    font-size: var(--font-12-14);
    white-space: nowrap;
    text-decoration: none;
    transition: background-color var(--ds-transition-fast);
  }

  :where(.tc_share__popover__main__list__item__action) svg {
    width: var(--spacing-40);
    height: var(--spacing-40);
  }

  :where(.tc_share__popover__main__list__item__action):active {
    background-color: var(--ds-s-surface-tertiary);
  }

  :where(.tc_share__popover__main__copylink) {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
    padding: var(--spacing-24) var(--spacing-16) 0;
  }

  :where(.tc_share__popover__main__copylink) .ds_button {
    align-self: center;
  }

  :where(
    .tc_share__popover__main__copylink__action--success,
    .tc_share__popover__main__copylink__action--error
  ) {
    display: none;
  }

  :where(.tc_share__popover) {
    opacity: 0;
    transition:
      translate var(--ds-transition-slower),
      overlay var(--ds-transition-slower) allow-discrete,
      display var(--ds-transition-slower) allow-discrete;
    padding: 0;
    border: 0;
  }

  :where(.tc_share__popover):popover-open {
    opacity: 1;
  }

  @starting-style {
    :where(.tc_share__popover):popover-open {
      opacity: 0;
    }
  }

  @supports not selector(:popover-open) {
  }
}

@media screen and (min-width: 42.5em) {
  :where(.tc_share__popover__main__copylink) {
    flex-direction: row;
  }
}

@layer components {
  @media screen {
    .ds_input:has(.ds_input__field__elm[type='hidden']) {
      display: none;
    }

    .ds_input__field__elm[type='file']::file-selector-button {
      height: var(--ds-button-size-s);
      border-radius: calc(var(--ds-button-size-s) / 2);
      background-color: var(--ds-s-surface-transparency-weak);
      padding: 0 var(--ds-p-size-16);
      font-size: calc(14 * var(--ds-unit));
      font-weight: 500;
      color: var(--ds-s-content-primary);
      border: 0;
      cursor: pointer;
    }
  }

  @media (hover: hover) {
    .ds_input__field__elm[type='file']::file-selector-button {
      transition: background-color var(--ds-transition-normal)
        var(--ds-easing-hover);
    }

    .ds_input__field__elm[type='file']::file-selector-button:hover {
      background-color: color-mix(
        in srgb,
        var(--ds-s-surface-transparency-weak) 90%,
        var(--ds-s-surface-inverted)
      );
    }
  }
}

@media screen {
  .tc_footer {
    content-visibility: auto;
    contain-intrinsic-height: auto calc(1099 * var(--unit));
  }

  .tc_footer__logo {
    position: absolute;
    bottom: 0;
    left: var(--gutter);
    display: block;
    min-width: var(--spacing-40);
    max-width: var(--spacing-40);
    border-radius: 50%;
  }

  .tc_footer__logo svg {
    width: 100%;
    height: 100%;
  }

  .tc_footer__menu {
    font-size: var(--font-14);
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-48);
  }

  .tc_footer__menu.tc_grid {
    row-gap: var(--spacing-48);
  }

  .tc_footer__menu__item {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
  }

  .tc_footer__menu__item .tc_heading {
    font-size: var(--font-20);
  }

  .tc_footer__menu__item__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
  }

  .tc_footer__menu__item__list a {
    font-size: inherit;
    color: var(--ds-s-content-primary);
    font-weight: var(--font-medium);
    text-decoration: none;
  }

  .tc_footer__privacy p {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--spacing-20);
    row-gap: var(--spacing-8);
    font-size: var(--font-12);
    padding: 0 0 var(--spacing-8);
    color: var(--ds-s-content-secondary);
  }
}

@media screen and (min-width: 30em) {
  .tc_footer {
    contain-intrinsic-size: auto calc(1066 * var(--unit));
  }
}

@media screen and (min-width: 42.5em) {
  .tc_footer {
    contain-intrinsic-size: auto calc(644 * var(--unit));
  }

  .tc_footer__logo {
    bottom: auto;
    top: var(--spacing-40);
  }

  .tc_footer__menu {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
    margin: 0 calc(var(--gutter) + var(--spacing-40));
  }
}

@media screen and (min-width: 64em) {
  .tc_footer {
    contain-intrinsic-size: auto calc(379 * var(--unit));
  }
}

a:hover {
  cursor: pointer;
}

.main-content {
  --mc-ink: #000523;
  --mc-ink-soft: #4a5870;
  --mc-rule: #e5e7eb;
  --mc-paper: #ffffff;
  --mc-paper-tint: #f6f7f8;
  --mc-red: #f0281e;
  --mc-red-deep: #c11a1d;
  --mc-green: #19aa46;
  --mc-green-soft: #e6f6eb;
  --mc-yellow: #ffd200;
  --mc-radius: 4px;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: clamp(1.75rem, 2.4vw, 2.5rem);
  max-width: 44rem;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  color: var(--mc-ink);
  font-family: var(--ds-font-tv2);
  font-feature-settings: 'ss01', 'kern';
  line-height: 1.55;
  letter-spacing: 0.005em;
}

.main-content :is(p, h2, h3, ul, blockquote) {
  margin: 0;
}

.mc-paragraph {
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--mc-ink);
}

.mc-paragraph + .mc-paragraph {
  margin-top: 0.9rem;
}

.mc-paragraph strong {
  font-weight: 700;
  color: var(--mc-ink);
}

.mc-intro {
  position: relative;
  padding-left: 1.25rem;
  border-left: 3px solid var(--mc-red);
}

.mc-intro .mc-lead {
  font-size: clamp(1.25rem, 2.1vw, 1.5rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.005em;
  margin-bottom: 1rem;
  color: var(--mc-ink);
}

.mc-section {
  display: block;
}

.mc-section__title {
  font-size: clamp(1.4rem, 2.4vw, 1.75rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.012em;
  margin: 0.85rem 0 0.95rem !important;
  color: var(--mc-ink);
}

.mc-callout {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.6rem 1.6rem 1.45rem;
  background: linear-gradient(180deg, #ffffff 0%, var(--mc-paper-tint) 100%);
  border: 1px solid var(--mc-rule);
  border-radius: var(--mc-radius);
  overflow: hidden;
}

.mc-callout::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--mc-red) 0 50%, #ffffff 50% 100%);
}

.mc-callout__head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.95rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px dashed var(--mc-rule);
}

.mc-callout__flag {
  position: relative;
  width: 30px;
  height: 22px;
  background: var(--mc-red);
  border-radius: 2px;
  display: inline-block;
  flex: none;
  box-shadow: 0 1px 2px rgba(0, 5, 35, 0.12);
}

.mc-callout__flag::before,
.mc-callout__flag::after {
  content: '';
  position: absolute;
  background: #ffffff;
}

.mc-callout__flag::before {
  top: 0;
  bottom: 0;
  left: 9px;
  width: 4px;
}

.mc-callout__flag::after {
  left: 0;
  right: 0;
  top: 9px;
  height: 4px;
}

.mc-callout__title {
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.005em;
  color: var(--mc-ink);
}

.mc-callout__intro {
  font-size: 1rem;
  color: var(--mc-ink-soft);
  margin-bottom: 0.65rem;
}

.mc-callout__list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.1rem;
  display: grid;
  gap: 0.45rem;
}

.mc-callout__list li {
  position: relative;
  padding: 0.55rem 0.75rem 0.55rem 2.1rem;
  background: #ffffff;
  border: 1px solid var(--mc-rule);
  border-radius: 2px;
  font-size: 0.98rem;
  font-weight: 500;
  color: var(--mc-ink);
}

.mc-callout__list li::before {
  content: '';
  position: absolute;
  left: 0.75rem;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: var(--mc-green);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 1px var(--mc-green);
}

.mc-callout__people {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-callout__people li {
  font-size: 0.92rem;
  font-weight: 600;
}

.mc-callout__people li span {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: var(--mc-ink);
  color: #fff;
  border-radius: 999px;
  letter-spacing: 0.01em;
}

.mc-callout__foot {
  font-size: 0.98rem;
  color: var(--mc-ink-soft);
  font-style: italic;
}

.mc-emotional {
  padding: 1.5rem 1.5rem;
  background: var(--mc-paper-tint);
  border-radius: var(--mc-radius);
  border-top: 3px solid var(--mc-ink);
}

.mc-quote {
  position: relative;
  margin: 1.25rem 0 1.25rem;
  padding: 1.1rem 1.25rem 1.1rem 2.6rem;
  background: #ffffff;
  border-left: 3px solid var(--mc-red);
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--mc-ink);
}

.mc-quote::before {
  content: '“';
  position: absolute;
  left: 0.6rem;
  top: -0.4rem;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 3.5rem;
  line-height: 1;
  color: var(--mc-red);
  font-weight: 400;
}

.mc-quote p {
  margin: 0;
}

.mc-cta {
  position: relative;
  padding: 1.75rem clamp(1.25rem, 3vw, 2rem);
  background: linear-gradient(165deg, #000523 0%, #0f0d52 60%, #1339c8 130%);
  color: #fff;
  border-radius: 6px;
  overflow: hidden;
  isolation: isolate;
}

.mc-cta::before {
  content: '';
  position: absolute;
  inset: -40% -20% auto auto;
  width: 320px;
  height: 320px;
  background: radial-gradient(
    circle at center,
    rgba(240, 40, 30, 0.45),
    transparent 65%
  );
  z-index: -1;
  filter: blur(8px);
}

.mc-cta::after {
  content: '';
  position: absolute;
  inset: auto -25% -45% -10%;
  height: 280px;
  background: radial-gradient(
    ellipse at center,
    rgba(25, 170, 70, 0.35),
    transparent 70%
  );
  z-index: -1;
  filter: blur(10px);
}

.mc-cta__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media (min-width: 36em) {
  .mc-cta__grid {
    grid-template-columns: 1.05fr 1fr;
    align-items: stretch;
  }
}

.mc-cta__col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mc-cta__label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--mc-yellow);
  margin-bottom: 0.6rem;
}

.mc-cta__text {
  font-size: 1.02rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

.mc-cta__figures {
  display: grid;
  gap: 0.8rem;
  align-content: center;
}

.mc-figure {
  position: relative;
  padding: 0.9rem 1rem 0.95rem;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(2px);
}

.mc-figure--in {
  border-left: 3px solid var(--mc-yellow);
}

.mc-figure--out {
  border-left: 3px solid var(--mc-green);
}

.mc-figure__caption {
  display: block;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.25rem;
}

.mc-figure__value {
  display: block;
  font-size: clamp(1.6rem, 3.4vw, 2.1rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.mc-figure__value em {
  font-style: normal;
  font-size: 0.55em;
  font-weight: 700;
  margin-left: 0.35rem;
  color: rgba(255, 255, 255, 0.65);
  letter-spacing: 0.08em;
}

.mc-figure__hint {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.78rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.65);
}

.mc-cta__alert {
  margin-top: 1.4rem;
  padding-top: 1.2rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.18);
}

.mc-cta__alert-row {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}

.mc-cta__alert-row p {
  font-size: 0.97rem;
  line-height: 1.5;
  color: #ffffff;
}

.mc-cta__alert-row strong {
  color: var(--mc-yellow);
  font-weight: 800;
}

.mc-pulse {
  flex: none;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--mc-red);
  margin-top: 0.4rem;
  box-shadow: 0 0 0 0 rgba(240, 40, 30, 0.6);
  animation: mc-pulse 1.6s ease-out infinite;
}

@keyframes mc-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 40, 30, 0.7);
  }

  70% {
    box-shadow: 0 0 0 14px rgba(240, 40, 30, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(240, 40, 30, 0);
  }
}

.mc-progress {
  margin-top: 0.95rem;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.mc-progress__bar {
  height: 100%;
  width: 78%;
  background: linear-gradient(
    90deg,
    var(--mc-green) 0%,
    var(--mc-yellow) 60%,
    var(--mc-red) 100%
  );
  border-radius: 999px;
  animation: mc-fill 1.4s ease-out 0.1s both;
}

@keyframes mc-fill {
  from {
    width: 0%;
  }

  to {
    width: 78%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc-pulse {
    animation: none;
  }

  .mc-progress__bar {
    animation: none;
  }
}

.mc-reviews__head {
  margin-bottom: 1.25rem;
}

.mc-reviews__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.9rem;
}

.mc-review {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 1.1rem 1.25rem;
  background: #fff;
  border: 1px solid var(--mc-rule);
  border-radius: 4px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.2s ease;
}

.mc-review:hover {
  border-color: #b5bac5;
  box-shadow: 0 6px 20px -10px rgba(0, 5, 35, 0.18);
}

.mc-review__avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  display: block;
  background: var(--mc-paper-tint);
  border: 1px solid var(--mc-rule);
}

.mc-review__body {
  min-width: 0;
}

.mc-review__meta {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.3rem;
  flex-wrap: wrap;
}

.mc-review__name {
  font-weight: 700;
  color: var(--mc-ink);
  font-size: 0.98rem;
}

.mc-review__time {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  color: var(--mc-ink-soft);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}

.mc-review__time::before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask: url('../img/clock.svg') center/contain no-repeat;
  mask: url('../img/clock.svg') center/contain no-repeat;
  flex: none;
}

.mc-review__time::after {
  content: '•';
  display: none;
}

.mc-review__text {
  font-size: 1rem;
  line-height: 1.55;
  color: var(--mc-ink);
}

.mc-review__figure {
  margin: 0.85rem 0 0;
  border: 1px solid var(--mc-rule);
  border-radius: 4px;
  overflow: hidden;
  background: var(--mc-paper-tint);
  max-width: 360px;
}

.mc-review__figure img {
  display: block;
  width: 100%;
  height: auto;
}

.mc-review__figure figcaption {
  font-size: 0.78rem;
  color: var(--mc-ink-soft);
  padding: 0.45rem 0.7rem;
  border-top: 1px solid var(--mc-rule);
  background: #fff;
}

.tc_footer__privacy {
  width: 100%;
}

.brand-name-image {
  position: absolute;
  top: 50%;
  left: 48%;
  width: 15%;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  transform: translate(-50%, -50%);
}

@media (width < 680px) {
  .brand-name-image {
    font-size: 12px;
  }
}

@media (width < 390px) {
  .brand-name-image {
    left: 47%;
  }
}

.brand-name-image.brand-name-image2 {
  top: 45%;
  right: 22%;
  left: unset;
  width: 20%;
  color: #000;
  font-size: min(3.04cqi, 26px);
  line-height: 1.2;
  transform: translateY(-50%);
}

.custom-list {
  list-style-type: none;
  margin: 0.9rem 0 !important;
}

.custom-list li {
  padding-left: 1.25rem;
  border-left: 3px solid var(--mc-red);
}

.custom-list li:not(:last-child) {
  margin-bottom: 20px;
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('../fonts/InstrumentSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#Send-Us-Message {
  border: none;
  border-radius: 5px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  background: #2f3032;
}

#Send-Us-Message {
  border: none;
  border-radius: 5px;
  max-width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  background: #2f3032;
}

#Send-Us-Message {
  border: none;
  border-radius: 15px;
  max-width: 504px;
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  margin-bottom: 30px;
}

#Send-Us-Message h3 {
  padding: 0 15px;
  margin: 0 0 20px 0;
  font-family: 'Instrument Sans';
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #000000;
}

#Send-Us-Message h3 span {
  font-weight: 600;
  color: #ec2a13;
  font-family: 'Instrument Sans';
}

#Send-Us-Message .form-photo {
  max-width: 452px;
  padding: 0 15px;
  box-sizing: border-box;
}

#Send-Us-Message .form-photo img {
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 25px;
  width: 100%;
}

#Send-Us-Message h2 {
  padding: 0 10px;
  color: #000;
  margin: 0 0 10px 0;
  font-family: 'Instrument Sans';
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}

#cd-countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  font-family: sans-serif;
  font-family: 'Instrument Sans';
}

.cd-unit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
}

.cd-digits {
  display: flex;
}

.cd-box {
  box-sizing: border-box;
  min-width: 35px;
  margin: 0 2px;
  border-radius: 8px;
  padding: 15px 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  background: #fff;
}

.cd-label {
  position: absolute;
  bottom: -25px;
  margin-top: 5px;
  color: #333;
  font-weight: bold;
  font-size: 0.6em;
  text-transform: uppercase;
}

.cd-separator {
  border-radius: 8px;
  color: black;
  font-weight: bold;
  font-size: 1.5em;
}

@media (max-width: 550px) {
  .cd-box {
    font-size: 18px;
  }

  .cd-separator {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  .cd-box {
    min-width: initial;
    padding: 10px 13px;
    font-size: 16px;
  }
}

@media (max-width: 450px) {
  .cd-box {
    min-width: initial;
    padding: 8px 10px;
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  .cd-box {
    min-width: initial;
    padding: 6px;
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .cd-box {
    margin: 0 1.5px;
  }
}

.form-footer {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0 0 15px 15px;
  padding: 22px 37px 10px 37px;
  background-image: url('../img/noise.webp');
  background-size: cover;
}

.form-footer img {
  width: 100%;
  margin: 25px auto;
}

.form-footer .uniqp {
  color: #ffffff;
  margin: 0;
  font-family: 'Instrument Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.form-footer .pp {
  color: #fff;
  margin: 0;
  font-family: 'Instrument Sans';
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}