<style>
      .icon.left.svelte-te7smb {
        margin-right: var(--spacing-12);
      }
      .icon.right.svelte-te7smb {
        margin-left: var(--spacing-12);
      }
      h1.svelte-1yexcpr,
      h2.svelte-1yexcpr,
      h3.svelte-1yexcpr,
      h4.svelte-1yexcpr,
      h5.svelte-1yexcpr,
      h6.svelte-1yexcpr,
      p.svelte-1yexcpr,
      span.svelte-1yexcpr {
        margin: 0;
      }
      .display-xl.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-display-l);
        font-weight: var(--font-weight-heavy);
        line-height: var(--font-line-height-none);
        text-transform: uppercase;
      }
      @media only screen and (min-width: 45em) {
        .display-xl.svelte-1yexcpr {
          font-size: var(--font-size-display-xl);
        }
      }
      .display-lg.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-display-s);
        font-weight: var(--font-weight-heavy);
        line-height: var(--font-line-height-tight);
        text-transform: uppercase;
      }
      @media only screen and (min-width: 45em) {
        .display-lg.svelte-1yexcpr {
          font-size: var(--font-size-display-l);
          line-height: var(--font-line-height-none);
        }
      }
      .display-md.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-xxl);
        font-weight: var(--font-weight-bold);
        line-height: var(--font-line-height-snug);
      }
      @media only screen and (min-width: 45em) {
        .display-md.svelte-1yexcpr {
          font-size: var(--font-size-display-m);
        }
      }
      .display-sm.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-lg);
        font-weight: var(--font-weight-semibold);
        line-height: var(--font-line-height-snug);
      }
      @media only screen and (min-width: 45em) {
        .display-sm.svelte-1yexcpr {
          font-size: var(--font-size-display-s);
        }
      }
      .display-xs.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-semibold);
        line-height: var(--font-line-height-snug);
      }
      .heading-xl.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-xl);
        font-weight: var(--font-weight-semibold);
        line-height: var(--font-line-height-normal);
      }
      @media only screen and (min-width: 45em) {
        .heading-xl.svelte-1yexcpr {
          font-size: var(--font-size-display-s);
        }
      }
      .heading-lg.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-md);
        font-weight: var(--font-weight-semibold);
        line-height: var(--font-line-height-normal);
      }
      @media only screen and (min-width: 45em) {
        .heading-lg.svelte-1yexcpr {
          font-size: var(--font-size-xl);
        }
      }
      .heading-md.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-medium);
        line-height: var(--font-line-height-normal);
      }
      @media only screen and (min-width: 45em) {
        .heading-md.svelte-1yexcpr {
          font-size: var(--font-size-md);
        }
      }
      .heading-sm.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-medium);
        line-height: var(--font-line-height-normal);
      }
      @media only screen and (min-width: 45em) {
        .heading-sm.svelte-1yexcpr {
          font-size: var(--font-size-sm);
        }
      }
      .heading-sm-uppercase.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-medium);
        line-height: var(--font-line-height-snug);
        text-transform: uppercase;
      }
      @media only screen and (min-width: 45em) {
        .heading-sm-uppercase.svelte-1yexcpr {
          font-size: var(--font-size-base);
        }
      }
      .heading-xs.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-xxs);
        font-weight: var(--font-weight-medium);
        line-height: var(--font-line-height-normal);
      }
      @media only screen and (min-width: 45em) {
        .heading-xs.svelte-1yexcpr {
          font-size: var(--font-size-xs);
        }
      }
      .heading-xs-uppercase.svelte-1yexcpr {
        font-family: var(--font-family-playoff-pro-sans);
        font-size: var(--font-size-xxs);
        font-weight: var(--font-weight-medium);
        line-height: var(--font-line-height-snug);
        text-transform: uppercase;
      }
      @media only screen and (min-width: 45em) {
        .heading-xs-uppercase.svelte-1yexcpr {
          font-size: var(--font-size-xs);
        }
      }
      .body-xl.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-md);
        font-weight: var(--font-weight-normal);
        line-height: var(--font-line-height-relaxed);
      }
      .body-xl-medium.svelte-1yexcpr {
        font-weight: var(--font-weight-medium);
      }
      .body-lg.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-normal);
        line-height: var(--font-line-height-relaxed);
      }
      .body-lg-medium.svelte-1yexcpr {
        font-weight: var(--font-weight-medium);
      }
      .body-md.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-normal);
        line-height: var(--font-line-height-relaxed);
      }
      .body-md-medium.svelte-1yexcpr {
        font-weight: var(--font-weight-medium);
      }
      .body-sm.svelte-1yexcpr {
        font-family: var(--font-family-inter);
        font-size: var(--font-size-xxs);
        font-weight: var(--font-weight-normal);
        line-height: var(--font-line-height-relaxed);
      }
      .body-sm-medium.svelte-1yexcpr {
        font-weight: var(--font-weight-medium);
      }
      .center.svelte-1yexcpr {
        text-align: center;
      }
      .upper.svelte-1yexcpr {
        text-transform: uppercase;
      }
      .button.svelte-yayskl {
        position: relative;
      }
      .button.svelte-yayskl:before {
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-4) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-4) * -1);
        border-radius: var(--border-radius-pill);
      }
      .button.svelte-yayskl:focus-visible {
        outline: none;
      }
      .button.svelte-yayskl:focus-visible:before {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .button.svelte-yayskl {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        height: var(--spacing-48);
        padding: var(--spacing-12) var(--spacing-32);
        border-radius: var(--border-radius-pill);
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none;
      }
      .button.svelte-yayskl:hover {
        cursor: pointer;
      }
      .button.stretch.svelte-yayskl {
        width: 100%;
      }
      .button.max-width.svelte-yayskl {
        max-width: var(--max-width-extra-small);
      }
      .button.loading.svelte-yayskl {
        cursor: wait;
        opacity: 0.5;
      }
      .button.disabled.svelte-yayskl {
        cursor: not-allowed;
        opacity: 0.5;
      }
      .primary.svelte-yayskl {
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-button-primary-default);
        color: var(--tc-text-button);
        background-color: var(--tc-button-primary-default);
        transition:
          background-color 0.2s,
          color 0.2s;
      }
      .primary.svelte-yayskl:hover,
      .primary.svelte-yayskl:active {
        border-color: var(--tc-button-primary-pressed);
        background-color: var(--tc-button-primary-pressed);
      }
      .secondary.svelte-yayskl {
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-button-secondary-default);
        color: var(--tc-text-button-inverted);
        transition:
          border-color 0.2s,
          color 0.2s;
      }
      .secondary.svelte-yayskl:hover,
      .secondary.svelte-yayskl:active {
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-button-secondary-pressed);
        color: var(--tc-text-primary-button-pressed);
      }
      .secondary-inverted.svelte-yayskl {
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-button-secondary-inverted-default);
        color: var(--tc-text-button);
      }
      .secondary-inverted.svelte-yayskl:hover,
      .secondary-inverted.svelte-yayskl:active {
        border-color: var(--tc-button-secondary-inverted-pressed);
        color: var(--tc-text-button);
      }
      .persuasive.svelte-yayskl {
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-button-persuasive-default);
        color: var(--tc-text-button);
        background-color: var(--tc-button-persuasive-default);
        transition:
          background-color 0.2s,
          color 0.2s;
      }
      .persuasive.svelte-yayskl:hover,
      .persuasive.svelte-yayskl:active {
        border-color: var(--tc-button-persuasive-pressed);
        background-color: var(--tc-button-persuasive-pressed);
      }
      .align-self-center.svelte-yayskl {
        align-self: center;
      }
      .align-self-end.svelte-yayskl {
        align-self: flex-end;
      }
      .container.svelte-1bpsloj {
        box-sizing: content-box;
        margin-right: auto;
        margin-left: auto;
      }
      .max-width-small.svelte-1bpsloj {
        max-width: var(--max-width-small);
        padding-right: var(--spacing-16);
        padding-left: var(--spacing-16);
      }
      @media only screen and (min-width: 105em) {
        .max-width-small.svelte-1bpsloj {
          max-width: var(--max-width-medium);
        }
      }
      .max-width-medium.svelte-1bpsloj {
        max-width: var(--max-width-medium);
        padding-right: var(--spacing-16);
        padding-left: var(--spacing-16);
      }
      @media only screen and (min-width: 105em) {
        .max-width-medium.svelte-1bpsloj {
          max-width: var(--max-width-large);
        }
      }
      .max-width-base.svelte-1bpsloj {
        max-width: var(--max-width-screen);
        padding-right: var(--spacing-base);
        padding-left: var(--spacing-base);
      }
      @media only screen and (min-width: 45em) {
        .max-width-base.svelte-1bpsloj {
          padding-right: var(--spacing-40);
          padding-left: var(--spacing-40);
        }
      }
      @media only screen and (min-width: 64em) {
        .max-width-base.svelte-1bpsloj {
          padding-right: var(--spacing-60);
          padding-left: var(--spacing-60);
        }
      }
      @media only screen and (min-width: 80em) {
        .max-width-base.svelte-1bpsloj {
          padding-right: var(--spacing-80);
          padding-left: var(--spacing-80);
        }
      }
      @media only screen and (min-width: 105em) {
        .max-width-base.svelte-1bpsloj {
          padding-right: var(--spacing-100);
          padding-left: var(--spacing-100);
        }
      }
      .max-width-large.svelte-1bpsloj {
        max-width: var(--max-width-screen);
        padding-right: 0;
        padding-left: 0;
      }
      @media only screen and (min-width: 64em) {
        .max-width-large.svelte-1bpsloj {
          padding-right: var(--spacing-base);
          padding-left: var(--spacing-base);
        }
      }
      @media only screen and (min-width: 105em) {
        .max-width-large.svelte-1bpsloj {
          padding-right: var(--spacing-24);
          padding-left: var(--spacing-24);
        }
      }
      .margin-article-block.svelte-1bpsloj {
        margin-bottom: var(--spacing-24);
      }
      @media only screen and (min-width: 45em) {
        .margin-article-block.svelte-1bpsloj {
          margin-bottom: var(--spacing-48);
        }
      }
      .margin-home.svelte-1bpsloj {
        margin-bottom: var(--spacing-24);
      }
      @media only screen and (min-width: 45em) {
        .margin-home.svelte-1bpsloj {
          margin-bottom: var(--spacing-40);
        }
      }
      .margin-big.svelte-1bpsloj {
        margin-bottom: var(--spacing-48);
      }
      @media only screen and (min-width: 45em) {
        .margin-big.svelte-1bpsloj {
          margin-bottom: var(--spacing-80);
        }
      }
      .error.svelte-1dewm9z {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-16);
        max-width: var(--max-width-small);
        padding: var(--spacing-80) 0 var(--spacing-184);
      }
      @media only screen and (min-width: 64em) {
        .error.svelte-1dewm9z {
          padding: var(--spacing-132) 0 var(--spacing-172);
        }
      }
      .cta-wrap.svelte-1dewm9z {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-12);
        margin-top: var(--spacing-16);
      }
      @media only screen and (min-width: 45em) {
        .cta-wrap.svelte-1dewm9z {
          flex-direction: row;
        }
      }
      .social.svelte-ryq3bn {
        position: relative;
        display: block;
        border-style: var(--border-style-base);
        border-width: var(--border-width-thin);
        border-radius: var(--border-radius-md);
        transition: border-color 0.2s;
      }
      .social.svelte-ryq3bn:after {
        pointer-events: none;
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-4) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-4) * -1);
        border-radius: var(--border-radius-md);
      }
      .social.svelte-ryq3bn:has(.social-link:where(.svelte-ryq3bn):hover) {
        border-color: var(--tc-border-hover);
      }
      .social.svelte-ryq3bn:has(
          .social-link:where(.svelte-ryq3bn):focus-visible
        ):after {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .social.social-inline.svelte-ryq3bn {
        width: var(--spacing-48);
        height: var(--spacing-48);
      }
      .social.social-block.svelte-ryq3bn {
        padding: var(--spacing-16);
      }
      @media only screen and (min-width: 45em) {
        .social.social-border-desktop-dark.svelte-ryq3bn {
          border-color: #ffffff29;
        }
      }
      @media only screen and (max-width: 44.9375em) {
        .social.social-border-mobile-dark.svelte-ryq3bn {
          border-color: #ffffff29;
        }
      }
      @media only screen and (min-width: 45em) {
        .social.social-border-desktop-light.svelte-ryq3bn {
          border-color: var(--tc-border-default);
        }
      }
      @media only screen and (max-width: 44.9375em) {
        .social.social-border-mobile-light.svelte-ryq3bn {
          border-color: var(--tc-border-default);
        }
      }
      .social-link.svelte-ryq3bn {
        display: flex;
        width: 100%;
        height: 100%;
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
      }
      .social-inline.svelte-ryq3bn .social-link:where(.svelte-ryq3bn) {
        align-items: center;
        justify-content: center;
      }
      .social-block.svelte-ryq3bn .social-link:where(.svelte-ryq3bn) {
        flex-direction: column;
      }
      .social-link.svelte-ryq3bn:focus-visible {
        outline: none;
      }
      .iconlinks.iconlinks-inline.svelte-1jao8cj {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .iconlinks.iconlinks-block.svelte-1jao8cj {
        display: block;
        width: 100%;
        padding: var(--spacing-16) 0;
      }
      @media only screen and (min-width: 64em) {
        .iconlinks.iconlinks-block.svelte-1jao8cj {
          padding: var(--spacing-32) 0;
        }
      }
      .iconlinks.svelte-1jao8cj .iconlinks-name {
        padding: var(--spacing-8) 0;
        color: var(--tc-text-secondary);
      }
      .iconlinks-list.svelte-1jao8cj {
        display: flex;
        gap: var(--spacing-12);
        margin: 0;
        padding: 0;
        list-style: "";
      }
      .iconlinks-block.svelte-1jao8cj .iconlinks-list:where(.svelte-1jao8cj) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: var(--spacing-24);
      }
      @media only screen and (min-width: 45em) {
        .iconlinks-block.svelte-1jao8cj .iconlinks-list:where(.svelte-1jao8cj) {
          grid-template-columns: 1fr 1fr 1fr;
        }
      }
      @media only screen and (min-width: 64em) {
        .iconlinks-block.svelte-1jao8cj .iconlinks-list:where(.svelte-1jao8cj) {
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
          gap: var(--spacing-20);
        }
      }
      .iconlinks-inline.svelte-1jao8cj .iconlinks-title {
        margin-right: var(--spacing-12);
      }
      @media only screen and (min-width: 80em) {
        .iconlinks-title-desktop {
          position: absolute !important;
          overflow: hidden;
          width: 1px;
          height: 1px;
          white-space: nowrap;
          clip: rect(1px, 1px, 1px, 1px);
        }
      }
      @media only screen and (max-width: 79.9375em) {
        .iconlinks-title-mobile {
          position: absolute !important;
          overflow: hidden;
          width: 1px;
          height: 1px;
          white-space: nowrap;
          clip: rect(1px, 1px, 1px, 1px);
        }
      }
      .iconlinks-title-none {
        position: absolute !important;
        overflow: hidden;
        width: 1px;
        height: 1px;
        white-space: nowrap;
        clip: rect(1px, 1px, 1px, 1px);
      }
      .social-link {
        width: 100%;
      }
      .svelte-progress-bar.svelte-pe2dln {
        position: fixed;
        top: 0;
        left: 0;
        height: 3px;
        transition: width 0.21s ease-in-out;
      }
      .svelte-progress-bar-hiding.svelte-pe2dln {
        transition: top 0.8s ease;
        top: -8px;
      }
      .svelte-progress-bar-leader.svelte-pe2dln {
        position: absolute;
        top: 0;
        right: 0;
        height: 5px;
        width: 100px;
        transform: rotate(2.5deg) translateY(-4px);
        box-shadow: 0 0 8px;
      }
      .store-link.svelte-dpam11 {
        position: relative;
      }
      .store-link.svelte-dpam11:before {
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-4) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-4) * -1);
        border-radius: var(--border-radius-md);
      }
      .store-link.svelte-dpam11:focus-visible {
        outline: none;
      }
      .store-link.svelte-dpam11:focus-visible:before {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .store-link.svelte-dpam11 {
        max-height: var(--spacing-48);
        transition: color 0.2s;
      }
      .store-link.svelte-dpam11:hover,
      .store-link.svelte-dpam11:active {
        color: var(--tc-text-placeholder);
      }
      .app-store-links.svelte-4uh5sb {
        display: flex;
        grid-area: stores;
        gap: var(--spacing-16);
        margin: 0;
        padding: 0;
        list-style: "";
      }
      .footer-link.svelte-189ejhj {
        position: relative;
      }
      .footer-link.svelte-189ejhj:before {
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-8) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-8) * -1);
        border-radius: var(--border-radius-md);
      }
      .footer-link.svelte-189ejhj:focus-visible {
        outline: none;
      }
      .footer-link.svelte-189ejhj:focus-visible:before {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .footer-link.svelte-189ejhj {
        display: block;
        color: var(--tc-text-primary);
        -webkit-text-decoration: none;
        text-decoration: none;
      }
      .footer-link.svelte-189ejhj:hover {
        color: var(--tc-text-placeholder);
      }
      .footer-link-icon {
        width: var(--spacing-16);
        height: var(--spacing-16);
      }
      .text {
        display: flex;
        gap: var(--spacing-8);
        align-items: center;
      }
      .footer-navigation.svelte-1te5u0z {
        display: flex;
        grid-area: navigation;
        flex-flow: column wrap;
        gap: var(--spacing-24);
        justify-content: center;
        margin: 0;
        padding: 0;
        list-style: "";
      }
      @media only screen and (min-width: 64em) {
        .footer-navigation.svelte-1te5u0z {
          flex-direction: row;
          justify-content: flex-start;
        }
      }
      .logo-link.svelte-16z5gmr {
        position: relative;
      }
      .logo-link.svelte-16z5gmr:before {
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-4) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-4) * -1);
        border-radius: var(--border-radius-md);
      }
      .logo-link.svelte-16z5gmr:focus-visible {
        outline: none;
      }
      .logo-link.svelte-16z5gmr:focus-visible:before {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .logo-link.svelte-16z5gmr {
        display: inline-block;
      }
      @media only screen and (min-width: 80em) {
        .logo-link.svelte-16z5gmr {
          margin-right: var(--spacing-24);
        }
      }
      .footer {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-48);
        padding: var(--spacing-32) 0 var(--spacing-50) 0;
        border-top: var(--border-width-thin) var(--border-style-base)
          var(--tc-divider-default);
      }
      @media only screen and (min-width: 64em) {
        .footer {
          display: grid;
          grid-template-areas: "logo socials socials" "navigation navigation navigation" "stores stores stores";
          grid-gap: var(--spacing-24);
          gap: var(--spacing-24);
          padding-top: var(--spacing-64);
          padding-bottom: var(--spacing-64);
        }
      }
      .logo-wrap.svelte-tioglr {
        display: flex;
        grid-area: logo;
        flex-direction: column;
        gap: var(--spacing-16);
        align-items: flex-start;
      }
      @media only screen and (min-width: 64em) {
        .logo-wrap.svelte-tioglr {
          gap: var(--spacing-24);
        }
      }
      .footer-legal {
        padding-top: var(--spacing-12);
        padding-bottom: var(--spacing-12);
      }
      .socials.svelte-tioglr {
        grid-area: socials;
      }
      @media only screen and (min-width: 64em) {
        .socials.svelte-tioglr {
          align-self: end;
          justify-self: end;
          place-self: end end;
        }
      }
      .nav-link.svelte-h2xuhv {
        position: relative;
        display: inline-block;
        padding: var(--spacing-navlink) var(--spacing-8) var(--spacing-navlink)
          var(--spacing-8);
        color: var(--tc-text-primary);
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: color 0.2s;
      }
      .nav-link.svelte-h2xuhv:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        transform-origin: 0%;
        transform: scaleX(0);
        width: 100%;
        height: var(--border-width-normal);
        background-color: var(--tc-icon-placeholder);
        transition: transform 0.2s ease-in;
      }
      .nav-link.svelte-h2xuhv:hover {
        color: var(--tc-text-secondary);
      }
      .nav-link.svelte-h2xuhv:hover:after {
        transform: scaleX(1);
      }
      .nav-link.svelte-h2xuhv .text {
        position: relative;
      }
      .nav-link.svelte-h2xuhv .text:after {
        content: "";
        position: absolute;
        top: calc(var(--spacing-12) * -1);
        right: calc(var(--spacing-12) * -1);
        bottom: calc(var(--spacing-12) * -1);
        left: calc(var(--spacing-12) * -1);
        border-radius: var(--border-radius-md);
      }
      .nav-link.svelte-h2xuhv:focus-visible {
        outline: none;
      }
      .nav-link.svelte-h2xuhv:focus-visible .text {
        position: relative;
      }
      .nav-link.svelte-h2xuhv:focus-visible .text:after {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .nav-link.active.svelte-h2xuhv:after {
        transform: scaleX(1);
        background-color: var(--tc-border-active);
      }
      .navigation-desktop.svelte-1w7qqm3 {
        display: none;
      }
      @media only screen and (min-width: 80em) {
        .navigation-desktop.svelte-1w7qqm3 {
          display: flex;
          justify-content: space-between;
        }
      }
      .list.svelte-1w7qqm3 {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: "";
      }
      .links.svelte-1w7qqm3,
      .ctas.svelte-1w7qqm3 {
        gap: var(--spacing-16);
      }
      .nav-link-mobile.svelte-1huvavn {
        display: flex;
        gap: var(--spacing-8);
        align-items: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: color 0.2s;
      }
      .nav-link-mobile.svelte-1huvavn:hover {
        color: var(--tc-text-secondary);
      }
      .nav-link-mobile.svelte-1huvavn .text {
        position: relative;
      }
      .nav-link-mobile.svelte-1huvavn .text:after {
        content: "";
        position: absolute;
        top: calc(var(--spacing-12) * -1);
        right: calc(var(--spacing-12) * -1);
        bottom: calc(var(--spacing-12) * -1);
        left: calc(var(--spacing-12) * -1);
        border-radius: var(--border-radius-md);
      }
      .nav-link-mobile.svelte-1huvavn:focus-visible {
        outline: none;
      }
      .nav-link-mobile.svelte-1huvavn:focus-visible .text {
        position: relative;
      }
      .nav-link-mobile.svelte-1huvavn:focus-visible .text:after {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .nav-link-mobile.active.svelte-1huvavn {
        -webkit-text-decoration: underline;
        text-decoration: underline;
        text-underline-offset: var(--spacing-4);
      }
      .navigation-mobile.svelte-5ip8y9 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: var(--spacing-64);
      }
      @media only screen and (min-width: 80em) {
        .navigation-mobile.svelte-5ip8y9 {
          display: none;
        }
      }
      .navigation-mobile.svelte-5ip8y9 .links-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
      }
      .navigation-mobile.svelte-5ip8y9 .open {
        transform: translate(0);
        opacity: 1;
        transition:
          opacity 0.2s,
          transform 0.2s;
      }
      .navigation-mobile.is-open.svelte-5ip8y9 .open {
        transform: translate(calc(var(--spacing-4) * -1));
        opacity: 0;
      }
      .navigation-mobile.svelte-5ip8y9 .close {
        position: absolute;
        left: 50%;
        transform: translate(-40%);
        opacity: 0;
        transition:
          opacity 0.2s,
          transform 0.2s;
      }
      .navigation-mobile.is-open.svelte-5ip8y9 .close {
        transform: translate(-50%);
        opacity: 1;
      }
      .links.svelte-5ip8y9 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-48);
        margin: 0;
        padding: 0;
        list-style: "";
      }
      .links-wrap.svelte-5ip8y9 {
        position: fixed;
        top: var(--spacing-64);
        left: 0;
        transform: translate(100%);
        display: block;
        width: 100vw;
        height: calc(100dvh - var(--spacing-64));
        padding-top: var(--spacing-24);
        padding-bottom: calc(var(--spacing-24) + env(safe-area-inset-bottom));
        background-color: var(--tc-background-secondary);
        transition: transform 0.4s;
      }
      .navigation-mobile.is-open.svelte-5ip8y9
        .links-wrap:where(.svelte-5ip8y9) {
        transform: translateY(0);
      }
      .toggle.svelte-5ip8y9 {
        position: relative;
      }
      .toggle.svelte-5ip8y9:before {
        content: "";
        position: absolute;
        top: calc(var(--spacing-4) * -1);
        right: calc(var(--spacing-8) * -1);
        bottom: calc(var(--spacing-4) * -1);
        left: calc(var(--spacing-8) * -1);
        border-radius: var(--border-radius-md);
      }
      .toggle.svelte-5ip8y9:focus-visible {
        outline: none;
      }
      .toggle.svelte-5ip8y9:focus-visible:before {
        box-shadow: 0 0 0 2px var(--tc-border-focus);
      }
      .toggle.svelte-5ip8y9 {
        position: relative;
        height: var(--spacing-48);
        transition: color 0.2s;
      }
      .toggle.svelte-5ip8y9:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        transform-origin: 0%;
        transform: scaleX(0);
        width: 100%;
        height: var(--border-width-normal);
        background-color: var(--tc-icon-placeholder);
        transition: transform 0.2s ease-in;
      }
      @media (pointer: fine) {
        .toggle.svelte-5ip8y9:hover {
          cursor: pointer;
          color: var(--tc-text-secondary);
        }
      }
      @media (pointer: fine) {
        .toggle.svelte-5ip8y9:hover:after {
          transform: scaleX(1);
        }
      }
      .logo-small.svelte-5ip8y9 {
        width: var(--spacing-56);
        transition: opacity 0.2s;
      }
      .navigation-mobile.is-open.svelte-5ip8y9
        .logo-small:where(.svelte-5ip8y9) {
        opacity: 0;
      }
      header.svelte-oys6o3 {
        font-size: 16px;
        position: sticky;
        z-index: var(--zindex-header);
        top: 0;
        border-bottom: var(--border-width-thin) var(--border-style-base)
          var(--tc-divider-default);
      }
      header.svelte-oys6o3:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
        background-color: var(--tc-background-secondary);
        transition: opacity 0.2s;
      }
      header.is-scrolled.svelte-oys6o3:before {
        opacity: 1;
      }
      .skip-link.svelte-oys6o3 {
        position: absolute;
        top: auto;
        left: -10000px;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: var(--spacing-4) var(--spacing-8);
        border: var(--border-width-normal) var(--border-style-base)
          var(--tc-border-focus);
        border-radius: var(--border-radius-md);
        color: var(--tc-text-primary);
        -webkit-text-decoration: none;
        text-decoration: none;
        background-color: var(--tc-background-secondary);
      }
      .skip-link.svelte-oys6o3:focus {
        top: 100%;
        left: 0;
        width: auto;
        height: auto;
        outline: none;
      } /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
      *,
      :before,
      :after {
        box-sizing: border-box;
      }
      html {
        font-family:
          system-ui,
          -apple-system,
          Segoe UI,
          Roboto,
          Ubuntu,
          Cantarell,
          Noto Sans,
          sans-serif,
          Segoe UI,
          Roboto,
          Helvetica,
          Arial,
          sans-serif,
          "Apple Color Emoji",
          "Segoe UI Emoji";
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
      }
      body {
        margin: 0;
      }
      b,
      strong {
        font-weight: bolder;
      }
      code,
      kbd,
      samp,
      pre {
        font-family:
          ui-monospace,
          SFMono-Regular,
          Consolas,
          Liberation Mono,
          Menlo,
          monospace;
        font-size: 1em;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      table {
        border-color: currentcolor;
      }
      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
      }
      button,
      [type="button"],
      [type="reset"],
      [type="submit"] {
        -webkit-appearance: button;
      }
      legend {
        padding: 0;
      }
      progress {
        vertical-align: baseline;
      }
      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto;
      }
      [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }
      ::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }
      summary {
        display: list-item;
      }
      .dark-theme {
        --tc-background-primary: hsl(210, 9%, 96%);
        --tc-background-secondary: hsl(0, 0%, 100%);
        --tc-background-tertiary: hsl(0, 0%, 87%);
        --tc-background-input: hsl(210, 9%, 96%);
        --tc-background-invert: hsl(345, 6%, 13%);
        --tc-background-secondary-invert: hsl(340, 3%, 20%);
        --tc-background-overlay: hsl(0, 0%, 100%);
        --tc-background-loading-in: hsl(0, 0%, 87%);
        --tc-background-loading-out: hsl(210, 9%, 96%);
        --tc-background-highlight: hsl(3, 86%, 92%);
        --tc-background-error: hsl(4, 85%, 57%);
        --tc-background-success: hsl(157, 85%, 28%);
        --tc-background-warning: hsl(37, 100%, 57%);
        --tc-background-draw: hsl(0, 0%, 63%);
        --tc-background-unibet: hsl(137, 37%, 35%);
        --tc-background-ranking: hsl(340, 7%, 9%);
        --tc-button-persuasive-default: hsl(219, 72%, 55%);
        --tc-button-persuasive-pressed: hsl(223, 61%, 49%);
        --tc-button-primary-default: hsl(345, 6%, 13%);
        --tc-button-primary-pressed: hsl(340, 7%, 9%);
        --tc-button-secondary-default: hsl(345, 6%, 13%);
        --tc-button-secondary-pressed: hsl(345, 3%, 28%);
        --tc-button-secondary-inverted-default: hsl(0, 0%, 100%);
        --tc-button-secondary-inverted-pressed: hsl(0, 0%, 87%);
        --tc-text-primary: hsl(345, 6%, 13%);
        --tc-text-secondary: hsl(0, 1%, 45%);
        --tc-text-primary-inverted: hsl(0, 0%, 100%);
        --tc-text-active: hsl(4, 85%, 57%);
        --tc-text-inactive: hsl(345, 6%, 13%);
        --tc-text-placeholder: hsl(0, 0%, 52%);
        --tc-text-inverted: hsl(0, 0%, 100%);
        --tc-text-highlight-inverted: hsl(3, 100%, 65%);
        --tc-text-secondary-inverted: hsl(0, 0%, 63%);
        --tc-text-link: hsl(219, 72%, 55%);
        --tc-text-button: hsl(0, 0%, 100%);
        --tc-text-success: hsl(157, 85%, 28%);
        --tc-text-error: hsl(4, 64%, 48%);
        --tc-divider-default: hsl(210, 9%, 96%);
        --tc-icon-default: hsl(345, 6%, 13%);
        --tc-icon-default-inverted: hsl(0, 0%, 100%);
        --tc-icon-active: hsl(4, 85%, 57%);
        --tc-icon-active-inverted: hsl(3, 100%, 65%);
        --tc-icon-inactive: hsl(345, 6%, 13%);
        --tc-icon-inverted: hsl(0, 0%, 100%);
        --tc-icon-disabled: hsl(120, 1%, 80%);
        --tc-icon-link: hsl(219, 72%, 55%);
        --tc-icon-placeholder: hsl(0, 0%, 52%);
        --tc-qualification-1: hsl(157, 85%, 28%);
        --tc-qualification-2: hsl(37, 100%, 57%);
        --tc-qualification-3: hsl(219, 72%, 55%);
        --tc-qualification-4: hsl(266, 100%, 65%);
        --tc-qualification-5: hsl(4, 85%, 79%);
        --tc-qualification-6: hsl(4, 85%, 57%);
        --tc-competition-eredivisie: hsl(212, 100%, 19%);
        --tc-competition-kkd: hsl(353, 90%, 45%);
        --tc-competition-knvb: hsl(189, 86%, 12%);
        --tc-competition-azerion: hsl(262, 49%, 55%);
        --tc-clubs-ado-denhaag-home-primary: hsl(149, 100%, 27%);
        --tc-clubs-ajax-home-primary: hsl(346, 100%, 35%);
        --tc-clubs-az-home-primary: hsl(0, 100%, 37%);
        --tc-clubs-feyenoord-home-primary: hsl(358, 85%, 52%);
        --tc-clubs-fc-groningen-home-primary: hsl(157, 100%, 29%);
        --tc-clubs-fc-twente-home-primary: hsl(359, 100%, 35%);
        --tc-clubs-fc-utrecht-home-primary: hsl(352, 91%, 47%);
        --tc-clubs-fortuna-sittard-home-primary: hsl(52, 100%, 50%);
        --tc-clubs-heracles-home-primary: hsl(0, 0%, 0%);
        --tc-clubs-pec-home-primary: hsl(218, 72%, 36%);
        --tc-clubs-psv-home-primary: hsl(359, 80%, 47%);
        --tc-clubs-rkc-waalwijk-home-primary: hsl(205, 99%, 36%);
        --tc-clubs-sc-heerenveen-home-primary: hsl(213, 100%, 38%);
        --tc-clubs-sparta-home-primary: hsl(357, 99%, 43%);
        --tc-clubs-vitesse-home-primary: hsl(50, 100%, 49%);
        --tc-clubs-vvv-home-primary: hsl(54, 100%, 50%);
        --tc-clubs-willem-2-home-primary: hsl(217, 46%, 22%);
        --tc-clubs-go-ahead-eagles-home-primary: hsl(352, 99%, 41%);
      }
      .light-theme {
        --tc-background-primary: hsl(210, 9%, 96%);
        --tc-background-secondary: hsl(0, 0%, 100%);
        --tc-background-tertiary: hsl(0, 0%, 87%);
        --tc-background-input: hsl(210, 9%, 96%);
        --tc-background-invert: hsl(345, 6%, 13%);
        --tc-background-secondary-invert: hsl(340, 3%, 20%);
        --tc-background-overlay: hsl(0, 0%, 100%);
        --tc-background-loading-in: hsl(0, 0%, 87%);
        --tc-background-loading-out: hsl(210, 9%, 96%);
        --tc-background-highlight: hsl(3, 86%, 92%);
        --tc-background-error: hsl(4, 85%, 57%);
        --tc-background-success: hsl(157, 85%, 28%);
        --tc-background-warning: hsl(37, 100%, 57%);
        --tc-background-draw: hsl(0, 0%, 63%);
        --tc-background-unibet: hsl(137, 37%, 35%);
        --tc-background-ranking: hsl(340, 7%, 9%);
        --tc-button-persuasive-default: hsl(219, 72%, 55%);
        --tc-button-persuasive-pressed: hsl(223, 61%, 49%);
        --tc-button-primary-default: hsl(340, 7%, 9%);
        --tc-button-primary-pressed: hsl(345, 3%, 28%);
        --tc-button-secondary-default: hsl(345, 6%, 13%);
        --tc-button-secondary-pressed: hsl(345, 3%, 28%);
        --tc-button-secondary-inverted-default: hsl(0, 0%, 100%);
        --tc-button-secondary-inverted-pressed: hsl(0, 0%, 87%);
        --tc-text-primary: hsl(345, 6%, 13%);
        --tc-text-secondary: hsl(0, 1%, 45%);
        --tc-text-primary-inverted: hsl(0, 0%, 100%);
        --tc-text-active: hsl(4, 85%, 57%);
        --tc-text-inactive: hsl(345, 6%, 13%);
        --tc-text-placeholder: hsl(0, 0%, 52%);
        --tc-text-inverted: hsl(0, 0%, 100%);
        --tc-text-highlight-inverted: hsl(3, 100%, 65%);
        --tc-text-secondary-inverted: hsl(0, 0%, 63%);
        --tc-text-link: hsl(219, 72%, 55%);
        --tc-text-link-hover: hsl(223, 61%, 49%);
        --tc-text-button: hsl(0, 0%, 100%);
        --tc-text-button-inverted: hsl(345, 6%, 13%);
        --tc-text-primary-button-pressed: hsl(345, 3%, 28%);
        --tc-text-success: hsl(157, 85%, 28%);
        --tc-text-error: hsl(4, 64%, 48%);
        --tc-divider-default: hsl(210, 9%, 96%);
        --tc-border-default: hsl(210, 9%, 96%);
        --tc-border-focus: hsl(340, 7%, 9%);
        --tc-border-hover: hsl(0, 0%, 52%);
        --tc-border-active: hsl(4, 85%, 57%);
        --tc-icon-default: hsl(345, 6%, 13%);
        --tc-icon-default-inverted: hsl(0, 0%, 100%);
        --tc-icon-active: hsl(4, 85%, 57%);
        --tc-icon-active-inverted: hsl(3, 100%, 65%);
        --tc-icon-inactive: hsl(345, 6%, 13%);
        --tc-icon-inverted: hsl(0, 0%, 100%);
        --tc-icon-disabled: hsl(120, 1%, 80%);
        --tc-icon-link: hsl(219, 72%, 55%);
        --tc-icon-placeholder: hsl(0, 0%, 52%);
        --tc-qualification-1: hsl(157, 85%, 28%);
        --tc-qualification-2: hsl(37, 100%, 57%);
        --tc-qualification-3: hsl(219, 72%, 55%);
        --tc-qualification-4: hsl(266, 100%, 65%);
        --tc-qualification-5: hsl(4, 85%, 79%);
        --tc-qualification-6: hsl(4, 85%, 57%);
        --tc-clubs-ado-denhaag-home-primary: hsl(149, 100%, 27%);
        --tc-clubs-ajax-home-primary: hsl(346, 100%, 35%);
        --tc-clubs-az-home-primary: hsl(0, 100%, 37%);
        --tc-clubs-feyenoord-home-primary: hsl(358, 85%, 52%);
        --tc-clubs-fc-groningen-home-primary: hsl(157, 100%, 29%);
        --tc-clubs-fc-twente-home-primary: hsl(359, 100%, 35%);
        --tc-clubs-fc-utrecht-home-primary: hsl(352, 91%, 47%);
        --tc-clubs-fortuna-sittard-home-primary: hsl(52, 100%, 50%);
        --tc-clubs-heracles-home-primary: hsl(0, 0%, 0%);
        --tc-clubs-pec-home-primary: hsl(218, 72%, 36%);
        --tc-clubs-psv-home-primary: hsl(359, 80%, 47%);
        --tc-clubs-rkc-waalwijk-home-primary: hsl(205, 99%, 36%);
        --tc-clubs-sc-heerenveen-home-primary: hsl(213, 100%, 38%);
        --tc-clubs-sparta-home-primary: hsl(357, 99%, 43%);
        --tc-clubs-vitesse-home-primary: hsl(50, 100%, 49%);
        --tc-clubs-vvv-home-primary: hsl(54, 100%, 50%);
        --tc-clubs-willem-2-home-primary: hsl(217, 46%, 22%);
        --tc-clubs-go-ahead-eagles-home-primary: hsl(352, 99%, 41%);
      }
      .dark-theme {
        --csstools-color-scheme--light: ;
        color-scheme: dark;
      }
      .light-theme {
        --csstools-color-scheme--light: initial;
        color-scheme: light;
      }
      :root {
        --border-width-thin: 0.0625em;
        --border-width-normal: 0.125em;
        --border-width-thick: 0.25em;
        --border-radius-xs: 0.125em;
        --border-radius-sm: 0.25em;
        --border-radius-md: 0.5em;
        --border-radius-lg: 0.625em;
        --border-radius-pill: 100vmax;
        --border-radius-circle: 50%;
        --border-style-base: solid;
        --breakpoint-small: 20em;
        --breakpoint-medium: 45em;
        --breakpoint-large: 64em;
        --breakpoint-extra-large: 80em;
        --breakpoint-oversized: 105em;
        --color-white: hsl(0, 0%, 100%);
        --color-partners-unibet: hsl(137, 37%, 35%);
        --color-competition-eredivisie: hsl(212, 100%, 19%);
        --color-competition-kkd: hsl(353, 90%, 45%);
        --color-competition-knvb: hsl(189, 86%, 12%);
        --color-competition-azerion: hsl(262, 49%, 55%);
        --color-fantasy-purple-500: hsl(280, 80%, 30%);
        --color-fantasy-red-500: hsl(4, 85%, 57%);
        --color-clubs-ado-denhaag-home-primary: hsl(149, 100%, 27%);
        --color-clubs-ajax-home-primary: hsl(346, 100%, 35%);
        --color-clubs-az-home-primary: hsl(0, 100%, 37%);
        --color-clubs-sc-heereveen-home-primary: hsl(213, 100%, 38%);
        --color-clubs-feyenoord-home-primary: hsl(358, 85%, 52%);
        --color-clubs-fortuna-sittard-home-primary: hsl(52, 100%, 50%);
        --color-clubs-fc-twente-home-primary: hsl(359, 100%, 35%);
        --color-clubs-psv-home-primary: hsl(359, 80%, 47%);
        --color-clubs-nec-home-primary: hsl(0, 98%, 60%);
        --color-clubs-pec-home-primary: hsl(218, 72%, 36%);
        --color-clubs-fc-groningen-home-primary: hsl(157, 100%, 29%);
        --color-clubs-fc-emmen-home-primary: hsl(353, 85%, 52%);
        --color-clubs-heracles-home-primary: hsl(0, 0%, 0%);
        --color-clubs-rkc-waalwijk-home-primary: hsl(205, 99%, 36%);
        --color-clubs-sparta-home-primary: hsl(357, 99%, 43%);
        --color-clubs-vitesse-home-primary: hsl(50, 100%, 49%);
        --color-clubs-vvv-home-primary: hsl(54, 100%, 50%);
        --color-clubs-willem-2-home-primary: hsl(217, 46%, 22%);
        --color-clubs-go-ahead-eagles-home-primary: hsl(352, 99%, 41%);
        --color-clubs-fc-utrecht-home-primary: hsl(352, 91%, 47%);
        --color-black-50: hsl(0, 1%, 45%);
        --color-black-100: hsl(340, 2%, 36%);
        --color-black-300: hsl(345, 3%, 28%);
        --color-black-500: hsl(340, 3%, 20%);
        --color-black-600: hsl(213, 10%, 18%);
        --color-black-700: hsl(345, 6%, 13%);
        --color-black-800: hsl(340, 7%, 9%);
        --color-grey-50: hsl(210, 9%, 96%);
        --color-grey-100: hsl(0, 0%, 87%);
        --color-grey-300: hsl(120, 1%, 80%);
        --color-grey-500: hsl(0, 0%, 69%);
        --color-grey-700: hsl(0, 0%, 63%);
        --color-grey-800: hsl(0, 0%, 52%);
        --color-blue-50: hsl(219, 72%, 85%);
        --color-blue-100: hsl(219, 72%, 77%);
        --color-blue-300: hsl(219, 73%, 70%);
        --color-blue-500: hsl(219, 72%, 62%);
        --color-blue-700: hsl(219, 72%, 55%);
        --color-blue-800: hsl(223, 61%, 49%);
        --color-green-50: hsl(156, 34%, 86%);
        --color-green-100: hsl(158, 33%, 76%);
        --color-green-300: hsl(157, 33%, 64%);
        --color-green-500: hsl(157, 34%, 52%);
        --color-green-700: hsl(157, 85%, 28%);
        --color-green-800: hsl(157, 85%, 19%);
        --color-purple-50: hsl(266, 100%, 90%);
        --color-purple-100: hsl(266, 100%, 86%);
        --color-purple-300: hsl(267, 100%, 79%);
        --color-purple-500: hsl(266, 100%, 72%);
        --color-purple-700: hsl(266, 100%, 65%);
        --color-purple-800: hsl(266, 63%, 54%);
        --color-red-50: hsl(3, 86%, 92%);
        --color-red-100: hsl(4, 86%, 86%);
        --color-red-300: hsl(4, 85%, 79%);
        --color-red-500: hsl(3, 100%, 65%);
        --color-red-700: hsl(4, 85%, 57%);
        --color-red-800: hsl(4, 64%, 48%);
        --color-red-900: hsl(3, 79%, 26%);
        --color-red-1000: hsl(3, 87%, 18%);
        --color-yellow-50: hsl(37, 100%, 86%);
        --color-yellow-100: hsl(37, 100%, 78%);
        --color-yellow-300: hsl(37, 100%, 71%);
        --color-yellow-500: hsl(37, 100%, 64%);
        --color-yellow-700: hsl(37, 100%, 57%);
        --color-yellow-800: hsl(37, 75%, 47%);
        --shadow-soft: 0 0.2em 1.6em 0 rgba(48, 55, 115, 0.15);
        --shadow-medium: 0 0.2em 1.2em 0 rgba(36, 48, 76, 0.08);
        --shadow-hard: 0 0.1em 0.4em 0.1em rgba(0, 0, 0, 0.15);
        --spacing-0: 0;
        --spacing-2: 0.125em;
        --spacing-3: 0.1875em;
        --spacing-4: 0.25em;
        --spacing-6: 0.375em;
        --spacing-8: 0.5em;
        --spacing-10: 0.625em;
        --spacing-12: 0.75em;
        --spacing-16: 1em;
        --spacing-18: 1.125em;
        --spacing-20: 1.25em;
        --spacing-24: 1.5em;
        --spacing-29: 1.8125em;
        --spacing-30: 1.875em;
        --spacing-32: 2em;
        --spacing-36: 2.25em;
        --spacing-40: 2.5em;
        --spacing-48: 3em;
        --spacing-50: 3.125em;
        --spacing-52: 3.25em;
        --spacing-56: 3.5em;
        --spacing-60: 3.75em;
        --spacing-64: 4em;
        --spacing-72: 4.5em;
        --spacing-80: 5em;
        --spacing-100: 6.25em;
        --spacing-112: 7em;
        --spacing-132: 8.25em;
        --spacing-152: 9.5em;
        --spacing-160: 10em;
        --spacing-172: 10.75em;
        --spacing-180: 11.25em;
        --spacing-184: 11.5em;
        --spacing-base: 1em;
        --spacing-gutter: 2em;
        --spacing-navlink: 1.8125em;
        --max-width-extra-small: 25em;
        --max-width-small: 38.75em;
        --max-width-medium: 44.875em;
        --max-width-large: 51em;
        --max-width-extra-large: 52.625em;
        --max-width-huge: 60.75em;
        --max-width-screen: 120em;
        --height-twitter-mobile: 28em;
        --height-twitter-tablet: 37.5em;
        --height-instagram: 45.6875em;
        --height-player-error: 18.75em;
        --width-player: 60em;
        --zindex-below: -1;
        --zindex-zero: 0;
        --zindex-text: 1;
        --zindex-header: 5;
        --transition-fast-in: 0.15s cubic-bezier(0.5, 0, 1, 1) 0s;
        --transition-fast-out: 0.15s cubic-bezier(0, 0, 0.5, 1) 0s;
        --transition-easing-accelerate: cubic-bezier(0.5, 0, 1, 1);
        --transition-easing-decelerate: cubic-bezier(0, 0, 0.5, 1);
        --transition-delay-instant: 0s;
        --transition-delay-short: 0.05s;
        --transition-delay-base: 0.1s;
        --transition-delay-long: 0.2s;
        --transition-duration-instant: 0s;
        --transition-duration-short: 0.15s;
        --transition-duration-base: 0.25s;
        --transition-duration-long: 0.5s;
        --font-family-playoff-pro-sans: "Playoff Pro Sans", sans-serif;
        --font-family-inter: "Inter", sans-serif;
        --font-size-xxs: 0.75em;
        --font-size-xs: 0.875em;
        --font-size-sm: 1em;
        --font-size-md: 1.125em;
        --font-size-lg: 1.25em;
        --font-size-xl: 1.5em;
        --font-size-xxl: 1.75em;
        --font-size-display-s: 2em;
        --font-size-display-m: 2.5em;
        --font-size-display-l: 3em;
        --font-size-display-xl: 4em;
        --font-size-base: 1em;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-heavy: 900;
        --font-line-height-none: 1;
        --font-line-height-tight: 1.08;
        --font-line-height-snug: 1.2;
        --font-line-height-normal: 1.36;
        --font-line-height-relaxed: 1.65;
      }
      @font-face {
        font-family: Playoff Pro Sans;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/PlayoffProSans-Regular.woff")
          format("woff");
      }
      @font-face {
        font-family: Playoff Pro Sans;
        font-weight: 600;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/PlayoffProSans-Medium.woff")
          format("woff");
      }
      @font-face {
        font-family: Playoff Pro Sans;
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/PlayoffProSans-Bold.woff")
          format("woff");
      }
      @font-face {
        font-family: Playoff Pro Sans;
        font-weight: 800;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/PlayoffProSans-Heavy.woff")
          format("woff");
      }
      @font-face {
        font-family: Inter;
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/Inter-Regular.woff") format("woff");
      }
      @font-face {
        font-family: Inter;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/Inter-Medium.woff") format("woff");
      }
      @font-face {
        font-family: Inter;
        font-weight: 600;
        font-style: normal;
        font-display: swap;
        src: url("https://acc-www.espngoal.nl/fonts/Inter-SemiBold.woff") format("woff");
      }
      body {
        height: 100%;
        min-height: 100dvh;
        background-color: var(--tc-background-secondary);
      }
      body:has(dialog[open]) {
        overflow: hidden;
      }
      @supports (padding-top: env(safe-area-inset-top)) {
        body {
          min-height: calc(100% + var(--safe-area-inset-top));
        }
      }
      img {
        shape-margin: 1em;
        max-width: 100%;
        height: auto;
        font-style: italic;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: cover;
      }
      a {
        color: var(--tc-text-primary);
      }
      strong {
        font-weight: 700;
        font-weight: var(--font-weight-bold);
      }
      small {
        font-size: 0.875em;
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-light);
      }
      button {
        padding: 0;
        border: none;
        color: var(--tc-text-primary);
        background-color: transparent;
      }
      :root {
        font-family: Inter, sans-serif;
        font-family: var(--font-family-inter);
        font-optical-sizing: auto;
      }
      body {
        font-size: 1em;
        font-size: var(--font-size-base);
        -webkit-font-smoothing: antialiased;
        color: var(--tc-text-primary);
      }
      footer.svelte-1bpsloj {
        font-size: 16px;
      }
    </style>
