@layer vars,
base,
components;

@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;
  }

  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 {
    [data-ds-icon],
    [data-ds-logo] {
      display: block;
      overflow: visible;
    }

    [data-ds-icon] {
      fill: currentColor;
      aspect-ratio: 1/1;
    }
  }
}

@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;
  }

  .tc_root {
    position: relative;
    z-index: 0;
  }
}

@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)));
  }
}

input,
button:not(.ds_button) {
  font-family: var(--ds-font-tv2);
  font-variation-settings:
    "slnt" 0,
    "ital" 0;
}

@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 {
    clip: rect(
      var(--spacing-1),
      var(--spacing-1),
      var(--spacing-1),
      var(--spacing-1)
    );
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: var(--spacing-1);
    height: var(--spacing-1);
    overflow: hidden;
    text-align: center;
    font-size: var(--font-14);
    font-weight: var(--font-medium);
    line-height: var(--line-140);
    text-decoration: none;
  }

  .tc_header__global__skip:focus {
    clip: auto;
    display: block;
    width: var(--spacing-128);
    height: auto;
    z-index: 10;
  }

  .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__nav__item__link[aria-current="true"] {
    color: light-dark(var(--ds-p-red-525), var(--ds-p-white));
  }

  .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
    .tc_header__local__nav__item__link[aria-current="true"] {
    color: var(--ds-s-content-primary);
  }

  .tc_header__local__nav__item
    .tc_header__local__nav__item__link[aria-current="true"]::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing-4) + var(--spacing-2));
    background-color: var(--ds-p-red-500);
  }

  .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);
    }

    .tc_header__global__nav__item__link[aria-current="true"] {
      color: var(--ds-p-red-525);
    }
  }

  @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,
    .ds_button.ds_button--format-icon-only .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[disabled]:not(.ds_button--layout-tertiary):not(
        .ds_button--layout-on-image
      )
      .ds_button__main {
      background-color: var(--ds-s-surface-transparency-weak);
      color: var(--ds-s-content-disabled);
    }

    .ds_button[disabled]:not(.ds_button--layout-tertiary):not(
        .ds_button--layout-on-image
      )
      .ds_button__main__icon {
      color: inherit;
    }

    .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-tertiary .ds_button__main {
      background-color: transparent;
    }

    .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 (hover: hover) {
    .ds_button[disabled] {
      cursor: not-allowed;
    }
  }
}

@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);
  }

  .tc_slider__button {
    position: absolute;
    top: 0;
    bottom: 0%;
    margin: auto;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transition: all var(--ds-transition-fast);
  }

  .tc_slider__button--prev {
    left: calc(var(--spacing-8));
  }

  .tc_slider__button--next {
    right: calc(var(--spacing-8));
  }
}

@media screen and (scripting: none) {
  .tc_slider > .ds_button {
    display: none;
  }
}

@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,
    .ds_button.ds_button--format-icon-only .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[disabled]:not(.ds_button--layout-tertiary):not(
        .ds_button--layout-on-image
      )
      .ds_button__main {
      background-color: var(--ds-s-surface-transparency-weak);
      color: var(--ds-s-content-disabled);
    }

    .ds_button[disabled]:not(.ds_button--layout-tertiary):not(
        .ds_button--layout-on-image
      )
      .ds_button__main__icon {
      color: inherit;
    }

    .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-tertiary .ds_button__main {
      background-color: transparent;
    }

    .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 (hover: hover) {
    .ds_button[disabled] {
      cursor: not-allowed;
    }
  }
}

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

  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 {
  .tc_remote:empty {
    display: none;
  }
}

@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) {
    .tc_share__popover {
      display: none;
    }
  }
}

@media screen and (scripting: none) {
  .tc_share__popover__main__copylink__action {
    display: none;
  }
}

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

@layer components {
  @media screen {
    .ds_input {
      display: flex;
      flex-direction: column;
      width: 100%;
      color: var(--ds-s-content-primary);
    }

    .ds_input::after {
      padding-top: var(--ds-p-size-4);
      color: var(--ds-s-content-secondary);
      font-size: calc(12 * var(--ds-unit));
      line-height: calc(14 * var(--ds-unit));
    }

    .ds_input.ds_input--hide-label .ds_input__label {
      position: absolute;
      width: calc(1 * var(--ds-unit));
      height: calc(1 * var(--ds-unit));
      overflow: hidden;
      white-space: nowrap;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
    }

    .ds_input:has(.ds_input__field__elm[type="hidden"]) {
      display: none;
    }

    .ds_input__label {
      display: block;
      hyphens: auto;
      font-size: calc(16 * var(--ds-unit));
      font-weight: 500;
      line-height: calc(20 * var(--ds-unit));
    }

    .ds_input__field {
      position: relative;
    }

    .ds_input__field:focus-within .ds_input__field__elm {
      outline: var(--ds-p-size-2) solid var(--ds-s-stroke-input-selected);
    }

    .ds_input__field__elm {
      display: block;
      box-sizing: border-box;
      font-family: var(--ds-font-tv2);
      font-size: var(--ds-p-size-16);
      font-weight: 500;
      height: var(--ds-button-size);
      width: 100%;
      padding: 0 var(--ds-p-size-12);
      margin: 0;
      border: calc(1 * var(--ds-unit)) solid var(--ds-s-stroke-input-default);
      color: var(--ds-s-content-primary);
      background-color: transparent;
      appearance: textfield;
    }

    .ds_input__field__elm:focus {
      outline: var(--ds-p-size-2) solid var(--ds-s-stroke-input-selected);
    }

    .ds_input__field__elm[readonly] {
      background-color: var(--ds-s-surface-transparency-weak);
      border-color: var(--ds-s-stroke-input-disabled);
    }

    .ds_input__field__elm::-webkit-search-cancel-button,
    .ds_input__field__elm::-webkit-outer-spin-button,
    .ds_input__field__elm::-webkit-inner-spin-button {
      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:not([type="file"]) {
      transition: background-color var(--ds-transition-fast)
        var(--ds-easing-hover);
    }

    .ds_input__field__elm:not([type="file"]):hover {
      background-color: var(--ds-s-surface-state-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,
.mc-callout + .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__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-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;
}

.tc_footer__privacy {
  width: 100%;
}

.mc-expert-card {
  margin-top: 1.1rem;
  padding: 1.25rem 1.35rem;
  background: var(--mc-paper);
  border: 1px solid var(--mc-rule);
  border-radius: var(--mc-radius);
  box-shadow: 0 1px 0 rgba(0, 5, 35, 0.06);
}

.mc-expert-card + .mc-expert-card {
  margin-top: 1rem;
}

.mc-expert-card__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.85rem;
}

.mc-expert-card__photo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  flex: none;
  border: 1px solid var(--mc-rule);
}

.mc-expert-card__name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--mc-ink);
}

.mc-expert-card__role {
  margin: 0.2rem 0 0;
  font-size: 0.9rem;
  color: var(--mc-ink-soft);
}

.mc-callout--spotlight .mc-callout__title--center {
  text-align: center;
  margin: 0 0 1rem !important;
  padding-bottom: 0.85rem;
  border-bottom: 1px dashed var(--mc-rule);
}

.mc-spot {
  color: var(--mc-red);
  font-weight: 800;
}

.mc-callout ol.mc-steps {
  list-style: decimal;
  padding-left: 1.35rem;
  margin: 0;
  display: grid;
  gap: 0.65rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--mc-ink);
}

.mc-callout ol.mc-steps li {
  padding-left: 0.35rem;
  border-left: none;
}

.mc-callout ol.mc-steps li:not(:last-child) {
  margin-bottom: 0;
}
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 20px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 10px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url(bd95ef49b665a571ca04.webp?v=1);
  --iti-path-flags-2x: url(bea0200ba7ea874b359f.webp?v1=);
  --iti-path-globe-1x: url(7fb216c936a98b90918e.webp?v1=);
  --iti-path-globe-2x: url(5dc7e51d6b5d42fc2be4.webp?v1=);
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover,
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover
  button {
  cursor: pointer;
}
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti-aio__selected-country-primary:hover,
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti-aio__selected-country:has(+ .iti-aio__dropdown-content:hover)
  .iti-aio__selected-country-primary {
  background-color: var(--iti-hover-color);
}