:host,
:root {
    --page-max-width: 61.875rem;
    --grid-base: 0.25rem;
    --grid-base--x2: 0.5rem;
    --grid-base--x3: 0.75rem;
    --grid-base--x4: 1rem;
    --grid-base--x6: 1.5rem;
    --grid-base--x8: 2rem;
    --grid-base--x11: 2.75rem;
    --grid-base--x22: 5.5rem;
    --ad-v1-medium-width: 120px;
    --ad-v1-wide-width: 160px;
    --ad-h1-min-height: 120px;
    --ad-r3-max-width: 336px;
    --ad-c1-min-height-desktop: 153px;
    --ad-c1-min-height-mobile: 373px;
    --ad-o-series-min-height: 260px;
    --ad-r-series-min-height: 280px;
    --vertical-video-width: 20rem;
    --vertical-video-height: 36.688rem;
    --ratio-16-9: 56.25%;
    --ratio-9-16: 177.77%;
    --ratio-4-3: 75%;
    --ratio-3-4: 133.33%;
    --ratio-2-1: 50%;
    --ratio-1-1: 100%;
}
:host,
:root {
    --primary-font-family: -apple-system, "BlinkMacSystemFont", "Roboto", "Arial", "Helvetica", sans-serif;
    --font-weight-regular: 400;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --heading-font-size--s0: 0.8125rem;
    --heading-line-height--s0: 1.125rem;
    --heading-font-size--s1: 0.875rem;
    --heading-line-height--s1: 1.1875rem;
    --heading-font-size--s2: 1.5rem;
    --heading-line-height--s2: 1.25rem;
    --heading-font-size--s3: 1.25rem;
    --heading-line-height--s3: 1.438rem;
    --body-font-size--s0: 0.875rem;
    --body-line-height--s0: 1.375rem;
    --body-font-size--s1: 1rem;
    --body-line-height--s1: 1.625rem;
    --body-line-height--s3: 1.75rem;
    --font-size-sub-text--s0: 0.875rem;
    --line-height-sub-text--s0: 1.125rem;
    --button-font-size: 0.875rem;
    --button-line-height: 1rem;
    --subline-font-size: 0.75rem;
    --subline-line-height: 1.25rem;
    --contentlist-font-size: 0.9375rem;
    --contentlist-line-height: 1rem;
}
@media screen and (min-width: 37.5rem) {
    :host,
    :root {
        --heading-font-size--s1: 0.9375rem;
        --heading-line-height--s1: 1.25rem;
        --body-font-size--s0: 0.9375rem;
        --body-line-height--s0: 1.4375rem;
        --body-font-size--s1: 1.0625rem;
        --body-line-height--s1: 1.75rem;
        --button-font-size: 0.9375rem;
        --button-line-height: 1.0625rem;
        --subline-font-size: 0.875rem;
        --subline-line-height: 1.375rem;
    }
}
@media screen and (min-width: 62rem) {
    :host,
    :root {
        --primary-font-family: "Arial", "Helvetica", sans-serif;
    }
}
:root {
    --corner-radius-025x: 0.125rem;
    --corner-radius-050x: 0.25rem;
    --corner-radius-075x: 0.375rem;
    --corner-radius-100x: 0.5rem;
    --corner-radius-150x: 0.75rem;
    --corner-radius-200x: 1rem;
    --corner-radius-250x: 1.25rem;
    --corner-radius-300x: 1.5rem;
    --corner-radius-400x: 2rem;
    --corner-radius-button: var(--corner-radius-100x);
    --corner-radius-button-nujij: var(--corner-radius-075x);
    --corner-radius-contextual-block: var(--corner-radius-100x);
    --corner-radius-duration: var(--corner-radius-050x);
    --corner-radius-image: var(--corner-radius-100x);
    --corner-radius-inputfield: var(--corner-radius-100x);
    --corner-radius-vertical-video-duration: var(--corner-radius-100x);
    --corner-radius-vertical-video-scroll-button: var(--corner-radius-300x);
    --corner-radius-jwplayer-video: var(--corner-radius-100x);
    --corner-radius-vertical-video-share: var(--corner-radius-100x);
}
:host,
:root {
    --color-navy-50: #fbfbfd;
    --color-navy-100: #f2f2f5;
    --color-navy-200: #e5e5eb;
    --color-navy-400: #a5a7be;
    --color-navy-600: #2e3c83;
    --color-navy-800: #232e65;
    --color-navy-1000: #1f2544;
    --color-blue-50: #fafcfe;
    --color-blue-100: #f1f4fb;
    --color-blue-200: #e4e9fb;
    --color-blue-600: #006cde;
    --color-red-50: #fffdfd;
    --color-red-100: #fcf1f1;
    --color-red-200: #f9e4e4;
    --color-red-600: #e00613;
    --color-red-700: #c40000;
    --color-purple-50: #fdfcfe;
    --color-purple-100: #f4f2fa;
    --color-purple-200: #e8e4f5;
    --color-purple-600: #681cce;
    --color-orange-50: #fffcfa;
    --color-orange-100: #fdf1e8;
    --color-orange-200: #fbe3d0;
    --color-orange-600: #e97116;
    --color-magenta-50: #fefafc;
    --color-magenta-100: #f9f1f5;
    --color-magenta-200: #f4e4ea;
    --color-magenta-600: #c5117d;
    --color-teal-50: #fbfdfd;
    --color-teal-100: #f2f6f6;
    --color-teal-200: #e4eded;
    --color-teal-600: #2a9198;
    --color-green-500: #87b43e;
    --color-green-600: #69a10e;
    --color-green-700: #25d366;
    --color-deepred-600: #860d37;
    --color-gray-0: #fff;
    --color-gray-200: #f6f6f6;
    --color-gray-300: #eee;
    --color-gray-400: #ddd;
    --color-gray-500: #bbb;
    --color-gray-600: #878787;
    --color-gray-700: #404040;
    --color-gray-800: #303030;
    --color-gray-900: #252525;
    --color-gray-1000: #151515;
    --color-ui-top-bar: var(--color-gray-0);
    --color-ui-stroke-dividers: var(--color-gray-300);
    --color-ui-bg: var(--color-gray-0);
    --color-ui-bg-error: var(--color-red-100);
    --color-ui-bg-skeleton: var(--color-gray-200);
    --color-ui-bg-tooltip: var(--color-navy-600);
    --color-ui-dots-live: var(--color-red-700);
    --color-ui-timeline: var(--color-gray-600);
    --color-ui-conversion: var(--color-green-600);
    --color-ui-warning: var(--color-orange-600);
    --color-ui-error: var(--color-red-600);
    --color-ui-duration-bg: #0000004d;
    --color-btn-follow-tag-bg-default: var(--color-navy-100);
    --color-btn-follow-tag-bg-default-hover: var(--color-navy-200);
    --color-btn-follow-tag-bg-active: var(--color-green-600);
    --color-btn-follow-tag-bg-active-hover: var(--color-green-500);
    --color-btn-conversion-bg-active: var(--color-green-600);
    --color-btn-conversion-bg-hover: var(--color-green-500);
    --color-btn-primary-bg-active: var(--color-navy-1000);
    --color-btn-primary-bg-hover: var(--color-navy-800);
    --color-text-primary: var(--color-navy-1000);
    --color-text-on-color: var(--color-gray-0);
    --color-text-live: var(--color-red-700);
    --color-text-primary-read-state: var(--color-navy-400);
    --color-text-primary-inverted: var(--color-gray-0);
    --color-sub-text: var(--color-gray-600);
    --color-input-text-filled: var(--color-navy-1000);
    --color-input-text-prefilled: var(--color-gray-500);
    --color-input-bg: var(--color-gray-200);
    --color-label-on-image-live: var(--color-red-700);
    --color-label-on-image-blue: var(--color-navy-600);
    --color-label-zie-ook: var(--color-navy-600);
    --color-section-live: var(--color-red-700);
    --color-section-algemeen: var(--color-navy-1000);
    --color-section-algemeen-hover: var(--color-navy-100);
    --color-section-economie: var(--color-blue-600);
    --color-section-economie-hover: var(--color-blue-200);
    --color-section-sport: var(--color-red-600);
    --color-section-sport-hover: var(--color-red-200);
    --color-section-tech: var(--color-purple-600);
    --color-section-tech-hover: var(--color-purple-200);
    --color-section-media-en-cultuur: var(--color-orange-600);
    --color-section-media-en-cultuur-hover: var(--color-orange-200);
    --color-section-achterklap: var(--color-magenta-600);
    --color-section-achterklap-hover: var(--color-magenta-200);
    --color-section-overig: var(--color-teal-600);
    --color-section-overig-hover: var(--color-teal-200);
    --color-nu-plus: var(--color-deepred-600);
    --color-ui-contextual-block-algemeen-bg: var(--color-navy-50);
    --color-ui-contextual-block-algemeen-stroke: var(--color-navy-200);
    --color-ui-contextual-block-economie-bg: var(--color-blue-50);
    --color-ui-contextual-block-economie-stroke: var(--color-blue-200);
    --color-ui-contextual-block-sport-bg: var(--color-red-50);
    --color-ui-contextual-block-sport-stroke: var(--color-red-200);
    --color-ui-contextual-block-tech-bg: var(--color-purple-50);
    --color-ui-contextual-block-tech-stroke: var(--color-purple-200);
    --color-ui-contextual-block-media-en-cultuur-bg: var(--color-orange-50);
    --color-ui-contextual-block-media-en-cultuur-stroke: var(--color-orange-200);
    --color-ui-contextual-block-achterklap-bg: var(--color-magenta-50);
    --color-ui-contextual-block-achterklap-stroke: var(--color-magenta-200);
    --color-ui-contextual-block-overig-bg: var(--color-teal-50);
    --color-ui-contextual-block-overig-stroke: var(--color-teal-200);
}
@media (prefers-contrast: more) {
    :host,
    :root {
        --color-ui-top-bar: var(--color-gray-0);
        --color-ui-stroke-dividers: var(--color-gray-1000);
        --color-ui-bg: var(--color-gray-0);
        --color-ui-bg-error: var(--color-red-100);
        --color-ui-bg-skeleton: var(--color-gray-200);
        --color-ui-bg-tooltip: var(--color-navy-600);
        --color-ui-dots-live: var(--color-red-700);
        --color-ui-timeline: var(--color-gray-1000);
        --color-ui-conversion: var(--color-green-600);
        --color-ui-warning: var(--color-orange-600);
        --color-ui-error: var(--color-red-600);
        --color-ui-duration-bg: #0000004d;
        --color-btn-follow-tag-bg-default: var(--color-navy-100);
        --color-btn-follow-tag-bg-default-hover: var(--color-navy-200);
        --color-btn-follow-tag-bg-active: var(--color-green-600);
        --color-btn-follow-tag-bg-active-hover: var(--color-green-500);
        --color-btn-conversion-bg-active: var(--color-green-600);
        --color-btn-conversion-bg-hover: var(--color-green-500);
        --color-btn-primary-bg-active: var(--color-navy-1000);
        --color-btn-primary-bg-hover: var(--color-navy-800);
        --color-text-primary: var(--color-gray-1000);
        --color-text-on-color: var(--color-gray-0);
        --color-text-live: var(--color-red-600);
        --color-text-primary-read-state: var(--color-navy-400);
        --color-text-primary-inverted: var(--color-gray-0);
        --color-sub-text: var(--color-gray-700);
        --color-input-text-filled: var(--color-gray-1000);
        --color-input-text-prefilled: var(--color-gray-500);
        --color-input-bg: var(--color-gray-200);
        --color-label-on-image-live: var(--color-red-700);
        --color-label-on-image-blue: var(--color-navy-600);
        --color-label-zie-ook: var(--color-navy-600);
        --color-section-live: var(--color-red-700);
        --color-section-algemeen: var(--color-navy-1000);
        --color-section-algemeen-hover: var(--color-navy-100);
        --color-section-economie: var(--color-blue-600);
        --color-section-economie-hover: var(--color-blue-200);
        --color-section-sport: var(--color-red-600);
        --color-section-sport-hover: var(--color-red-200);
        --color-section-tech: var(--color-purple-600);
        --color-section-tech-hover: var(--color-purple-200);
        --color-section-media-en-cultuur: var(--color-orange-600);
        --color-section-media-en-cultuur-hover: var(--color-orange-200);
        --color-section-achterklap: var(--color-magenta-600);
        --color-section-achterklap-hover: var(--color-magenta-200);
        --color-section-overig: var(--color-teal-600);
        --color-section-overig-hover: var(--color-teal-200);
        --color-nu-plus: var(--color-deepred-600);
        --color-ui-contextual-block-algemeen-bg: var(--color-navy-100);
        --color-ui-contextual-block-algemeen-stroke: var(--color-navy-200);
        --color-ui-contextual-block-economie-bg: var(--color-blue-10);
        --color-ui-contextual-block-economie-stroke: var(--color-blue-200);
        --color-ui-contextual-block-sport-bg: var(--color-red-100);
        --color-ui-contextual-block-sport-stroke: var(--color-red-200);
        --color-ui-contextual-block-tech-bg: var(--color-purple-100);
        --color-ui-contextual-block-tech-stroke: var(--color-purple-200);
        --color-ui-contextual-block-media-en-cultuur-bg: var(--color-orange-100);
        --color-ui-contextual-block-media-en-cultuur-stroke: var(--color-orange-200);
        --color-ui-contextual-block-achterklap-bg: var(--color-magenta-100);
        --color-ui-contextual-block-achterklap-stroke: var(--color-magenta-200);
        --color-ui-contextual-block-overig-bg: var(--color-teal-100);
        --color-ui-contextual-block-overig-stroke: var(--color-teal-200);
    }
}
[data-theme="dark"] {
    --color-ui-top-bar: var(--color-gray-900);
    --color-ui-stroke-dividers: var(--color-gray-700);
    --color-ui-bg: var(--color-gray-1000);
    --color-ui-bg-error: var(--color-gray-900);
    --color-ui-bg-skeleton: var(--color-gray-800);
    --color-ui-bg-tooltip: var(--color-navy-600);
    --color-ui-dots-live: var(--color-red-600);
    --color-ui-timeline: var(--color-gray-600);
    --color-ui-conversion: var(--color-green-600);
    --color-ui-warning: var(--color-orange-600);
    --color-ui-error: var(--color-red-600);
    --color-ui-duration-bg: #0000004d;
    --color-btn-follow-tag-bg-default: var(--color-gray-800);
    --color-btn-follow-tag-bg-default-hover: var(--color-gray-700);
    --color-btn-follow-tag-bg-active: var(--color-green-600);
    --color-btn-follow-tag-bg-active-hover: var(--color-green-500);
    --color-btn-conversion-bg-active: var(--color-green-600);
    --color-btn-conversion-bg-hover: var(--color-green-500);
    --color-btn-primary-bg-active: var(--color-gray-400);
    --color-btn-primary-bg-hover: var(--color-gray-600);
    --color-text-primary: var(--color-gray-400);
    --color-text-on-color: var(--color-gray-0);
    --color-text-live: var(--color-red-600);
    --color-text-primary-read-state: var(--color-gray-600);
    --color-text-primary-inverted: var(--color-gray-1000);
    --color-sub-text: var(--color-gray-0);
    --color-input-text-filled: var(--color-gray-400);
    --color-input-text-prefilled: var(--color-gray-600);
    --color-input-bg: var(--color-gray-1000);
    --color-label-on-image-live: var(--color-red-700);
    --color-label-on-image-blue: var(--color-navy-600);
    --color-label-zie-ook: var(--color-gray-0);
    --color-section-live: var(--color-red-600);
    --color-section-algemeen: var(--color-gray-0);
    --color-section-algemeen-hover: var(--color-gray-800);
    --color-section-economie: var(--color-gray-0);
    --color-section-economie-hover: var(--color-gray-700);
    --color-section-sport: var(--color-gray-0);
    --color-section-sport-hover: var(--color-gray-700);
    --color-section-tech: var(--color-gray-0);
    --color-section-tech-hover: var(--color-gray-700);
    --color-section-media-en-cultuur: var(--color-gray-0);
    --color-section-media-en-cultuur-hover: var(--color-gray-700);
    --color-section-achterklap: var(--color-gray-0);
    --color-section-achterklap-hover: var(--color-gray-700);
    --color-section-overig: var(--color-gray-0);
    --color-section-overig-hover: var(--color-gray-700);
    --color-nu-plus: var(--color-gray-0);
    --color-ui-contextual-block-algemeen-bg: var(--color-gray-900);
    --color-ui-contextual-block-algemeen-stroke: var(--color-gray-700);
    --color-ui-contextual-block-economie-bg: var(--color-gray-900);
    --color-ui-contextual-block-economie-stroke: var(--color-gray-700);
    --color-ui-contextual-block-sport-bg: var(--color-gray-900);
    --color-ui-contextual-block-sport-stroke: var(--color-gray-700);
    --color-ui-contextual-block-tech-bg: var(--color-gray-900);
    --color-ui-contextual-block-tech-stroke: var(--color-gray-700);
    --color-ui-contextual-block-media-en-cultuur-bg: var(--color-gray-900);
    --color-ui-contextual-block-media-en-cultuur-stroke: var(--color-gray-700);
    --color-ui-contextual-block-achterklap-bg: var(--color-gray-900);
    --color-ui-contextual-block-achterklap-stroke: var(--color-gray-700);
    --color-ui-contextual-block-overig-bg: var(--color-gray-900);
    --color-ui-contextual-block-overig-stroke: var(--color-gray-700);
}
@media (prefers-contrast: more) {
    [data-theme="dark"] {
        --color-ui-top-bar: var(--color-gray-1000);
        --color-ui-stroke-dividers: var(--color-gray-0);
        --color-ui-bg: var(--color-gray-1000);
        --color-ui-bg-error: var(--color-gray-900);
        --color-ui-bg-skeleton: var(--color-gray-800);
        --color-ui-bg-tooltip: var(--color-navy-600);
        --color-ui-dots-live: var(--color-gray-0);
        --color-ui-timeline: var(--color-gray-0);
        --color-ui-conversion: var(--color-green-600);
        --color-ui-warning: var(--color-orange-600);
        --color-ui-error: var(--color-red-600);
        --color-ui-duration-bg: #0000004d;
        --color-btn-follow-tag-bg-default: var(--color-gray-800);
        --color-btn-follow-tag-bg-default-hover: var(--color-gray-700);
        --color-btn-follow-tag-bg-active: var(--color-green-600);
        --color-btn-follow-tag-bg-active-hover: var(--color-green-500);
        --color-btn-conversion-bg-active: var(--color-green-600);
        --color-btn-conversion-bg-hover: var(--color-green-500);
        --color-btn-primary-bg-active: var(--color-gray-400);
        --color-btn-primary-bg-hover: var(--color-gray-600);
        --color-text-primary: var(--color-gray-0);
        --color-text-on-color: var(--color-gray-0);
        --color-text-live: var(--color-gray-0);
        --color-text-primary-read-state: var(--color-gray-600);
        --color-text-primary-inverted: var(--color-gray-1000);
        --color-sub-text: var(--color-gray-0);
        --color-input-text-filled: var(--color-gray-0);
        --color-input-text-prefilled: var(--color-gray-0);
        --color-input-bg: var(--color-gray-1000);
        --color-label-on-image-live: var(--color-red-700);
        --color-label-on-image-blue: var(--color-navy-600);
        --color-label-zie-ook: var(--color-gray-0);
        --color-section-live: var(--color-gray-0);
        --color-section-algemeen: var(--color-gray-0);
        --color-section-algemeen-hover: var(--color-gray-800);
        --color-section-economie: var(--color-gray-0);
        --color-section-economie-hover: var(--color-gray-700);
        --color-section-sport: var(--color-gray-0);
        --color-section-sport-hover: var(--color-gray-700);
        --color-section-tech: var(--color-gray-0);
        --color-section-tech-hover: var(--color-gray-700);
        --color-section-media-en-cultuur: var(--color-gray-0);
        --color-section-media-en-cultuur-hover: var(--color-gray-700);
        --color-section-achterklap: var(--color-gray-0);
        --color-section-achterklap-hover: var(--color-gray-700);
        --color-section-overig: var(--color-gray-0);
        --color-section-overig-hover: var(--color-gray-700);
        --color-nu-plus: var(--color-gray-0);
        --color-ui-contextual-block-algemeen-bg: var(--color-gray-900);
        --color-ui-contextual-block-algemeen-stroke: var(--color-gray-700);
        --color-ui-contextual-block-economie-bg: var(--color-gray-900);
        --color-ui-contextual-block-economie-stroke: var(--color-gray-700);
        --color-ui-contextual-block-sport-bg: var(--color-gray-900);
        --color-ui-contextual-block-sport-stroke: var(--color-gray-700);
        --color-ui-contextual-block-tech-bg: var(--color-gray-900);
        --color-ui-contextual-block-tech-stroke: var(--color-gray-700);
        --color-ui-contextual-block-media-en-cultuur-bg: var(--color-gray-900);
        --color-ui-contextual-block-media-en-cultuur-stroke: var(--color-gray-700);
        --color-ui-contextual-block-achterklap-bg: var(--color-gray-900);
        --color-ui-contextual-block-achterklap-stroke: var(--color-gray-700);
        --color-ui-contextual-block-overig-bg: var(--color-gray-900);
        --color-ui-contextual-block-overig-stroke: var(--color-gray-700);
    }
}
:root {
    --brand-logo: url("img/bc0d1f21137bf84ed1246c3f2b2083a16f1a8274.svg");
    --brand-color: var(--color-section-algemeen);
    --brand-background-color-hover: var(--color-section-algemeen-hover);
}
.branded--default,
.branded--nu {
    --brand-logo: url("img/bc0d1f21137bf84ed1246c3f2b2083a16f1a8274.svg");
    --brand-color: var(--color-section-algemeen);
    --brand-background-color-hover: var(--color-section-algemeen-hover);
}
.branded--nuzakelijk {
    --brand-logo: url("img/564f513012cf46c8c1a0683b0d1fc9b5b49a8c17.svg");
    --brand-color: var(--color-section-economie);
    --brand-background-color-hover: var(--color-section-economie-hover);
}
.branded--nutech {
    --brand-logo: url("");
    --brand-color: var(--color-section-tech);
    --brand-background-color-hover: var(--color-section-tech-hover);
}
.branded--nusport {
    --brand-logo: url("img/1d13e3b3bb02d4a10a96dcbcba09661e60fcd5c3.svg");
    --brand-color: var(--color-section-sport);
    --brand-background-color-hover: var(--color-section-sport-hover);
}
.branded--achterklap,
.branded--nuentertainment {
    --brand-logo: url("img/7c87b34d0d7674d8db2df4ac8c2c69df7568e552.svg");
    --brand-color: var(--color-section-achterklap);
    --brand-background-color-hover: var(--color-section-achterklap-hover);
}
.branded--nuoverig {
    --brand-logo: url("img/5de6fdf726316061b2ed60594b0c47aadc8e6944.svg");
    --brand-color: var(--color-section-overig);
    --brand-background-color-hover: var(--color-section-overig-hover);
}
.branded--nulifestyle,
.branded--nuuit {
    --brand-logo: url("img/bf1265de8fdb18027c64ebaf38eeaaffab666264.svg");
    --brand-color: var(--color-section-media-en-cultuur);
    --brand-background-color-hover: var(--color-section-media-en-cultuur-hover);
}
.states--hover:focus-within,
.states--hover:hover {
    --color-ui-bg: var(--color-gray-200);
    --color-ui-stroke-dividers: var(--color-gray-400);
    --color-bg--z1: var(--color-gray-300);
    --color-border--z2: var(--color-gray-600);
}
@media (prefers-contrast: more) {
    .states--hover:focus-within,
    .states--hover:hover {
        --color-ui-stroke-dividers: var(--color-gray-1000);
    }
}
[data-theme="dark"] .states--hover:focus-within,
[data-theme="dark"] .states--hover:hover {
    --color-ui-bg: var(--color-gray-900);
    --color-ui-stroke-dividers: var(--color-gray-800);
    --color-bg--z1: var(--color-gray-800);
    --color-border--z2: var(--color-gray-600);
}
@media (prefers-contrast: more) {
    [data-theme="dark"] .states--hover:focus-within,
    [data-theme="dark"] .states--hover:hover {
        --color-ui-bg: #2b2b2b;
        --color-ui-stroke-dividers: var(--color-gray-100);
    }
}
:host,
:root {
    box-sizing: border-box;
}
html {
    overflow-y: visible;
    scroll-padding-top: 80px;
    scroll-snap-type: y mandatory;
}
body,
html {
    background-color: #fff;
    background-color: var(--color-ui-bg);
    color: #1f2544;
    color: var(--color-text-primary);
    margin: 0;
    padding: 0;
}
a,
a:active,
a:hover,
button,
button:active,
button:hover {
    color: inherit;
    text-decoration: none;
}
a:focus,
button:focus {
    outline: none;
}
a:focus-visible,
button:focus-visible {
    outline: none;
}
a:not(.skip-to-content-link):focus-visible,
button:not(.modal__close-button):focus-visible {
    position: relative;
}
a:not(.skip-to-content-link):focus-visible:after,
button:not(.modal__close-button):focus-visible:after {
    border-radius: 0.5rem;
    border-radius: var(--corner-radius-100x);
    box-shadow: inset 0 0 0 2px currentcolor;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30;
}
a.skip-to-content-link:focus-visible {
    border-radius: 0.5rem;
    border-radius: var(--corner-radius-100x);
    box-shadow: inset 0 0 0 2px currentcolor;
}
*,
:after,
:before {
    box-sizing: inherit;
}
#app {
    background-color: #fff;
    background-color: var(--color-ui-bg);
    color: #1f2544;
    color: var(--color-text-primary);
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Arial, Helvetica, sans-serif;
    font-family: var(--primary-font-family);
    font-size: 0.875rem;
    font-size: var(--body-font-size--s0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.app-hide--m {
    display: none;
}
.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
@media screen and (min-width: 992px) {
    .app-hide--m {
        display: inherit;
    }
    .app-hide--d {
        display: none;
    }
}
.authorized-content {
    display: none;
}
.visually-hidden {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.switch-tv-guide-button {
    border-radius: 0.5rem !important;
    border-radius: var(--corner-radius-button) !important;
}
.heading--1,
.heading--2,
.heading--3,
.heading--4,
.heading--5,
.heading--6,
.heading1,
.heading2,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f2544;
    color: var(--color-section-algemeen);
}
.heading--1,
h1 {
    font-size: 1.5rem;
    font-size: var(--heading-font-size--s2);
    line-height: 1.25rem;
    line-height: var(--heading-line-height--s2);
}
.heading--2,
h2 {
    font-size: 1.475rem;
    line-height: 1.675rem;
}
.heading--3,
h3 {
    font-size: 0.8125rem;
    font-size: var(--heading-font-size--s0);
    line-height: 1.125rem;
    line-height: var(--heading-line-height--s0);
}
.heading1 {
    font-size: 1.5rem;
    line-height: 1.16667;
}
.heading2 {
    font-size: 1.25rem;
    line-height: 1.2;
}
.body-style,
.excerpt-style,
.subline-style {
    margin-top: 0;
}
.body-style--s0 {
    --font-style-size: var(--body-font-size--s0);
    --font-style-weight: 400;
    --font-style-height: var(--body-line-height--s0);
}
.body-style--s1 {
    --font-style-size: var(--body-font-size--s1);
    --font-style-weight: 400;
    --font-style-line-height: var(--body-line-height--s1);
}
.subline-style--s0 {
    --font-style-size: var(--subline-font-size);
    --font-style-weight: 400;
    --font-style-line-height: var(--subline-line-height);
}
.page-wrapper {
    margin: 0 auto;
    max-width: 990px;
}
@media screen and (min-width: 1114px) and (max-width: 1154px) {
    .page-wrapper--has-v1 {
        margin-left: 120px;
        margin-left: var(--ad-v1-medium-width);
    }
}
@media screen and (min-width: 1154px) and (max-width: 1322px) {
    .page-wrapper--has-v1 {
        margin-left: 160px;
        margin-left: var(--ad-v1-wide-width);
    }
}
.app-col {
    display: grid;
    gap: 2rem 1rem;
    gap: var(--grid-base--x8) var(--grid-base--x4);
}
.app-col--2 {
    grid-template-columns: 1fr 1fr;
}
.app-col--3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.app-col--4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (min-width: 768px) {
    .app-col__max--2 {
        grid-template-columns: 1fr 1fr;
    }
    .app-col__max--3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .app-col__max--4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.hide--until-768 {
    display: none;
}
@media screen and (min-width: 768px) {
    .hide--until-768 {
        display: block;
    }
}
.icon {
    align-items: center;
    aspect-ratio: 1/1;
    display: inline-flex;
}
.icon--16 {
    width: 1rem;
}
.icon--24 {
    width: 1.5rem;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, 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;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
.modal-layer--noscroll {
    height: 100vh;
    left: 0;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.modal-layer__stack {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000000002;
}
.modal-layer__shade {
    background-color: #00000080;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
}
.apple[data-v-8e1ec60a] {
    display: none;
}
@supports (-webkit-touch-callout: none) {
    .other[data-v-8e1ec60a] {
        display: none;
    }
    .apple[data-v-8e1ec60a] {
        display: inherit;
    }
}
.audio-block {
    align-items: stretch;
    display: flex;
    height: 200px;
}
.audio-block__embed {
    border: 0;
    flex: 0 0 100%;
}
.banner {
    margin: 0;
}
.banner--o1,
.banner--o2 {
    min-height: var(--ad-o-series-min-height);
}
.banner--r-lb1,
.banner--r-lb2,
.banner--r-lb3,
.banner--r-lb4,
.banner--r1,
.banner--r2,
.banner--r3,
.banner--wsc-r1,
.banner--wsc-r2,
.banner--wsc-r3,
.banner--wsc-r4 {
    min-height: var(--ad-r-series-min-height);
}
.banner--h1 {
    margin-bottom: var(--grid-base--x4);
    min-height: var(--ad-h1-min-height);
}
.banner--c1 {
    min-height: var(--ad-c1-min-height-mobile);
}
.banner--r3 {
    min-width: 300px;
}
.banner--hide-single-column,
.banner--wsc-r1.banner--hide-double-column + .app-divider {
    display: none;
}
@media screen and (min-width: 768px) {
    .banner--hide-single-column {
        display: block;
    }
    .banner--hide-double-column {
        display: none;
    }
    .banner--c1 {
        min-height: var(--ad-c1-min-height-desktop);
    }
}
.banner__slot {
    position: relative;
}
.banner__placeholder,
.banner__slot {
    min-height: inherit;
    min-width: inherit;
}
.banner__placeholder {
    background-color: var(--color-ui-bg);
    position: absolute;
    width: 100%;
}
.app-button {
    --button-bg-color: var(--color-btn-primary-bg-active);
    --button-border-color: var(--color-btn-primary-bg-active);
    --button-fg-color: var(--color-text-on-color);
    --button-bg-color-hover: var(--color-btn-primary-bg-hover);
    --button-border-color-hover: var(--color-btn-primary-bg-hover);
    --button-fg-color-hover: var(--color-text-on-color);
    --border-button-width: 0.0625rem;
    align-items: center;
    background-color: var(--button-bg-color);
    border: var(--border-button-width) solid var(--button-border-color);
    border-radius: var(--corner-radius-100x);
    color: var(--button-fg-color);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--primary-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-semi-bold);
    gap: var(--grid-base--x2);
    line-height: 1em;
    outline: 0;
    padding: var(--grid-base--x2) var(--grid-base--x3);
}
.app-button:focus,
.app-button:hover,
.app-button__active {
    background-color: var(--button-bg-color-hover);
    border-color: var(--button-border-color-hover);
    color: var(--button-fg-color-hover);
}
.app-button:disabled {
    cursor: default;
}
.app-button:disabled:focus,
.app-button:disabled:hover {
    background-color: var(--button-bg-color);
    border-color: var(--button-border-color);
    color: var(--button-fg-color);
}
.app-button.colorway--green {
    --button-bg-color: var(--color-btn-conversion-bg-active);
    --button-border-color: var(--color-btn-conversion-bg-active);
    --button-fg-color: var(--color-text-on-color);
    --button-bg-color-hover: var(--color-btn-conversion-bg-hover);
    --button-border-color-hover: var(--color-btn-conversion-bg-hover);
    --button-fg-color-hover: var(--color-text-on-color);
}
.app-button.branded {
    --button-bg-color: var(--brand-color);
    --button-border-color: var(--brand-color);
    --button-fg-color: var(--color-text-on-color);
    --button-bg-color-hover: var(--brand-color);
    --button-border-color-hover: var(--brand-color);
    --button-fg-color-hover: var(--color-text-on-color);
}
.app-button--cta {
    --button-bg-color: transparent;
    --button-fg-color: var(--color-text-primary);
    --button-bg-color-hover: transparent;
    --button-fg-color-hover: var(--color-text-primary);
    --border-button-width: 0;
}
.app-button--cta:disabled {
    --button-fg-color: var(--color-gray-600);
    --button-fg-color-hover: var(--color-gray-600);
}
.app-button--inversed {
    --button-bg-color: transparent;
    --button-border-color: var(--color-btn-primary-bg-active);
    --button-fg-color: var(--color-btn-primary-bg-active);
    --button-bg-color-hover: var(--color-ui-stroke-dividers);
    --button-border-color-hover: var(--color-btn-primary-bg-active);
    --button-fg-color-hover: var(--color-btn-primary-bg-active);
}
.app-button--inversed.branded {
    --button-bg-color: transparent;
    --button-border-color: var(--brand-color);
    --button-fg-color: var(--brand-color);
    --button-bg-color-hover: var(--brand-background-color-hover);
    --button-border-color-hover: var(--brand-color);
    --button-fg-color-hover: var(--brand-color);
}
.app-button--inversed.colorway--green {
    --button-bg-color: transparent;
    --button-border-color: var(--color-btn-conversion-bg-active);
    --button-fg-color: var(--color-btn-conversion-bg-active);
    --button-bg-color-hover: transparent;
    --button-border-color-hover: var(--color-btn-conversion-bg-active);
    --button-fg-color-hover: var(--color-btn-conversion-bg-active);
}
.app-button--inversed:disabled {
    --button-bg-color: transparent;
    --button-border-color: var(--color-gray-600);
    --button-fg-color: var(--color-gray-600);
    --button-bg-color-hover: transparent;
    --button-border-color-hover: var(---color-gray-600);
    --button-fg-color-hover: var(--color-gray-600);
}
.app-button--inline {
    --button-bg-color: transparent;
    --button-fg-color: var(--color-gray-600);
    --button-bg-color-hover: transparent;
    --button-fg-color-hover: var(--color-gray-600);
    --border-button-width: 0;
    font-size: 0.75rem;
    padding: 0;
}
.app-button--inline.branded {
    --button-bg-color: transparent;
    --button-border-color: transparent;
    --button-fg-color: var(--brand-color);
    --button-bg-color-hover: transparent;
    --button-border-color-hover: transparent;
    --button-fg-color-hover: var(--brand-color);
}
.app-button--inline.colorway--green {
    --button-bg-color: transparent;
    --button-border-color: transparent;
    --button-fg-color: var(--color-btn-conversion-bg-active);
    --button-bg-color-hover: transparent;
    --button-border-color-hover: transparent;
    --button-fg-color-hover: var(--color-btn-conversion-bg-active);
}
.app-button--inline.app-button--active {
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.25rem;
}
.app-button--inline:disabled {
    --button-fg-color: var(--color-gray-600);
    --button-fg-color-hover: var(--color-gray-600);
}
.app-button--panel {
    --button-bg-color: var(--color-gray-0);
    --button-border-color: var(--color-gray-300);
    --button-fg-color: var(--color-navy-1000);
    --button-bg-color-hover: var(--color-gray-0);
    --button-border-color-hover: var(--color-navy-1000);
    --button-fg-color-hover: var(--color-navy-1000);
    --border-button-width: 0.125rem;
    flex: 1 1 0;
    flex-direction: column;
    font-size: 0.65rem;
    height: 6.25rem;
    justify-content: space-around;
    min-width: 5.75rem;
    padding: var(--grid-base--x2);
    white-space: wrap;
    width: 100%;
}
.app-button--panel:disabled {
    --button-bg-color: transparent;
    --button-border-color: var(--color-gray-600);
    --button-fg-color: var(--color-gray-600);
    --button-bg-color-hover: transparent;
    --button-border-color-hover: var(---color-gray-600);
    --button-fg-color-hover: var(--color-gray-600);
}
.app-button--nowrap {
    white-space: nowrap;
}
.app-button--tag {
    --button-bg-color: var(--color-btn-follow-tag-bg-default);
    --button-fg-color: var(--color-text-primary);
    --button-bg-color-hover: var(--color-btn-follow-tag-bg-default-hover);
    --button-fg-color-hover: var(--color-text-primary);
    --border-button-width: 0;
    font-weight: var(--font-weight-regular);
}
.app-button--tag.app-button--active {
    --button-bg-color: var(--color-btn-follow-tag-bg-active);
    --button-fg-color: var(--color-text-on-color);
    --button-bg-color-hover: var(--color-btn-follow-tag-bg-active-hover);
    --button-fg-color-hover: var(--color-text-on-color);
    --border-button-width: 0;
    font-weight: var(--font-weight-regular);
}
.app-button--tab {
    --button-bg-color: none;
    --button-border-color: none;
    --button-fg-color: none;
    --button-bg-color-hover: none;
    --button-border-color-hover: none;
    --button-fg-color-hover: none;
    --border-button-width: 0;
}
[data-theme="dark"] .app-button--panel {
    --button-bg-color: var(--color-gray-900);
    --button-border-color: var(--color-gray-700);
    --button-fg-color: var(--color-text-primary);
    --button-bg-color-hover: var(--color-gray-800);
    --button-border-color-hover: var(--color-gray-700);
    --button-fg-color-hover: var(--color-text-primary);
}
.app-button-bar {
    border: 0;
    margin: 0;
}
.app-button-bar button:disabled {
    opacity: 0.5;
}
.tab--active,
.tab:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-position: under;
}
.tab:first-of-type {
    padding-left: 0;
}
.app-image {
    object-fit: cover;
    overflow: hidden;
    vertical-align: middle;
}
.lazy-aspect {
    display: block;
}
.lazy-aspect--16by9 {
    aspect-ratio: 16/9;
}
.lazy-aspect--4by3 {
    aspect-ratio: 4/3;
}
.lazy-aspect--8by7 {
    aspect-ratio: 8/7;
}
.lazy-aspect--3by4 {
    aspect-ratio: 3/4;
}
.lazy-aspect--2by1 {
    aspect-ratio: 2/1;
}
.lazy-aspect--1by1 {
    aspect-ratio: 1/1;
}
.icon {
    align-self: center;
}
:root {
    --royalslider-copyright-color: #fff;
    --font-size-normal: 16px;
}
.slideshow {
    --column-area: stretched;
    aspect-ratio: 16/9;
    position: relative;
}
.slideshow .royalSlider {
    overflow: hidden;
}
.slideshow .royalSlider .rsGCaption {
    display: none;
    font-size: 16px;
    font-size: var(--font-size-normal);
    padding: 5px 10px 10px 8px;
}
.slideshow .royalSlider .rsGCaption .rsCopyright {
    color: #fff;
    color: var(--royalslider-copyright-color);
    padding-left: 0.625rem;
}
.slideshow .rsNav,
.slideshow .rsSlideshowTitle {
    display: none;
}
.slideshow .rsActionBar {
    display: none;
    margin-top: 6px;
    position: absolute;
    top: 0;
    z-index: 20;
}
.slideshow .rsActionBar.left {
    display: block;
    left: 7px;
}
.slideshow .rsActionBar.right {
    margin-right: 38px;
    right: 0;
}
.slideshow .rsActionBar.center {
    background-color: #000000bf;
    background-color: #000;
    height: 41px;
    margin-top: 0;
    text-align: center;
    width: 100%;
    z-index: 15;
}
.slideshow .rsActionBar.center > .rsSlideshowTitle {
    color: #fff;
    margin-left: -66px;
    max-width: 70%;
    padding-top: 12px;
    position: relative;
}
.slideshow .rsActionBar.center > .rsSlideshowTitle > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.slideshow .rsActionBarBtn {
    background-color: #000;
    background-color: #000000bf;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    margin-right: 5px;
    min-width: 32px;
    padding: 6px;
    z-index: 22;
}
.slideshow .rsActionBarBtn .icon-share {
    display: none;
}
.slideshow .rsFullscreen .rsActionBar {
    display: block;
}
.slideshow .rsShareOverlay {
    background: #000000bf;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 25;
}
.slideshow .rsShareOverlay .slideshow-sharing {
    display: table;
    height: 100%;
    width: 100%;
}
.slideshow .rsShareOverlay .slideshow-sharing .block-wrapper {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.slideshow .rsShareOverlay .slideshow-sharing .block-wrapper .block-title {
    background: transparent !important;
}
.slideshow .rsShareOverlay .slideshow-sharing .block-wrapper .block-title h2 {
    color: #fff;
}
.slideshow .overlayActive .rsActionBarBtn,
.slideshow .overlayActive .rsArrow,
.slideshow .overlayActive .rsFullscreenBtn,
.slideshow .overlayActive .rsSlideCount {
    display: none;
}
.slideshow .overlayActive .rsShareOverlay {
    display: block;
}
.slideshow .overlayActive .rsShareOverlay .rsActionBar {
    margin-right: 6px;
}
.slideshow .overlayActive .rsShareOverlay .rsActionBar,
.slideshow .overlayActive .rsShareOverlay .rsActionBarBtn {
    display: block;
}
.slideshow .overlayActive.slideshowIsFullscreen .rsShareOverlay {
    position: fixed;
    z-index: 2000000001;
}
.slideshow .rsActionBarBtn.rsImageOnlyBtn {
    align-items: center;
    display: flex;
    justify-content: center;
}
.slideshow .rsActionBarBtn.rsImageOnlyBtn .iconEyeOpen {
    display: block;
}
.slideshow .rsActionBarBtn.rsImageOnlyBtn .iconEyeClosed,
.slideshow .rsActionBarBtn.rsImageOnlyBtn.closed .iconEyeOpen {
    display: none;
}
.slideshow .rsActionBarBtn.rsImageOnlyBtn.closed .iconEyeClosed {
    display: block;
}
.slideshow .rsNunl {
    width: 100%;
}
.slideshow .rsNunl.rsFullscreen .rsGCaption {
    display: block;
    left: 0;
    text-align: center;
    width: 100%;
}
.slideshow .rsNunl.rsFullscreen .rsNav {
    display: block;
}
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsNav {
    display: none;
    height: 0;
}
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsActionBarBtn,
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsArrow,
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsGCaption,
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsSlideCount,
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsSlideshowTitle {
    display: none;
}
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsActionBar.center {
    background-color: transparent;
}
.slideshow .rsNunl.rsFullscreen.rsImageOnly .rsActionBarBtn.rsImageOnlyBtn {
    display: flex;
}
@media screen and (min-width: 768px) {
    .slideshow .royalSlider {
        border-radius: var(--corner-radius-100x);
    }
    .slideshow .rsSlideshowTitle {
        display: inline-block;
    }
}
.carousel-vertical-videos {
    --button-offset: 0.625rem;
    overflow-y: scroll;
    position: relative;
}
.carousel-vertical-videos__item-info {
    display: flex;
    justify-content: space-between;
    margin-top: -3.625rem;
    padding: 0 0.75rem;
}
.carousel-vertical-videos__items {
    display: flex;
    flex-direction: row;
    gap: var(--grid-base--x2);
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.carousel-vertical-videos__items::-webkit-scrollbar {
    display: none;
}
.carousel-vertical-videos__item {
    scroll-snap-align: start;
}
.carousel-vertical-videos__button {
    align-items: center;
    border: none;
    border-radius: var(--corner-radius-vertical-video-scroll-button);
    box-shadow: 0 0.938rem 0.938rem #0000001a;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    width: 2rem;
}
.carousel-vertical-videos__button--left {
    left: var(--button-offset);
    top: 37%;
    transform: translateY(-50%);
}
.carousel-vertical-videos__button--right {
    right: var(--button-offset);
    top: 37%;
    transform: translateY(-50%);
}
.carousel-vertical-videos__image {
    border-radius: var(--corner-radius-image);
    height: 15rem;
    width: 10rem;
}
.carousel-vertical-videos__title {
    font-size: 0.875rem;
    line-height: 1rem;
    margin: 0.5rem 0 0;
}
.carousel-vertical-videos__duration {
    background-color: var(--color-ui-duration-bg);
    border-radius: var(--corner-radius-vertical-video-duration);
    color: var(--color-gray-0);
    padding: 0.313rem 0.25rem;
}
.comment-block {
    border: 2px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    margin: 0;
    overflow: hidden;
    padding: var(--grid-base--x4);
}
.comment-block__header {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-base);
    padding-bottom: var(--grid-base--x4);
}
.comment-block__header .username {
    color: var(--color-section-algemeen);
    font-weight: var(--font-weight-bold);
    margin-right: var(--grid-base--x4);
}
.comment-block__header .username__label {
    background-color: var(--color-section-algemeen);
    border-radius: var(--corner-radius-100x);
    color: #fff;
    font-size: 0.75rem;
    margin-right: var(--grid-base--x4);
    padding: 2px var(--grid-base--x2);
}
.comment-block__header .username__label:after {
    content: url("");
    height: 10px;
    margin-left: var(--grid-base--x2);
    vertical-align: middle;
    width: 10px;
}
[data-theme="dark"] .comment-block__header .username__label {
    color: var(--color-navy-600);
}
[data-theme="dark"] .comment-block__header .username__label:after {
    content: url("");
}
.comment-block__header .when {
    color: var(--color-gray-600);
    font-size: var(--subline-font-size);
    font-weight: var(--font-weight-regular);
}
.comment-block__body {
    line-height: var(--body-line-height--s1);
    margin-bottom: var(--grid-base--x4);
}
.comment-block__body--truncated {
    margin-bottom: var(--grid-base);
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.comment-block__body--short {
    margin-bottom: var(--grid-base--x4);
}
.comment-block__readmore {
    font-weight: var(--font-weight-bold);
    gap: 0;
    margin-bottom: var(--grid-base--x6);
}
.comment-block__footer {
    display: flex;
    justify-content: space-between;
}
.comment-block__footer .left {
    display: flex;
}
.comment-block__footer .reaction-button {
    color: var(--color-section-algemeen);
    font-weight: var(--font-weight-bold);
}
.comment-block__footer .likes {
    margin-right: var(--grid-base--x4);
}
.comment-block__footer .likes,
.comment-block__footer .replies {
    color: var(--color-gray-600);
    font-weight: var(--font-weight-bold);
}
.item-partner {
    align-items: center;
    display: flex;
    flex: auto;
    justify-content: space-between;
}
.item-partner__caption {
    font-size: 0.875rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.14286;
}
.item-partner__image {
    height: auto;
    margin-left: var(--grid-base--x2);
    max-height: 30px;
    max-width: 50px;
    width: auto;
}
.item-partner:empty:before {
    background-color: var(--color-gray-300);
    content: "";
    display: block;
    height: 1.1875rem;
    width: 70%;
}
.item-thumb {
    align-self: flex-start;
    background-color: var(--color-gray-300);
    border-radius: var(--corner-radius-image);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.item-thumb__image {
    height: auto;
    object-fit: cover;
    vertical-align: top;
    width: 100%;
}
.item-thumb__icon {
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 0 var(--grid-base--x2) var(--grid-base--x2);
    position: absolute;
    top: 0;
    width: 100%;
}
.item-thumb__icon .icon {
    align-self: flex-end;
    color: var(--color-gray-0);
    font-size: calc(var(--grid-base--x4) * 1.5);
    line-height: 0;
}
.item-thumb__duration {
    background: #0000004d;
    border-radius: var(--corner-radius-050x);
    bottom: var(--grid-base--x2);
    color: var(--color-gray-0);
    font-size: 0.8125rem;
    line-height: 1.15385;
    padding: var(--grid-base);
    position: absolute;
    right: var(--grid-base--x2);
}
.item-thumb .lazy-aspect--16by9 {
    aspect-ratio: 16/9;
}
.item-thumb .lazy-aspect--4by3 {
    aspect-ratio: 4/3;
}
.item-thumb .lazy-aspect--8by7 {
    aspect-ratio: 8/7;
}
.item-thumb .lazy-aspect--3by4 {
    aspect-ratio: 3/4;
}
.item-thumb .lazy-aspect--2by1 {
    aspect-ratio: 2/1;
}
.item-thumb .lazy-aspect--1by1 {
    aspect-ratio: 1/1;
}
[data-theme="dark"] .item-thumb {
    background-color: var(--color-gray-800);
}
.item-title {
    line-height: 0;
}
.item-title__title {
    display: -webkit-box;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.item-title__title:empty:after,
.item-title__title:empty:before {
    background-color: var(--color-gray-300);
    content: "";
    display: block;
    height: 1.1875rem;
}
.item-title__title:empty:before {
    margin-bottom: var(--grid-base);
    width: 90%;
}
.item-title__title:empty:after {
    width: 70%;
}
.item-title__title-label {
    color: var(--color-text-live);
    display: inline;
}
.item-title--has-label .item-title__title-label-divider {
    color: var(--color-section-algemeen);
    margin: 0 0.4rem 0 0.125rem;
}
.item-title--has-label:not(.item-title--label-inline, .item-title--n) .item-title__title-label {
    display: block;
    font-size: 90%;
    line-height: 1em;
    margin-bottom: var(--grid-base);
}
.item-title--has-label:not(.item-title--label-inline, .item-title--n) .item-title__title-label-divider {
    display: none;
}
@media screen and (min-width: 992px) {
    .item-title--has-label:not(.item-title--label-inline, .item-title--n) .item-title__title-label-divider {
        display: inline;
    }
}
.item-title__meta {
    font-weight: var(--font-weight-regular);
}
[data-theme="dark"] .item-title__title:empty:after,
[data-theme="dark"] .item-title__title:empty:before {
    background-color: var(--color-gray-800);
}
.link-block--datetime {
    --thumbnail-max-width: 6.25rem;
    display: flex;
    gap: var(--grid-base--x2);
    margin: 0 0 var(--grid-base--x4) 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.link-block--datetime:focus,
.link-block--datetime:hover {
    text-decoration: underline;
}
.link-block--datetime:last-child {
    margin-bottom: 0;
}
.link-block--datetime .title-wrapper {
    align-self: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-flow: column wrap;
    gap: var(--grid-base);
    overflow: hidden;
    width: 100%;
}
.link-block--datetime .item-byline {
    color: var(--color-gray-600);
    font-size: 0.875rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.14286;
}
.link-block--datetime .item-thumb {
    flex: 0 0 var(--thumbnail-max-width);
}
.link-block--datetime .item-thumb + .title-wrapper {
    margin-left: var(--grid-base--x4);
}
.link-block--datetime .item-partner {
    flex-grow: 0;
    font-size: 0.875rem;
}
.link-block--datetime .item-title {
    align-self: center;
    flex: auto;
    width: 100%;
}
.link-block--datetime .item-title__meta {
    line-height: 1.3em;
    margin-top: var(--grid-base);
}
.link-block--grid {
    display: flex;
    flex-flow: column wrap;
}
.link-block--grid .item--thumb {
    flex: 0 0 auto;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.link-block--grid .title-wrapper {
    margin-left: 0;
}
.link-block--grid .item-title {
    align-self: inherit;
    margin-left: 0;
    padding-top: var(--grid-base--x4);
}
.link-block--grid:focus .item-title,
.link-block--grid:hover .item-title {
    text-decoration: underline;
}
.app-figure {
    border: none;
    margin: 0;
}
.app-figure,
.app-figure__img {
    position: relative;
}
.app-figure__img > img {
    background-color: var(--color-ui-bg-skeleton);
    left: 0;
    max-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.app-figure__caption {
    display: flex;
    flex-wrap: wrap;
    font-weight: var(--font-weight-bold);
    gap: var(--grid-base);
    line-height: normal;
    padding: var(--grid-base--x2) var(--grid-base--x4) 0;
}
.app-figure--caption-overlay {
    background: linear-gradient(0deg, #555, #fff 35%);
}
.app-figure--caption-overlay .app-figure__img {
    mix-blend-mode: multiply;
}
.app-figure--caption-overlay .app-figure__caption {
    bottom: 0;
    display: flex;
    flex-flow: column wrap;
    padding-bottom: var(--grid-base--x4);
    padding-left: var(--grid-base--x4);
    padding-right: var(--grid-base--x4);
    position: absolute;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    width: 100%;
}
.topzone .app-figure {
    margin-bottom: var(--grid-base--x4);
}
@media screen and (min-width: 768px) {
    .app-figure,
    .app-figure__img > img {
        border-radius: var(--corner-radius-image);
    }
    .app-figure__caption {
        padding: var(--grid-base--x4) 0 0;
    }
    .app-figure--caption-overlay .app-figure__caption {
        padding-bottom: var(--grid-base--x6);
        padding-left: var(--grid-base--x6);
        padding-right: var(--grid-base--x6);
    }
    .topzone .app-figure {
        margin: 0 var(--grid-base--x3) var(--grid-base--x4);
    }
}
[data-theme="dark"] .app-figure--has-placeholder {
    background-color: var(--color-gray-900);
}
.link-block--hero .link-block__title {
    color: var(--color-gray-0);
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.125rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.33333;
    margin: 0;
}
.link-block--hero .link-block__label {
    align-self: flex-start;
    background-color: var(--color-text-live);
    border-radius: var(--corner-radius-200x);
    font-size: 0.75rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.16667;
    margin-bottom: var(--grid-base--x4);
    padding: var(--grid-base) var(--grid-base--x3);
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    .link-block--hero .link-block__title {
        font-size: 1.375rem;
        line-height: 1.27273;
    }
}
@media (prefers-contrast: more) {
    .link-block--hero .link-block__label {
        background-color: var(--color-red-700);
    }
}
.marker-link-block {
    display: block;
    font-size: var(--body-font-size--s0);
    line-height: var(--body-line-height--s0);
}
.marker-link-block:hover {
    text-decoration: underline;
}
.marker-link-block__item-marker {
    aspect-ratio: 1/1;
    flex: 0 0 0.625rem;
    vertical-align: middle;
    width: 1.0625rem;
}
.link-block--more {
    align-items: center;
    color: var(--brand-color);
    display: flex;
    font-weight: var(--font-weight-bold);
    justify-content: center;
}
.link-block--more:hover {
    color: var(--brand-color);
    text-decoration: underline;
}
.all-comments-button {
    align-items: center;
    background-color: var(--color-green-600);
    border-color: var(--button-bg-color);
    border-radius: var(--corner-radius-100x);
    color: var(--color-gray-0);
    display: inline-flex;
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--button-line-height);
    margin: var(--grid-base--x4) 0;
    padding: var(--grid-base--x2) var(--grid-base--x4);
}
.all-comments-button:hover {
    background-color: var(--color-green-500);
    color: var(--color-gray-0);
}
.all-comments-button__icon {
    aspect-ratio: 1/1;
    margin-right: var(--grid-base--x2);
    vertical-align: top;
    width: 0.875rem;
}
.link-block--text {
    align-items: center;
    display: flex;
    width: 100%;
}
.link-block--text .item-marker:before {
    background-color: var(--brand-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 7px;
    width: 7px;
}
.link-block--text.link-block--has-byline {
    align-items: flex-start;
}
.link-block--text.link-block--has-byline .item-marker:before {
    transform: translateY(100%);
}
.link-block--text .item-title {
    flex: 0 0 100%;
    width: 100%;
}
.link-block--text .title-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column-reverse wrap;
    margin-left: var(--grid-base--x2);
    width: 100%;
}
.link-block--text .title-wrapper--has-suffix-icon,
.link-block--text .title-wrapper--has-suffix-icon .item-title {
    flex: 0 1 auto;
    width: auto;
}
.link-block--text .title-wrapper--no-marker {
    margin-left: var(--grid-base--x4);
}
.link-block--text .item-byline {
    color: var(--color-gray-600);
    font-size: 0.875rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.14286;
}
.link-block--text:focus .item-title,
.link-block--text:hover .item-title {
    text-decoration: underline;
}
.link-block--text .item__suffix-icon {
    margin-left: var(--grid-base--x2);
}
.link-block--has-thumb .title-wrapper {
    flex-wrap: wrap;
}
.link-block--has-thumb .title-wrapper .item-title__title-label-divider {
    display: none;
}
.link-block--thumb {
    --thumbnail-max-width: 6.25rem;
    display: flex;
    padding: 0;
    width: 100%;
}
.link-block--thumb:focus,
.link-block--thumb:hover {
    text-decoration: underline;
}
.link-block--thumb:last-child {
    margin-bottom: 0;
}
.link-block--thumb .title-wrapper {
    align-self: center;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}
.link-block--thumb .item-byline {
    color: var(--color-gray-600);
    font-size: 0.875rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.14286;
}
.link-block--thumb .item-thumb {
    flex: 0 0 var(--thumbnail-max-width);
}
.link-block--thumb .item-thumb + .title-wrapper {
    margin-left: var(--grid-base--x4);
}
.link-block--thumb .item-title {
    flex: auto;
    width: 100%;
}
.link-block--thumb .item-title__meta {
    line-height: 0.9375rem;
    margin-top: var(--grid-base);
}
.link-block--thumb:visited .item-marker {
    color: var(--color-text-primary-read-state);
}
.link-block--plain .link-block--text {
    display: none;
}
@media only screen and (min-width: 992px) {
    .article .link-block--plain .link-block--text,
    .columns__main .link-block--plain .link-block--text {
        display: flex;
    }
    .article .link-block--plain .link-block--thumb,
    .columns__main .link-block--plain .link-block--thumb {
        display: none;
    }
}
.item-counter {
    text-align: center;
}
.item-counter:after {
    content: ".";
}
.link-block--rank {
    align-items: center;
    display: flex;
    height: 3rem;
    width: 100%;
}
.link-block--rank .item-counter {
    flex: 0 0 3.125rem;
    font-weight: var(--font-weight-bold);
}
.link-block--rank .item-title {
    align-self: center;
    flex: 1 1 auto;
    margin-left: var(--grid-base--x2);
}
.link-block--rank .item-title__title {
    -webkit-line-clamp: 2;
}
.link-block--rank .item-marker {
    aspect-ratio: 1/1;
    flex: 0 0 0.625rem;
    margin-left: var(--grid-base--x2);
    width: 1.0625rem;
}
.link-block--rank:focus .item-title,
.link-block--rank:hover .item-title {
    text-decoration: underline;
}
.link-block-right-icon-button {
    display: block;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    position: relative;
    grid-column-gap: 1rem;
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: var(--corner-radius-100x);
    cursor: pointer;
    padding: 0.5rem;
    text-align: left;
    transition: background-color 0.15s ease-in-out;
    width: 100%;
}
.link-block-right-icon-button:hover {
    background-color: var(--color-navy-100);
}
.link-block-right-icon-button__icon-before {
    aspect-ratio: 1/1;
    grid-column: 1;
    grid-row: 1;
    width: 1.5rem;
}
.link-block-right-icon-button__content {
    grid-column: 2;
    grid-row: 1;
}
.link-block-right-icon-button__content-title {
    font-size: 0.875rem;
    line-height: 1.14286;
}
.link-block-right-icon-button__content-subtitle {
    color: var(--color-sub-text);
    font-size: 0.75rem;
    line-height: 1.16667;
    margin: 0.75rem 0 0;
}
.link-block-right-icon-button__icon-after {
    grid-column: 3;
    grid-row: 1;
}
.link-block-right-icon-button__icon-after img {
    aspect-ratio: 1/1;
    display: block;
    width: 1.5rem;
}
.link-block-right-icon-button--loading .link-block-right-icon-button__icon-after {
    opacity: 0.5;
}
[data-theme="dark"] .link-block-right-icon-button:hover {
    background-color: var(--color-gray-800);
}
.link-block--teaser {
    --thumbnail-max-width: 6.25rem;
}
.link-block--teaser > .link-block--thumb {
    background-color: var(--color-ui-bg);
    border: 2px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    padding: var(--grid-base--x4);
}
.link-block--teaser > .link-block--thumb .item-title__label {
    display: table;
    font-weight: var(--font-weight-bold);
}
.link-block--teaser > .link-block--thumb .item-title__text:focus,
.link-block--teaser > .link-block--thumb .item-title__text:hover {
    text-decoration: underline;
}
.link-block--teaser > .link-block--thumb:focus,
.link-block--teaser > .link-block--thumb:hover {
    text-decoration: none;
}
.link-block--teaser > .link-block--thumb:focus .item-title__text,
.link-block--teaser > .link-block--thumb:hover .item-title__text {
    text-decoration: underline;
}
.link-block--timestamp {
    align-items: center;
    display: flex;
    height: 3rem;
    width: 100%;
}
.link-block--timestamp .item-datetime {
    color: var(--color-sub-text);
    flex: 0 0 3.125rem;
    font-size: calc(var(--contentlist-font-size) - 0.1rem);
    line-height: calc(var(--contentlist-line-height) - 0.1rem);
}
.link-block--timestamp .item-title {
    align-self: center;
    flex: 1 1 auto;
    margin-left: var(--grid-base--x2);
}
.link-block--timestamp .item-title__title {
    -webkit-line-clamp: 2;
}
.link-block--timestamp .item-marker {
    aspect-ratio: 1/1;
    flex: 0 0 0.625rem;
    margin-left: var(--grid-base--x2);
    width: 1.0625rem;
}
.link-block--timestamp:focus .item-title,
.link-block--timestamp:hover .item-title {
    text-decoration: underline;
}
.link-block-toggle {
    display: block;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    position: relative;
    grid-column-gap: 1rem;
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: var(--corner-radius-100x);
    cursor: pointer;
    padding: 0.5rem;
    text-align: left;
    width: 100%;
}
.link-block-toggle:not(.link-block-toggle--disabled):hover {
    background-color: var(--color-navy-100);
}
.link-block-toggle--disabled {
    cursor: not-allowed;
}
.link-block-toggle__icon-before {
    aspect-ratio: 1/1;
    grid-column: 1;
    grid-row: 1;
    width: 1.5rem;
}
.link-block-toggle__content {
    grid-column: 2;
    grid-row: 1;
}
.link-block-toggle__content-title {
    font-size: 0.9375rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.6;
    min-height: 1.5rem;
}
.link-block-toggle__content-subtitle {
    color: var(--color-sub-text);
    font-size: 0.875rem;
    line-height: 1.14286;
    margin: 0.25rem 0 0;
    min-height: 1rem;
}
.link-block-toggle__icon-after {
    grid-column: 3;
    grid-row: 1;
}
.link-block-toggle__icon-after img {
    aspect-ratio: 1/1;
    display: block;
    width: 1.5rem;
}
.fake-custom-checkbox {
    background-color: var(--color-gray-500);
    border: 0.1875rem solid #bbb;
    border-radius: var(--corner-radius-150x);
    box-sizing: border-box;
    height: 1.5rem;
    position: relative;
    width: 3rem;
}
.fake-custom-checkbox:before {
    aspect-ratio: 1/1;
    background-color: var(--color-gray-0);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.fake-custom-checkbox--checked {
    background-color: var(--color-ui-conversion);
    border-color: var(--color-ui-conversion);
}
.fake-custom-checkbox--checked:before {
    transform: translate(1.5rem, -50%);
}
[data-theme="dark"] .link-block-toggle:not(.link-block-toggle--disabled):hover {
    background-color: var(--color-gray-800);
}
@media (max-width: 992px) {
    .text-center--mobile .link-block--text {
        justify-content: center;
    }
    .text-center--mobile .link-block--text .title-wrapper {
        flex: 0 1 auto;
        width: auto;
    }
}
.link-block--read-state:visited,
.link-block--read-state:visited .item-title__title-label,
.link-block--read-state:visited .item-title__title-label-divider {
    color: var(--color-text-primary-read-state);
}
.contentlist {
    --contentlist-item-gap: var(--grid-base--x4);
    display: flex;
    flex-flow: column nowrap;
    gap: var(--contentlist-item-gap);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.contentlist__item {
    font-size: var(--contentlist-font-size);
    line-height: var(--contentlist-line-height);
}
.contentlist--grid {
    display: grid;
    gap: var(--grid-base--x8) var(--grid-base--x4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 480px) and (max-width: 767px) {
    .contentlist--grid {
        column-gap: var(--grid-base--x6);
    }
}
@media (min-width: 767px) {
    .columns--no-sidebar .contentlist--grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 992px) {
    .columns__main .contentlist--grid {
        column-gap: var(--grid-base--x6);
    }
}
.contentlist--timestamp {
    --contentlist-item-gap: var(--grid-base--x2);
}
.contentlist--datetime {
    --contentlist-item-gap: var(--grid-base--x6);
}
.contentlist--ranked {
    --contentlist-item-gap: var(--grid-base--x2);
}
.contentlist--ranked .contentlist__item {
    padding: 0;
}
.contentlist--text {
    --contentlist-item-gap: var(--grid-base--x3);
    margin: 0;
}
.contentlist--text .contentlist__item {
    padding: 0;
}
.contentlist--plain .contentlist__item .link-block--text {
    margin: 0;
}
.contentlist--plain,
.contentlist--thumb {
    --column-area: stretched;
}
.contentlist--plain .contentlist__item:not(.contentlist--plain .contentlist__item--wide),
.contentlist--thumb .contentlist__item:not(.contentlist--thumb .contentlist__item--wide) {
    padding-left: var(--edge-spacing);
    padding-right: var(--edge-spacing);
}
@media screen and (min-width: 627px) and (max-width: 767px) {
    .contentlist {
        --contentlist-font-size: 1rem;
    }
}
@media screen and (min-width: 996px) {
    .columns__main .contentlist {
        --contentlist-font-size: 1rem;
    }
}
@media screen and (min-width: 768px) {
    .contentlist--plain .contentlist__item:not(.contentlist--plain .contentlist__item--wide),
    .contentlist--thumb .contentlist__item:not(.contentlist--thumb .contentlist__item--wide) {
        padding-left: 0;
        padding-right: 0;
    }
}
.list-timeline {
    --timeline-dot-y-position: var(--grid-base--x2);
    --timeline-dot-y-transform: 0;
    --timeline-dot-color: var(--color-gray-600);
    --timeline-dash-color: var(--color-gray-600);
    --timeline-left-padding: var(--grid-base--x4);
    --timeline-dash-before-content: "";
    --timeline-quote-before-content: none;
    gap: 0;
    position: relative;
}
.list-timeline:before {
    border-bottom: 1px solid var(--timeline-dash-color);
    border-top: 1px solid var(--timeline-dash-color);
    content: var(--timeline-quote-before-content);
    height: 3px;
    left: 2px;
    position: absolute;
    top: 0;
    transform: skewY(20deg);
    width: 4px;
}
.list-timeline.list--first-of-type:before {
    bottom: 0;
    top: auto;
}
.list-timeline:not(.list--first-of-type) .link-block--timestamp:first-child:before {
    height: 150%;
    top: 0;
}
.list-timeline:not(.list--first-of-type) .link-block--timestamp:last-child:before {
    display: none;
}
.list-timeline > li {
    padding-bottom: var(--contentlist-item-gap);
    padding-left: var(--timeline-left-padding);
    position: relative;
}
.list-timeline > li .item-datetime {
    flex-basis: 2.5rem;
}
.list-timeline > li:after,
.list-timeline > li:before {
    content: "";
    display: block;
    position: absolute;
    top: var(--timeline-dot-y-position);
}
.list-timeline > li:before {
    border-left: 1px dashed var(--timeline-dash-color);
    height: 100%;
    left: 0.1875rem;
    transform: translateY(3px);
    width: 0;
}
.list-timeline > li:last-child {
    --timeline-dash-before-content: none;
    padding-bottom: 0;
}
.list-timeline > li:last-child:before {
    content: var(--timeline-dash-before-content);
    height: 35%;
}
.list-timeline > li:after {
    background-color: var(--timeline-dot-color);
    border-radius: 50%;
    height: 5px;
    left: 0.2188rem;
    transform: translateY(var(--timeline-dot-y-transform)) translate(-50%);
    width: 5px;
}
.list-timeline--centered {
    --timeline-dot-y-position: 50%;
    --timeline-dot-y-transform: -50%;
}
.list-timeline--branded {
    --timeline-dot-color: var(--brand-color);
}
.list-timeline--infinite {
    --timeline-quote-before-content: "";
}
.list-timeline--infinite > li:last-child {
    --timeline-dash-before-content: "";
}
.pop-out {
    --pop-out-hitbox-grace: 20px;
    --pop-out-position: relative;
    --pop-out-content-max-width: 450px;
    display: flex;
    gap: var(--grid-base--x2);
    position: relative;
    position: var(--pop-out-position);
}
.pop-out__content {
    background-color: var(--color-ui-bg);
    border: 1px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    box-shadow: 0 4px 12px #00000026;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: translateY(-2rem);
    visibility: hidden;
    width: auto;
}
.pop-out__scroll {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
    max-height: 40vh;
    max-width: 100%;
    min-width: 100%;
    overflow-y: auto;
    width: max-content;
}
.pop-out__scroll > * {
    padding: var(--grid-base--x2) var(--grid-base--x4);
}
.pop-out--show-content .pop-out__content,
.pop-out--trigger-hover:hover .pop-out__content {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 0.5s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.75, -0.02, 0.2, 0.97);
    visibility: visible;
    z-index: 10;
}
.pop-out--scrollable .pop-out__content:after {
    background: linear-gradient(0deg, #fff, #ffffffe6 15%, #fff0);
    bottom: 0;
    content: "";
    height: 6.25rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.pop-out--scrollable .pop-out__scroll {
    scrollbar-width: none;
}
.pop-out--scrollable .pop-out__scroll::-webkit-scrollbar {
    width: 0;
}
.pop-out--scrollable .pop-out__scroll > :nth-last-child(-n + 2) {
    position: relative;
    z-index: 20;
}
.pop-out--pop-down .pop-out__content {
    right: 0;
    top: calc(100% - var(--grid-base--x4) * -1);
}
.pop-out--pop-up .pop-out__content {
    bottom: calc(100% - var(--grid-base--x4) * -1);
    left: 0;
}
.pop-out--allow-fw {
    --pop-out-position: static;
}
.pop-out--allow-fw.pop-out--pop-down .pop-out__content {
    left: var(--grid-base--x2);
    right: var(--grid-base--x2);
    top: calc(42px + var(--grid-base--x2));
}
@media screen and (min-width: 768px) {
    .pop-out--allow-fw {
        --pop-out-position: relative;
    }
    .pop-out--allow-fw.pop-out--pop-down .pop-out__content {
        left: auto;
        right: 0;
    }
    .pop-out--allow-fw.pop-out--pop-down .pop-out__scroll {
        max-width: var(--pop-out-content-max-width);
    }
}
.pop-out--overflowing .pop-out__content {
    left: auto;
    right: 0;
}
[data-theme="dark"] .pop-out--scrollable .pop-out__content:after {
    background: linear-gradient(0deg, #fff, #ffffffe6 15%, #fff0);
}
.social-sharing {
    display: flex;
    gap: var(--grid-base--x2);
    position: relative;
}
.social-sharing .social-sharing__button {
    align-items: center;
    display: flex;
    justify-content: center;
}
.social-sharing .social-sharing__button-text {
    display: none;
}
@media screen and (min-width: 480px) {
    .social-sharing .social-sharing__button-text {
        display: block;
    }
}
.social-sharing__link {
    background-color: var(--color-ui-bg);
    display: flex;
    flex-flow: row nowrap;
    gap: var(--grid-base--x4);
    padding: var(--grid-base--x2) var(--grid-base--x4);
}
.social-sharing .icon {
    display: inline-flex;
}
.social-sharing .icon--whatsapp {
    color: #00bd6f;
}
.social-sharing .icon--facebook {
    color: #4c66a4;
}
.social-sharing .icon--twitter {
    color: #00a0d1;
}
.social-sharing .icon--linkedin {
    color: #0082b9;
}
.social-sharing .icon--envelope {
    color: #c40000;
}
.social-sharing:hover .social-sharing__button {
    z-index: 20;
}
.article-meta {
    overflow: visible !important;
}
.article-meta__static {
    display: flex;
    flex-direction: column;
    row-gap: var(--grid-base);
}
.article-meta__static-info {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
}
.article-meta__interactive {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-base--x4);
}
.article-meta--top {
    align-items: center;
    column-gap: var(--grid-base--x2);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}
.article-meta--top .article-meta__static-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-meta--top .article-meta__interactive {
    flex-shrink: 0;
}
.article-meta--bottom {
    align-items: center;
    display: flex;
    flex-flow: row-reverse wrap;
    gap: var(--grid-base--x4);
    justify-content: flex-end;
}
.article-meta--bottom .article-meta__interactive {
    margin-right: auto;
}
@media screen and (min-width: 600px) {
    .article-meta__static-info {
        font-size: 0.875rem;
        line-height: 1rem;
    }
}
.horizontal-direction {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.horizontal-spread {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.horizontal-stacked {
    display: flex;
    flex-flow: row wrap;
    gap: var(--grid-base--x2) var(--grid-base--x4);
    justify-content: flex-start;
}
.article {
    --column-area: stretched;
}
.article > * {
    --column-area: padded;
    flex-wrap: wrap;
}
.linked-tags {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: var(--grid-base--x4);
    margin: 0;
}
.vertical-direction {
    display: flex;
    flex-direction: column;
}
.contextual,
.summary {
    border: 2px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    margin: 0;
    overflow: hidden;
    padding: var(--grid-base--x4);
}
.contextual {
    --contextual-bg-color: var(--color-ui-bg);
    --contextual-border-color: var(--brand-background-color-hover);
    background-color: var(--contextual-bg-color);
    border-color: var(--contextual-border-color);
}
.vertical-video-page {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100dvh;
    margin-top: 0;
    overflow-y: auto;
    padding-top: 1rem;
    scroll-snap-type: y mandatory;
    touch-action: auto;
    width: max-content;
    -webkit-overflow-scrolling: touch;
}
@media (prefers-contrast: more) {
    .contextual {
        --contextual-border-color: var(--brand-color-one);
    }
}
.byline {
    align-items: center;
    display: flex;
    gap: var(--grid-base--x4);
    margin-right: 0;
}
.byline .textblock {
    padding: 0;
}
.byline img {
    aspect-ratio: 1/1;
    border: 2px solid var(--color-gray-300);
    border-radius: 50%;
    width: 2.5rem;
}
.followtag {
    border: 0.125rem solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    padding: var(--grid-base--x4);
}
.followtag .header-block__header {
    font-size: var(--body-font-size--s1);
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--body-line-height--s1);
    margin-bottom: var(--grid-base--x4);
}
.followtag > span {
    display: block;
    margin-bottom: var(--grid-base--x4);
}
.followtag--compact {
    padding: 0.5rem;
}
.follow-tags-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    row-gap: 1rem;
}
.follow-tags-list__item {
    column-gap: 0.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
    padding: 0;
}
.follow-tags-list__item .link-block {
    justify-content: left;
    max-width: fit-content;
    width: 100%;
}
.follow-tags-list__item .link-block .item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.follow-tags-list__item .link-block .item-title__title {
    display: block;
}
.follow-tags-floating-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    place-content: start start;
}
.featured-comments,
.login-wall {
    display: flex;
    flex-direction: column;
    gap: var(--grid-base--x4);
}
.login-wall {
    --box-shadow-offset: 3px;
    border-radius: var(--corner-radius-100x);
    box-shadow: 0 4px 12px #00000026;
    margin: 0 3px 0 0;
    margin: 0 var(--box-shadow-offset) 0 0;
    overflow: visible !important;
    padding: var(--grid-base--x4);
    position: relative;
    text-align: center;
}
.login-wall:before {
    background: linear-gradient(180deg, transparent, var(--color-ui-bg));
    content: "";
    display: block;
    height: 100px;
    margin-left: calc(var(--container-gutter-left) * -1);
    position: absolute;
    top: calc(var(--box-shadow-offset) * -1);
    transform: translate(calc(var(--grid-base--x4) * -1), -100%);
    width: 100%;
}
.qa-block {
    align-items: start;
}
.qa-block,
.qa-block-login-wall {
    border: 2px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    display: flex;
    flex-direction: column;
    gap: var(--grid-base--x4);
    padding: var(--grid-base--x4);
}
.qa-block-login-wall {
    margin: 0 var(--box-shadow-offset) 0 0;
    text-align: left;
}
.qa-block-login-wall-buttons {
    display: flex;
    flex-direction: row;
    gap: var(--grid-base--x4);
}
.semi-authorized-content {
    --fade-start: 50%;
    mask-image: linear-gradient(180deg, #fff 50%, transparent);
    mask-image: linear-gradient(to bottom, #fff var(--fade-start), transparent);
}
.authorized-content,
.blocks-container-hidden.hidden,
.hidden {
    display: none;
}
.advertorial-banner {
    align-items: center;
    background-color: var(--color-gray-300);
    display: flex;
    justify-content: space-between;
}
.advertorial-banner span {
    color: var(--color-gray-600);
    font-size: 0.875rem;
    margin-left: var(--grid-base--x3);
}
.advertorial-banner img {
    max-height: 2.5rem;
    padding: var(--grid-base);
}
.topbar {
    color: var(--color-section-algemeen);
    margin-bottom: var(--grid-base--x4);
}
.topbar__date {
    align-items: center;
    display: none;
    flex: 0 1 37.5rem;
    font-size: 0.8125rem;
}
.topbar__date h1 {
    font-size: var(--heading-font-size--s0);
    font-weight: var(--font-weight-primary-regular);
    margin-left: var(--grid-base);
}
.app-wrapper--in-app-view .topbar {
    display: none;
}
.follow-tags-floating-list-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, auto);
}
.follow-tags-floating-list-container .app-image {
    border-radius: var(--corner-radius-image);
    margin-bottom: var(--grid-base--x4);
    width: 100%;
}
.follow-tags-floating-list-container .textblock {
    margin-bottom: var(--grid-base--x4);
}
.buttons-bar {
    column-gap: 1rem;
    display: flex;
}
.blocks-container-info-block {
    background-color: var(--color-ui-bg-tooltip);
    border-radius: var(--corner-radius-contextual-block);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    padding: var(--grid-base--x4);
    row-gap: var(--grid-base--x2);
}
.blocks-container-info-block .app-image {
    aspect-ratio: 1/1;
    border-radius: var(--corner-radius-image);
    grid-column: 1;
    grid-row: 1;
    margin-right: var(--grid-base--x4);
    width: 3rem;
}
.blocks-container-info-block > span {
    color: var(--color-gray-0);
    font-size: var(--body-font-size--s0);
    grid-column: 2;
    grid-row: 1;
    line-height: var(--body-line-height--s0);
}
.blocks-container-info-block .buttons-bar {
    grid-column: 1/3;
    grid-row: 2;
    justify-content: flex-end;
}
.blocks-container-info-block .buttons-bar .app-button--inversed {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-text-on-color);
    padding: 0;
}
@media screen and (min-width: 896px) {
    .vertical-video-page {
        gap: var(--grid-base--x4);
    }
}
@media screen and (min-width: 768px) {
    .topbar__date {
        display: flex;
    }
}
@media screen and (min-width: 996px) {
    .follow-tags-floating-list-container {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .follow-tags-floating-list-container .textblock {
        grid-column: 1/-1;
        grid-row: 1;
    }
    .follow-tags-floating-list-container .follow-tags-floating-list {
        grid-column: 1;
        grid-row: 2;
    }
    .follow-tags-floating-list-container .app-image {
        grid-column: 2;
        grid-row: 2;
        height: 8.5rem;
        margin: 0 0 0 var(--grid-base--x4);
        width: auto;
    }
}
@media screen and (min-width: 480px) {
    .vertical-video-page {
        height: auto;
        margin-top: 1.125rem;
        overflow-y: visible;
        padding-top: unset;
        scroll-behavior: unset;
        scroll-snap-type: unset;
    }
}
[data-theme="dark"] .advertorial-banner {
    background-color: var(--color-gray-800);
}
[data-theme="dark"] .contextual {
    --contextual-bg-color: var(--color-gray-900);
    --contextual-border-color: var(--color-gray-800);
}
.details {
    --details-figure-size: 2.5rem;
    --details-chevron-size: 1.5rem;
    border: 1px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    position: relative;
}
.details__summary {
    cursor: pointer;
    list-style: none;
}
.details__summary::-webkit-details-marker,
.details__summary::marker {
    display: none;
}
.details__summary:focus {
    border: none;
    outline: none;
}
.details__summary__wrapper {
    align-items: center;
    display: flex;
    padding: var(--grid-base--x4);
    user-select: none;
}
.details__figure {
    margin: 0;
    padding: 0;
}
.details__img {
    height: var(--details-figure-size);
    width: var(--details-figure-size);
}
.details__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 var(--grid-base--x4);
}
.details__title:after {
    content: url("");
    display: block;
    flex: 0 0 var(--details-chevron-size);
    font-size: var(--heading-font-size--s1);
    font-weight: var(--font-weight-bold);
    height: var(--details-chevron-size);
    right: calc(var(--details-chevron-size) + var(--grid-base--x2));
    width: var(--details-chevron-size);
}
.details__content,
.details__title {
    flex: auto;
}
.details__content:first-line,
.details__title:first-line {
    line-height: 1;
}
.details__content {
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
    padding: 0 var(--grid-base--x4) var(--grid-base--x4) calc(var(--details-figure-size) + var(--grid-base--x8));
}
.details__content table {
    width: 100%;
}
.details[open] {
    border-color: var(--color-navy-1000);
}
.details[open] .details__summary__wrapper {
    align-items: flex-start;
    padding: var(--grid-base--x4) var(--grid-base--x4) 0 var(--grid-base--x4);
}
.details[open] .details__figure {
    position: absolute;
}
.details[open] .details__title {
    align-items: flex-start;
    margin-bottom: var(--grid-base--x2);
    margin-left: calc(var(--details-figure-size) + var(--grid-base--x4));
}
.details[open] .details__title:after {
    content: url("");
}
@media screen and (min-width: 600px) {
    .details {
        --details-figure-size: 3rem;
    }
}
[data-theme="dark"] .details__img:not([src*="road"]),
[data-theme="dark"] .details__title:after {
    filter: brightness(0) invert(1);
}
.app-divider {
    background-color: var(--color-ui-stroke-dividers);
    border: 0;
    display: block;
    height: 1px;
    margin: 0;
}
.external-embed {
    margin: 0;
    padding: 0;
}
.infographic__content-frame {
    height: 100%;
    max-width: none;
    min-height: 95px;
    position: absolute;
    top: 0;
    width: 100%;
}
.infographic__meta {
    font-size: var(--body-font-size--s0);
    padding: var(--grid-base--x2);
}
.infographic__provider {
    margin-right: var(--grid-base);
}
.infographic__provider a {
    text-decoration: underline;
}
.infographic__content {
    padding-top: 75%;
    position: relative;
}
.tracking-pixel {
    left: 100%;
    position: fixed;
    top: 100%;
    visibility: hidden;
}
.web-embed iframe {
    border: none;
    max-width: 100%;
}
.app-wrapper--in-app-view .tvgm-pager__header,
.app-wrapper--in-app-view .tvgm-pager__header--full-view {
    top: 0 !important;
}
.error-block {
    color: var(--color-red-700);
}
.error-block__message {
    margin: 0;
}
.form-element {
    min-width: 100%;
}
.form-element--textarea {
    border: 1px solid var(--color-gray-300);
    border-radius: var(--corner-radius-inputfield);
    min-height: 80px;
    min-width: 100%;
    padding: var(--grid-base--x2) var(--grid-base--x4);
}
.form-element--counter {
    display: flex;
    flex-direction: row-reverse;
    font-size: var(--subline-font-size);
}
[data-theme="dark"] .form-element--textarea {
    background-color: var(--color-gray-900);
    color: var(--color-gray-200);
}
.header {
    color: var(--brand-color);
    font-size: 1.5rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
    margin: 0;
    word-break: break-word;
}
.header-block__header {
    display: flex;
    gap: var(--grid-base--x2);
    margin: 0;
}
.header-block__link:hover {
    text-decoration: underline;
}
.header-block__icon {
    align-items: flex-start;
    align-self: flex-start;
    margin-top: 2px;
}
.header-block__subtitle {
    margin-bottom: 0;
    margin-top: var(--grid-base--x2);
}
.image-header-block__title {
    color: var(--color-gray-0);
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.125rem;
    line-height: 1.33333;
    margin: 0;
}
.image-header-block__label {
    align-self: flex-start;
    background-color: var(--color-text-live);
    border-radius: var(--corner-radius-100x);
    font-size: 0.75rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.16667;
    margin-bottom: var(--grid-base--x4);
    padding: var(--grid-base) var(--grid-base--x3);
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    .image-header-block__title {
        font-size: 1.375rem;
        line-height: 1.27273;
    }
}
.image-figure-block__copyright {
    display: inline;
    font-style: normal;
    font-weight: var(--font-weight-regular);
}
.image-figure-block__caption-text + .image-figure-block__copyright:before {
    content: " | ";
}
.image-block--stretched {
    --column-area: stretched;
}
.widget-navigation__item {
    align-items: center;
    background: none;
    border: none;
    border-radius: var(--corner-radius-100x);
    color: var(--color-text-primary);
    cursor: pointer;
    display: flex;
    font-weight: var(--font-weight-bold);
    padding: var(--grid-base--x2) var(--grid-base--x4);
    text-decoration: none;
    white-space: nowrap;
}
.widget-navigation__item:focus,
.widget-navigation__item:hover {
    background-color: var(--color-gray-200);
    outline: none;
}
.widget-navigation__item .icon {
    display: none;
    font-size: 1.25rem;
    height: 1.125rem;
    margin-right: var(--grid-base--x2);
}
.router-link-active {
    background-color: var(--color-gray-200);
    outline: none;
}
@media screen and (min-width: 600px) {
    .widget-navigation__item .icon {
        display: inherit;
    }
}
[data-theme="dark"] .widget-navigation__item:focus,
[data-theme="dark"] .widget-navigation__item:hover {
    background-color: var(--color-gray-800);
}
[data-theme="dark"] .widget-navigation__item .icon {
    filter: brightness(0) invert(1);
}
[data-theme="dark"] .router-link-active {
    background-color: var(--color-gray-800);
}
.placeholder-block {
    display: none;
}
.recommended {
    --column-area: stretched;
}
.recommended__header {
    margin-bottom: var(--grid-base--x4);
    padding-left: var(--edge-spacing);
    padding-right: var(--edge-spacing);
}
@media screen and (min-width: 768px) {
    .recommended__header {
        padding-left: 0;
        padding-right: 0;
    }
}
.scoreboard {
    padding: 0 var(--grid-base--x2);
    text-transform: capitalize;
    --button-width: 5.75rem;
    --button-space: calc(var(--grid-base--x4) + var(--button-width));
}
.scoreboard__title {
    color: var(--color-section-sport);
    font-size: 1.5rem;
    margin-bottom: var(--grid-base--x4);
}
.scoreboard__icon {
    width: 2.5rem;
}
.scoreboard__nav-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.scoreboard__nav-buttonsbar {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    scrollbar-width: none;
    width: 100%;
}
.scoreboard__nav-buttons {
    display: grid;
    font-size: 0.625rem;
    gap: var(--grid-base--x4);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    justify-content: space-evenly;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}
.scoreboard__nav-buttons__nav-buttons-item {
    flex: 1 0 0;
    max-width: calc(var(--button-width) + var(--grid-base--x4));
    min-width: var(--button-width);
}
.scoreboard__nav-linkbar {
    display: flex;
    gap: var(--grid-base--x4);
    list-style-type: none;
    margin-bottom: var(--grid-base--x2);
    padding: 0;
    width: 100%;
}
.scoreboard__overview {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}
.scoreboard__overview-title {
    color: var(--color-section-sport);
    font-size: 1.5rem;
    height: 22px;
    margin: var(--grid-base--x4) 0;
    text-align: center;
}
.scoreboard__overview-container {
    display: grid;
    gap: var(--grid-base--x4);
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.scoreboard__competition-title {
    align-items: center;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: flex;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    gap: var(--grid-base--x2);
    justify-content: center;
    letter-spacing: 0.0187rem;
    line-height: normal;
    padding: var(--grid-base--x4) 0;
    width: 100%;
}
.scoreboard__competition-icon {
    width: 2rem;
}
.scoreboard__divider {
    margin: var(--grid-base--x4) 0;
}
@media screen and (max-width: 968px) {
    .scoreboard__nav-buttons,
    .scoreboard__overview-container {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media screen and (max-width: 425px) {
    .scoreboard__nav-buttons,
    .scoreboard__overview-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 375px) {
    .scoreboard__nav-buttons {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (max-width: 320px) {
    .scoreboard__nav-buttons,
    .scoreboard__overview-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
[data-theme="dark"] .scoreboard__competition-icon,
[data-theme="dark"] .scoreboard__icon {
    background-color: #fff;
    border-radius: var(--corner-radius-050x);
    padding: 0.125rem;
}
[data-theme="dark"] .scoreboard__icon {
    height: 2.625rem;
    width: 2.625rem;
}
.skeleton-text-block {
    --line-color: var(--color-ui-bg-skeleton);
    --shine-color: var(--color-gray-300);
    --font-size: var(--body-font-size--s1);
    --line-height: var(--body-line-height--s1);
    margin: 0;
}
.skeleton-text-block--small {
    --font-size: var(--body-font-size--s0);
    --line-height: var(--body-line-height--s0);
}
.skeleton-text-block--half {
    width: 50%;
}
.skeleton-text-block__row {
    background-color: var(--line-color);
    height: var(--font-size);
    margin-bottom: calc(var(--line-height) - var(--font-size));
    overflow: hidden;
}
.skeleton-text-block__row:last-child {
    margin-right: 3.125rem;
}
.skeleton-text-block__row:before {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: shine;
    background-image: linear-gradient(90deg, var(--line-color) 0, var(--shine-color) 40px, var(--line-color) 80px);
    content: "";
    display: block;
    height: 100%;
    transform: translate(-80px);
    width: 100%;
}
@keyframes shine {
    0% {
        transform: translate(-80px);
    }
    to {
        transform: translate(2000px);
    }
}
.data-provider__link {
    align-items: center;
    color: var(--color-gray-600);
    display: flex;
    justify-content: center;
    text-decoration: none;
}
.data-provider__logo {
    margin-left: var(--grid-base--x2);
    max-height: 2rem;
}
[data-theme="dark"] .data-provider__logo {
    filter: brightness(0) invert(1);
}
.textblock {
    margin: 0;
}
.textblock.body {
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
}
.textblock p {
    margin: 0;
}
.textblock a {
    text-decoration: underline;
}
.textblock a,
.textblock a:active,
.textblock a:hover {
    color: var(--brand-color);
}
.textblock a:visited {
    color: var(--color-gray-600);
}
.textblock ol,
.textblock ul {
    margin: 0;
}
.textblock ol li::marker,
.textblock ol li:before,
.textblock ul li::marker,
.textblock ul li:before {
    color: var(--brand-color);
}
.textblock ul li {
    list-style-type: disc;
}
.textblock h1:nth-child(n + 2),
.textblock h2:nth-child(n + 2),
.textblock h3:nth-child(n + 2),
.textblock ol:nth-child(n + 2),
.textblock p:nth-child(n + 2),
.textblock ul:nth-child(n + 2) {
    margin-top: var(--grid-base--x4);
}
.textblock.timestamp {
    color: var(--color-sub-text);
    padding-left: 1.5em;
    position: relative;
}
.textblock.timestamp:first-letter {
    text-transform: capitalize;
}
.textblock.timestamp:before {
    content: "•";
    font-size: 2em;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.textblock.timestamp--unread {
    color: var(--color-section-live);
}
.textblock.paragraph,
.textblock.summary__body {
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
}
.textblock.paragraph--lead,
.textblock.summary__body--lead {
    font-weight: var(--font-weight-semi-bold);
}
.textblock.summary__body h1,
.textblock.summary__body h2,
.textblock.summary__body h3 {
    color: var(--brand-color);
}
.textblock.summary__body h3 {
    font-size: 1rem;
}
.textblock.summary__body ol,
.textblock.summary__body ul {
    padding-left: var(--grid-base--x4);
}
.textblock.summary__body ol * + *,
.textblock.summary__body ul * + * {
    margin-top: var(--grid-base--x3);
}
.textblock.heading {
    color: var(--brand-color);
    font-size: 1.25rem;
    font-weight: var(--font-weight-semi-bold);
    line-height: 1.4375rem;
}
.textblock.heading--contextualblock {
    margin: 0 0 var(--grid-base--x4) 0;
    padding: 0;
}
.textblock.heading--contextualblock:not(:first-of-type) {
    color: var(--color-text-primary);
}
.textblock.heading--liveblog {
    align-items: center;
    color: var(--color-section-live);
    display: flex;
    font-size: var(--heading-font-size--s2);
    font-weight: var(--font-weight-bold);
    line-height: var(--body-line-height--s1);
}
.textblock.heading--tags {
    color: var(--brand-color);
    display: block;
    font-weight: var(--font-weight-semi-bold);
    margin: 0;
    padding: 0;
}
.textblock.author,
.textblock.heading--tags {
    font-size: var(--body-font-size--s0);
    line-height: var(--body-line-height--s0);
}
.textblock.author {
    font-style: normal;
    text-decoration: none;
}
.textblock.quote,
.textblock.quote__author {
    text-align: center;
}
.textblock.quote {
    font-size: 1.0625rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.75rem;
}
.textblock.quote:before {
    content: "“";
}
.textblock.quote:after {
    content: "”";
}
.textblock.quote__author {
    display: block;
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
}
.separator {
    padding: var(--grid-base--x2);
    text-align: center;
}
.separator--grey {
    background-color: var(--color-gray-200);
    color: var(--color-gray-600);
}
[data-theme="dark"] .separator--grey {
    background-color: var(--color-gray-900);
}
.video-meta__info {
    margin: 0 0 var(--grid-base--x4) var(--grid-base--x4);
}
.video-meta__title {
    font-size: 1.125rem;
    font-weight: var(--font-weight-regular);
    line-height: 1.11111;
    margin: 0 0 0.625rem;
}
.video-meta__description,
.video-meta__published-at {
    font-weight: var(--font-style-weight);
    line-height: var(--font-style-height);
}
.video-meta__published-at {
    color: #a9c7e0;
    display: block;
    font-size: 0.75rem;
}
.video-meta__published-at span {
    display: none;
}
@media screen and (min-width: 600px) {
    .video-meta__published-at span {
        display: inline-block;
    }
}
.video-preview[data-v-da9dd1a1] {
    --video-preview-icon-size: 2rem;
    --video-preview-default-offset: var(--grid-base--x4);
    --video-preview-title-font-size: 0.875rem;
    --video-preview-title-line-height: 1.28571;
    --video-preview-duration-font-size: 0.8125rem;
    --video-preview-duration-line-height: 1.15385;
    --video-preview-caption-offset: var(--video-preview-default-offset);
    --video-preview-caption-offset-top: var(--grid-base--x11);
    --video-preview-caption-offset-bottom: var(--video-preview-default-offset);
    --video-preview-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
.video-preview[data-v-da9dd1a1],
.video-preview__wrapper[data-v-da9dd1a1] {
    background-color: var(--color-ui-bg-skeleton);
    border-radius: var(--video-preview-border-radius);
    overflow: hidden;
    position: relative;
}
.video-preview--vertical .video-preview__wrapper[data-v-da9dd1a1] {
    padding-bottom: var(--ratio-9-16);
}
.video-preview--horizontal .video-preview__wrapper[data-v-da9dd1a1] {
    padding-bottom: var(--ratio-16-9);
    width: 100%;
}
.video-preview__image[data-v-da9dd1a1] {
    height: 100%;
    left: 50%;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 100%;
}
.video-preview__caption[data-v-da9dd1a1] {
    align-items: center;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3) 97.43%);
    bottom: 0;
    display: flex;
    margin: 0;
    padding: var(--video-preview-caption-offset-top) var(--video-preview-caption-offset) var(--video-preview-caption-offset-bottom) var(--video-preview-caption-offset);
    position: absolute;
    width: 100%;
}
.video-preview__icon[data-v-da9dd1a1] {
    color: var(--color-gray-0);
    height: var(--video-preview-icon-size);
    width: var(--video-preview-icon-size);
}
.video-preview__title[data-v-da9dd1a1] {
    color: var(--color-gray-0);
    display: -webkit-box;
    font-size: var(--video-preview-title-font-size);
    line-height: var(--video-preview-title-line-height);
    margin: 0 0 calc(var(--grid-base--x4) * -1), 0;
    overflow: hidden;
    padding: var(--grid-base) 0 var(--grid-base) var(--video-preview-default-offset);
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.video-preview__duration[data-v-da9dd1a1] {
    background: #00000040;
    border-radius: var(--corner-radius-050x);
    color: var(--color-gray-0);
    font-size: var(--video-preview-duration-font-size);
    line-height: var(--video-preview-duration-line-height);
    margin: 0;
    padding: var(--grid-base);
    position: absolute;
    right: var(--video-preview-default-offset);
    top: var(--video-preview-default-offset);
}
.video-block--breakout .video-preview[data-v-da9dd1a1] {
    --video-preview-border-radius: 0;
}
@media screen and (min-width: 768px) {
    .video-preview[data-v-da9dd1a1] {
        --video-preview-border-radius: var(--corner-radius-100x);
    }
}
@media screen and (min-width: 627px) and (max-width: 767px) {
    .video-preview[data-v-da9dd1a1] {
        --video-preview-icon-size: 3.5rem;
        --video-preview-default-offset: var(--grid-base--x8);
        --video-preview-title-font-size: 1.375rem;
        --video-preview-title-line-height: 1.27273;
        --video-preview-caption-offset-top: var(--grid-base--x22);
    }
}
@media screen and (min-width: 996px) {
    .col-main .video-preview[data-v-da9dd1a1] {
        --video-preview-icon-size: 3.5rem;
        --video-preview-default-offset: var(--grid-base--x8);
        --video-preview-title-font-size: 1.375rem;
        --video-preview-title-line-height: 1.27273;
        --video-preview-caption-offset-top: var(--grid-base--x22);
    }
}
@media screen and (min-width: 480px) {
    .video-preview--vertical[data-v-da9dd1a1],
    .video-preview--vertical .video-preview__wrapper[data-v-da9dd1a1] {
        max-height: var(--vertical-video-height);
        max-width: var(--vertical-video-width);
    }
    .video-preview--vertical .video-preview__wrapper[data-v-da9dd1a1] {
        height: var(--vertical-video-height);
        width: var(--vertical-video-width);
    }
}
[data-theme="dark"] .video-preview__wrapper[data-v-da9dd1a1] {
    background-color: var(--color-gray-900);
}
.embed-player {
    background-color: #000;
    padding-bottom: var(--ratio-16-9);
    position: relative;
    width: 100%;
}
.embed-player .video-preview {
    position: absolute;
}
.embed-player iframe,
.embed-player__preview-image {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .embed-player--inline,
    .embed-player--inline .embed-player__preview-image,
    .embed-player--inline iframe {
        border-radius: var(--corner-radius-100x);
    }
}
.jw-player-horizontal {
    background-color: var(--color-gray-0);
    border-radius: var(--corner-radius-jwplayer-video);
    position: relative;
    width: 100%;
}
.jw-player-horizontal:before {
    content: "";
    display: block;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 0 var(--ratio-16-9);
    width: 1px;
}
.jw-player-horizontal:after {
    content: "";
    display: block;
}
.jw-player-horizontal__player {
    background-color: #000;
    width: 100%;
}
.jw-player-horizontal__player:before {
    content: "";
    display: block;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 0 var(--ratio-16-9);
    width: 1px;
}
.jw-player-horizontal__player:after {
    content: "";
    display: block;
}
.jw-player-horizontal__preview-image {
    display: block;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .jw-player-horizontal__player--inline,
    .jw-player-horizontal__player--inline .jwplayer,
    .jw-player-horizontal__player--inline .player,
    .jw-player-horizontal__player--inline .player__preview-image {
        border-radius: var(--corner-radius-100x);
    }
}
.talk2022 {
    --palette-primary-700: #68a00e;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
}
.talk2022 .talk-login-banner {
    align-items: center;
    border-radius: var(--spacing-2);
    box-shadow: 0 var(--spacing-1) var(--spacing-3) #00000026;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-primary);
    gap: var(--spacing-4);
    justify-content: center;
    margin: var(--spacing-4) var(--spacing-3);
    padding: var(--spacing-4);
    text-align: center;
}
.talk2022 .talk-login-icon:after {
    content: url("");
}
.talk2022 .talk-login-icon {
    margin: 0;
}
.talk2022 .talk-login-title {
    font-size: var(--heading-font-size--s2);
    line-height: var(--heading-line-height--s2);
    margin: 0;
}
.talk2022 .talk-login-text {
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
    margin: 0;
}
.talk2022 .talk-button {
    background: var(--palette-primary-700);
    border: 1px solid var(--palette-primary-700);
    border-radius: var(--spacing-2);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    font-weight: var(--font-weight-bold, 700);
    margin: 0;
    max-width: 95%;
    padding: var(--spacing-2) var(--spacing-3);
    width: 315px;
}
.talk2022 .talk-login-button {
    background: transparent;
    border-color: var(--color-navy-1000);
    color: var(--color-navy-1000);
    font-weight: var(--font-weight-regular);
}
.talk2022 .talk-login-button-link {
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--body-font-size--s0);
    margin-left: var(--spacing-1);
    text-decoration: underline;
}
[data-theme="dark"] .talk2022 .talk-login-banner {
    box-shadow: none;
}
[data-theme="dark"] .talk2022 .talk-login-button {
    border-color: var(--color-text-primary);
    color: var(--color-text-primary);
}
.modal {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.18s ease;
    width: 100%;
}
.modal--enter-from,
.modal--leave-to {
    opacity: 0;
}
.modal__container {
    background-color: var(--color-ui-bg);
    border-radius: var(--corner-radius-075x);
    box-shadow: 0 0.2rem 0.8rem #00000054;
    color: var(--color-text-primary);
    display: flex;
    flex-direction: column-reverse;
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
    margin: var(--grid-base--x4);
    max-height: calc(100vh - var(--grid-base--x4) * 2);
    max-width: calc(100vw - var(--grid-base--x4) * 2);
    overflow: auto;
    padding: 2rem;
    text-align: center;
}
.modal--enter-from .modal__container,
.modal--leave-to .modal__container {
    transform: scale(1.03);
}
.modal__header {
    align-self: center;
    font-size: 1.125rem;
    margin: 0 0 1rem;
}
.modal__close-button {
    align-self: flex-end;
    background-color: transparent;
    border: none;
    color: var(--color-gray-500);
    line-height: 0;
    margin: calc(var(--grid-base--x3) * -1);
    margin-bottom: var(--grid-base--x3);
    padding: 0;
    transition: all 0.13s ease;
}
.modal__close-button:focus,
.modal__close-button:hover {
    color: var(--brand-color);
    transform: scale(1.02);
}
.modal__close-button:focus-visible {
    position: relative;
}
.modal__close-button:focus-visible:after {
    aspect-ratio: 1/1;
    box-shadow: inset 0 0 0 2px currentcolor;
    content: "";
    left: -0.25rem;
    position: absolute;
    top: -0.25rem;
    width: 1.5rem;
    z-index: 30;
}
.modal--breaking-push .modal__container {
    width: 37.5rem;
}
.modal--expert-label .modal__container {
    width: 35rem;
}
@media screen and (min-width: 480px) {
    .modal__close-button {
        margin: 0;
    }
}
.modal-title {
    align-self: center;
    font-size: 1.125rem;
    line-height: 1.2937rem;
    margin: 0 0 var(--grid-base--x4);
}
@media screen and (min-width: 600px) {
    .modal-title {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }
}
.expert-modal__badge {
    align-self: center;
    margin-bottom: var(--grid-base--x4);
}
.expert-modal__body {
    align-self: center;
    margin: 0;
}
.expert-modal__body-text {
    color: var(--color-section-algemeen);
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s1);
    margin: 0 0 var(--grid-base--x4);
}
.expert-modal__default-button {
    align-self: center;
    background-color: var(--color-green-600);
    border-color: var(--color-green-600);
    border-radius: var(--corner-radius-100x);
    color: var(--color-gray-0);
    display: inline-block;
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--button-line-height);
    margin: var(--grid-base--x4) 0 0;
    padding: var(--grid-base--x3) var(--grid-base--x4);
}
.expert-modal__default-button:active,
.expert-modal__default-button:focus,
.expert-modal__default-button:hover {
    color: var(--color-gray-0);
}
.talk2022-spinner-container {
    display: flex;
    justify-content: center;
}
.talk2022-spinner-container .talk2022-spinner .circle {
    stroke: #f67150;
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    animation: spinner-dash 1.4s ease-in-out infinite, spinner-colors 5.6s ease-in-out infinite;
    transform-origin: center;
}
@keyframes spinner-dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }
    to {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}
@keyframes spinner-colors {
    0% {
        stroke: #f67150;
    }
    to {
        stroke: #f6a47e;
    }
}
.talk2022__divider,
.talk2022__header {
    margin-bottom: var(--grid-base--x4);
}
.talk2022__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.coral-count {
    display: none;
}
.jw-player-vertical__social-sharing-container {
    align-items: center;
    animation: fade-in-scale 0.4s ease-out;
    background-color: var(--color-gray-1000);
    border: 1px solid var(--color-gray-700);
    border-radius: var(--corner-radius-vertical-video-share);
    bottom: 12px;
    box-shadow: 0 4px 12px #00000026;
    display: flex;
    gap: 12px;
    justify-content: center;
    left: 20px;
    padding: 16px;
    position: absolute;
    z-index: 100;
}
.jw-player-vertical__social-sharing-icon-bluesky,
.jw-player-vertical__social-sharing-icon-email,
.jw-player-vertical__social-sharing-icon-facebook,
.jw-player-vertical__social-sharing-icon-linkedin,
.jw-player-vertical__social-sharing-icon-whatsapp,
.jw-player-vertical__social-sharing-icon-x {
    color: var(--color-gray-200);
    cursor: pointer;
    transition: color 0.2s ease;
}
.jw-player-vertical__social-sharing-icon-bluesky:hover,
.jw-player-vertical__social-sharing-icon-email:hover,
.jw-player-vertical__social-sharing-icon-facebook:hover,
.jw-player-vertical__social-sharing-icon-linkedin:hover,
.jw-player-vertical__social-sharing-icon-whatsapp:hover,
.jw-player-vertical__social-sharing-icon-x:hover {
    transition: color 0.2s ease;
}
.jw-player-vertical__social-sharing-icon-whatsapp:hover {
    color: var(--color-green-700);
}
.jw-player-vertical__social-sharing-icon-facebook:hover {
    color: #1877f2;
}
.jw-player-vertical__social-sharing-icon-bluesky:hover {
    color: #0084ff;
}
.jw-player-vertical__social-sharing-icon-linkedin:hover {
    color: #0077b5;
}
.jw-player-vertical__social-sharing-icon-email {
    padding-top: 5px;
}
.jw-player-vertical__social-sharing-icon-email:hover {
    color: var(--color-red-600);
}
@keyframes fade-in-scale {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
:root {
    --text-shadow-color: 0 1px 6px rgba(0, 0, 0, 0.6);
}
.jw-player-vertical__custom-controls {
    inset: 0;
    position: absolute;
}
.jw-player-vertical__custom-controls-container--top-right {
    position: absolute;
    right: 0.3rem;
    top: 1rem;
}
.jw-player-vertical__custom-controls-container--top-left {
    left: 0.3rem;
    position: absolute;
    top: 1rem;
}
.jw-player-vertical__custom-controls-container--center {
    position: absolute;
    right: calc(50% - 24px);
    top: calc(50% - 24px);
}
.jw-player-vertical__custom-controls-container--bottom {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.45) 30.21%);
    border-bottom-left-radius: var(--corner-radius-jwplayer-video);
    border-bottom-right-radius: var(--corner-radius-jwplayer-video);
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 1.5rem;
    left: 0;
    padding: 0 1rem 1.5rem;
    position: absolute;
    right: 0;
}
.jw-player-vertical__custom-controls-button,
.jw-player-vertical__custom-controls-button-more {
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.jw-player-vertical__custom-controls-container--bottom-button-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.5rem;
}
.jw-player-vertical__custom-controls-info {
    color: var(--color-gray-0);
    width: 100%;
}
.jw-player-vertical__custom-controls-info-title {
    color: var(--color-gray-0);
    font-size: var(--heading-font-size--s3);
    line-height: var(--heading-line-height--s3);
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
    text-shadow: var(--text-shadow-color);
}
.jw-player-vertical__custom-controls-info-published-at {
    color: var(--color-gray-0);
    font-size: var(--font-size-sub-text--s0);
}
.jw-player-vertical__custom-controls-info-description {
    color: var(--color-gray-0);
    display: none;
    font-size: var(--body-font-size--s1);
    letter-spacing: 0.3px;
    line-height: var(--body-line-height--s3);
}
.jw-player-vertical__custom-controls-info-description--show {
    animation: description-animation 0.7s ease-out forwards;
    display: block;
    margin: 1rem 0;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
    text-shadow: var(--text-shadow-color);
}
.jw-player-vertical__custom-controls-button-more {
    display: flex;
    flex-direction: row;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.375rem;
    padding: 0;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
    text-shadow: var(--text-shadow-color);
}
.jw-player-vertical__custom-controls-button-more-text {
    margin: 0;
}
.jw-player-vertical__custom-controls-icon-more-up {
    transform: rotate(-90deg);
}
.jw-player-vertical__custom-controls-icon-more-down {
    transform: rotate(90deg);
}
.jw-player-vertical__custom-controls-icon-back,
.jw-player-vertical__custom-controls-icon-comments,
.jw-player-vertical__custom-controls-icon-mute,
.jw-player-vertical__custom-controls-icon-pause,
.jw-player-vertical__custom-controls-icon-play,
.jw-player-vertical__custom-controls-icon-share {
    color: var(--color-gray-0);
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
    text-shadow: var(--text-shadow-color);
}
.jw-player-vertical__custom-controls-icon-pause,
.jw-player-vertical__custom-controls-icon-play {
    animation: play-pause-animation 0.8s ease-out forwards;
}
.jw-player-vertical__custom-controls-icon-back {
    transform: rotate(180deg);
}
@keyframes play-pause-animation {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0;
        scale: 1.5;
    }
}
@keyframes description-animation {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media (max-width: 480px) {
    .jw-player-vertical__custom-controls-container--bottom {
        border-radius: 0;
    }
}
.jw-player-vertical-progress-bar-container {
    background-color: var(--color-gray-500);
    border-bottom-left-radius: var(--corner-radius-jwplayer-video);
    border-bottom-right-radius: var(--corner-radius-jwplayer-video);
    bottom: 0;
    cursor: grab;
    height: 4px;
    position: absolute;
    right: 0;
    touch-action: none;
    user-select: none;
    width: 100%;
}
.jw-player-vertical-progress-bar-container--is-dragging {
    cursor: grabbing;
}
.jw-player-vertical-progress-bar {
    background: var(--color-red-700);
    border-bottom-left-radius: var(--corner-radius-jwplayer-video);
    border-bottom-right-radius: var(--corner-radius-jwplayer-video);
    height: 100%;
    transition: width 0.1s linear;
}
.jw-player-vertical-progress-dot {
    background: var(--color-red-700);
    border-radius: 50%;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.1s linear;
    width: 12px;
}
@media (max-width: 480px) {
    .jw-player-vertical-progress-bar-container {
        border-radius: 0;
        height: 8px;
    }
    .jw-player-vertical-progress-bar {
        border-radius: 0;
    }
    .jw-player-vertical-progress-dot {
        height: 16px;
        width: 16px;
    }
}
.jw-player-vertical__player {
    background-color: var(--color-gray-0);
    border-radius: var(--corner-radius-jwplayer-video);
}
.jw-player-vertical__player:before {
    content: "";
    display: block;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 0 var(--ratio-16-9);
    width: 1px;
}
.jw-player-vertical__player:after {
    content: "";
    display: block;
}
.jw-player-vertical {
    border-radius: var(--corner-radius-100x);
    display: flex;
    gap: var(--grid-base--x6);
    justify-content: center;
}
.jw-player-vertical__metadata {
    width: var(--vertical-video-width);
}
.jw-player-vertical__metadata-title {
    font-size: var(--heading-font-size--s3);
    line-height: var(--heading-line-height--s3);
    margin: var(--grid-base--x4) 0;
}
.jw-player-vertical__metadata-caption {
    font-size: var(--body-font-size--s1);
    line-height: var(--body-line-height--s3);
    margin: 0;
}
.jw-player-vertical__metadata-published-at {
    color: var(--color-sub-text);
    font-size: var(--font-size-sub-text--s0);
    line-height: var(--line-height-sub-text--s0);
    margin: var(--grid-base--x4) 0;
}
.jw-player-vertical__comments {
    background-color: var(--color-ui-bg);
    border-bottom: 1px solid var(--color-gray-300);
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    position: relative;
    top: unset;
}
.jw-player-video-controls-container {
    border-radius: var(--corner-radius-100x);
    box-shadow: 0 0 20px #00000026;
    position: relative;
}
.jw-player-vertical__comments-close {
    align-self: flex-end;
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 1.5rem;
    margin: 0.5rem 0.5rem 0 0;
    padding: 3px 0 0;
    width: 1.5rem;
}
.jw-player-vertical__comments-animation-enter-active,
.jw-player-vertical__comments-animation-leave-active {
    transition: all 0.2s ease;
}
.jw-player-vertical__comments-animation-enter-from,
.jw-player-vertical__comments-animation-leave-to {
    opacity: 0;
    transform: translate(-20px);
}
@media (max-width: 480px) {
    .jw-player-vertical__metadata {
        display: none;
    }
    .jw-player-video-controls-container {
        border-radius: unset;
        box-shadow: unset;
    }
    .jw-player-vertical__comments {
        padding: 1rem;
        position: absolute;
        top: 0;
    }
}
.jwplayer {
    border-radius: var(--corner-radius-jwplayer-video);
}
@media (max-width: 786px) {
    .jwplayer {
        border-radius: 0;
    }
}
.youtube-player {
    --youtube-player-border-radius: 0;
    background-color: #000;
    padding-bottom: var(--ratio-16-9);
    position: relative;
    width: 100%;
}
.youtube-player .video-preview {
    position: absolute;
}
.youtube-player iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.youtube-player--inline,
.youtube-player--inline iframe {
    border-radius: var(--youtube-player-border-radius);
}
@media screen and (min-width: 768px) {
    .youtube-player--inline {
        --youtube-player-border-radius: var(--corner-radius-100x);
    }
}
.video-block {
    --column-area: stretched;
    display: flex;
    flex-flow: row wrap;
}
.video-block--hero .video-player {
    flex: 0 1 100%;
}
.video-block--hero .video-meta {
    display: initial;
    flex: 1;
    margin: var(--grid-base--x4);
    order: 1;
}
.video-block--inline .video-player {
    flex: 1;
}
.video-block--inline .video-meta {
    display: none;
}
.snap-scroll {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
    .video-block--hero {
        column-gap: var(--grid-base--x4);
        display: grid;
        grid-template-columns: minmax(0, 1fr) 250px;
    }
    .video-block--hero .video-player {
        grid-column: 1;
        grid-row: 1;
    }
    .video-block--hero .video-meta {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
    }
}
.widget {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--corner-radius-100x);
    display: flex;
    flex: 1 0 20%;
    flex-flow: column nowrap;
    font-size: var(--subline-font-size);
    gap: var(--grid-base--x2);
    justify-content: center;
    padding: 2px 0;
    text-align: center;
}
.widget:hover {
    border-color: var(--color-text-primary);
}
.widgets {
    display: flex;
}
.widget-link {
    display: flex;
    flex-flow: row wrap;
    gap: var(--grid-base--x4);
    margin-bottom: var(--grid-base--x4);
}
.widget-link__item {
    border: 1px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    color: var(--color-section-algemeen);
    display: flex;
    flex: 1 0 8.5rem;
    flex-flow: column wrap;
    font-size: 1.25rem;
    font-weight: var(--font-weight-bold);
    padding: var(--grid-base--x4) var(--grid-base--x2);
    text-align: center;
    text-decoration: none;
}
.widget-link__icon {
    flex: 0 0 1.75rem;
    margin-bottom: var(--grid-base--x4);
    max-width: 3rem;
}
.widget-link__message {
    display: flex;
    flex: auto;
    flex-flow: column wrap;
    justify-content: center;
}
.account-trigger {
    display: flex;
    padding: 0;
}
.account-trigger,
.account-trigger__icon {
    position: relative;
}
.account-trigger__icon:after {
    aspect-ratio: 1/1;
    background-image: url("img/a239c978cb96674f3242a5359f240030f4696ee1.svg");
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    display: inline-block;
    line-height: 0;
    position: absolute;
    right: 0;
    width: 0.5625rem;
}
.account-trigger.loggedin .account-trigger__icon:after {
    background-image: url("");
    content: "";
}
.account-trigger__username {
    max-width: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.account-trigger__link {
    background-color: var(--color-ui-bg);
    border: 0;
    border-top: 1px solid var(--color-ui-stroke-dividers);
    cursor: pointer;
}
.account-trigger__link:first-child {
    border-top: 0;
}
.app-nav-item__link {
    text-decoration: none;
}
.app-nav-item__link.branded {
    --color-nav-item: var(--brand-color);
    color: var(--color-nav-item);
}
.app-nav-item__link--active,
.app-nav-item__link--active:hover {
    text-decoration: underline;
}
.app-nav-item--footer {
    --app-nav-item-footer-font-size: 0.75rem;
}
.app-nav-item--footer .app-nav-item__link {
    display: block;
    font-size: var(--app-nav-item-footer-font-size);
    margin-bottom: var(--grid-base--x4);
}
.app-nav-item--footer .app-nav-item__link.branded {
    --color-nav-item: var(--color-section-algemeen);
}
.app-nav-item--footer-header > .app-nav-item__link {
    display: block;
    font-size: var(--app-nav-item-footer-font-size);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-base--x4);
    position: relative;
}
.app-nav-item--dpg-footer {
    --app-nav-item-footer-font-size: 0.75rem;
    margin: 0 var(--grid-base--x6) var(--grid-base--x2) 0;
}
.app-nav-item--dpg-footer .app-nav-item__link {
    font-size: var(--app-nav-item-footer-font-size);
}
@media screen and (min-width: 992px) {
    .app-nav-item--group {
        padding-left: var(--grid-base--x2);
    }
    .app-nav-item > .app-nav-item__link {
        display: inherit;
    }
    .app-nav-item > .app-nav-item__link:before {
        content: inherit;
    }
    .app-nav-item:first-child {
        padding-left: 0;
    }
    .app-nav-item--dpg-footer {
        margin: 0 var(--grid-base--x6) 0 0;
    }
    .app-nav-item--dpg-footer:last-child {
        margin-right: 0;
    }
}
.search-input {
    background: var(--color-input-bg);
    border: 1px solid var(--color-text-primary);
    border-radius: var(--corner-radius-inputfield);
    color: var(--color-input-text-prefilled);
    display: flex;
    gap: var(--grid-base--x2);
    padding: var(--grid-base) var(--grid-base--x4);
    width: 100%;
}
.search-input--filled {
    color: var(--color-input-text-filled);
}
.search-input:hover {
    cursor: text;
}
.search-input:focus-within {
    color: var(--color-input-text-filled);
}
.search-input__input {
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 0.8125rem;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.search-input__input::placeholder {
    color: var(--color-input-text-prefilled);
    opacity: 1;
}
.search-input__input::-webkit-search-cancel-button {
    appearance: none;
}
@media screen and (min-width: 992px) {
    .searchbar {
        padding-bottom: 0;
        padding-top: 0;
    }
    .search-input {
        padding: 0.375rem var(--grid-base--x4);
    }
}
.link-block--notification {
    background-color: var(--color-ui-bg);
    display: flex;
    gap: var(--grid-base--x4);
}
.link-block--notification .link-block__title {
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}
.link-block--notification .link-block__message {
    display: flex;
    flex-flow: column nowrap;
    gap: var(--grid-base--x2);
}
.link-block--notification .link-block__body {
    display: -webkit-box;
    line-height: 1.3;
    max-height: 3.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
}
.link-block--notification .link-block__timestamp {
    align-items: baseline;
    color: var(--color-sub-text);
    display: flex;
    flex-wrap: nowrap;
    gap: var(--grid-base--x2);
}
.link-block--notification.link-block--unread .link-block__timestamp:before {
    aspect-ratio: 1/1;
    background-color: var(--color-red-700);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 0.5625rem;
}
.notification-center {
    display: flex;
    padding: 0;
}
.notification-center__trigger {
    display: flex;
    padding: 0;
    position: relative;
}
.notification-center__count {
    aspect-ratio: 1/1;
    background-color: var(--color-red-700);
    border: 1px solid var(--color-ui-stroke-dividers);
    border-radius: 50%;
    color: var(--color-gray-0);
    display: flex;
    flex-direction: column;
    font-size: 0.5625rem;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    justify-items: center;
    position: absolute;
    right: 0;
    top: var(--grid-base--x2);
    transform: translate(30%);
    width: 1rem;
}
.notification-center .link-block--notification {
    border-color: var(--color-ui-stroke-dividers);
    border-style: solid;
    border-width: 0 0 1px;
}
.notification-center .link-block--notification:last-child {
    border-bottom-width: 0;
}
.skip-to-content-link {
    --skip-content-bg-color: var(--color-ui-bg);
    background-color: var(--skip-content-bg-color);
    border: 1px solid var(--color-gray-500);
    border-radius: var(--corner-radius-100x);
    display: block;
    left: -1000px;
    padding: 15px;
    position: absolute;
    top: -1000px;
}
.skip-to-content-link:focus {
    left: var(--grid-base--x4);
    top: 58px;
}
[data-theme="dark"] .skip-to-content-link {
    --skip-content-bg-color: var(--color-gray-900);
    background-color: var(--color-gray-700);
}
.widget-navigation {
    align-items: baseline;
    display: flex;
    justify-content: space-around;
    margin-bottom: var(--grid-base--x4);
}
body.main-nav__show-more--open {
    overflow: hidden;
}
.main-nav {
    --font-size-main-nav-item: 0.75rem;
    --main-nav-total-height: 5.125rem;
    background-color: var(--color-ui-top-bar);
    border-bottom: 1px solid var(--color-ui-stroke-dividers);
    box-shadow: 0 3px 10px #0000001f;
    left: 0;
    margin-bottom: var(--grid-base--x4);
    position: sticky;
    top: 0;
    transition-duration: 0.2s;
    transition-property: transform, opacity;
    transition-timing-function: ease-in-out;
    width: 100%;
}
.main-nav__wrapper {
    align-items: center;
    background-color: var(--color-ui-top-bar);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
}
.main-nav__logo {
    align-items: center;
    color: var(--color-section-algemeen);
    column-gap: 0.5rem;
    display: flex;
    font-weight: var(--font-weight-bold);
    padding: var(--grid-base--x2);
    text-decoration: none;
}
.main-nav__logo-label {
    font-size: 0.9375rem;
}
.main-nav__main {
    align-self: stretch;
    border-top: 1px solid var(--color-ui-stroke-dividers);
    flex: 0 0 100%;
    height: 2.5rem;
    order: 3;
    padding: 0 var(--grid-base--x4);
}
.main-nav__main--is-hidden {
    display: none;
}
.main-nav__list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-base--x2);
    height: 100%;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-nav__list .app-nav-item__cta,
.main-nav__list .app-nav-item__link {
    font-size: var(--font-size-main-nav-item);
    font-weight: var(--font-weight-bold);
    height: 100%;
    text-align: center;
    white-space: nowrap;
}
.main-nav__list .app-nav-item__link {
    align-items: center;
    display: inline-flex;
}
.main-nav__list .app-nav-item__link.branded:not(.app-nav-item__link--active) {
    --color-nav-item: var(--color-gray-600);
}
.main-nav__search {
    padding-bottom: var(--grid-base);
    padding-top: var(--grid-base);
}
.main-nav .app-button--show-more {
    --button-fg-color: var(--color-gray-600);
    height: 100%;
    justify-content: flex-end;
    padding: 0;
}
.main-nav .app-button--show-more:before {
    content: "Minder";
    padding-right: var(--grid-base--x4);
    visibility: hidden;
}
.main-nav .app-button--show-more .app-nav-item__cta__label {
    align-items: center;
    display: inline-flex;
    position: absolute;
}
.main-nav .app-button--show-more .icon {
    transition: transform 0.2s ease-in-out;
}
.main-nav .app-button--show-more:active,
.main-nav .app-button--show-more:focus,
.main-nav .app-button--show-more:hover {
    --button-fg-color: var(--color-gray-600);
}
.main-nav__dropdown {
    background-color: var(--color-ui-top-bar);
    border-top: 1px solid var(--color-ui-stroke-dividers);
    height: calc(100% - var(--main-nav-total-height));
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: var(--grid-base--x4) 0;
    position: fixed;
    top: var(--main-nav-total-height);
    transform: translateY(-100%);
    width: 100%;
    z-index: -1;
}
.main-nav__sub {
    list-style: none;
    margin: 0 auto;
    max-width: var(--page-max-width);
    padding: 0;
}
.main-nav__sub .nav-item-group {
    margin-bottom: var(--grid-base--x8);
}
.main-nav__sub .nav-item-group .app-nav-item__link {
    display: block;
    padding: var(--grid-base--x2) var(--grid-base--x4) var(--grid-base--x2) 5rem;
}
.main-nav__sub .nav-item-group > .app-nav-item__link {
    display: block;
    font-size: 1.125rem;
    font-weight: var(--font-weight-bold);
    position: relative;
}
.main-nav__sub .nav-item-group > .app-nav-item__link:before {
    aspect-ratio: 1/1;
    background-image: var(--brand-logo);
    background-size: cover;
    content: "";
    display: inline-block;
    left: var(--grid-base--x8);
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
}
.main-nav__sub .nav-item-group > ul {
    list-style: none;
    padding: 0;
}
.main-nav__sub .nav-item-group > ul .app-nav-item__link.branded {
    --color-nav-item: var(--color-section-algemeen);
}
.main-nav__sub .nav-item-group--editorials {
    font-weight: var(--font-weight-bold);
}
.main-nav--show-more .main-nav__dropdown {
    opacity: 1;
    transform: translateY(0);
}
.main-nav--show-more .app-button--show-more .icon {
    transform: rotate(180deg);
}
.main-nav--allow-animation .main-nav__dropdown {
    transition-duration: 0.2s;
    transition-property: transform, opacity;
    transition-timing-function: ease-in-out;
}
@media screen and (min-width: 992px) {
    body.main-nav__show-more--open {
        overflow: visible;
    }
    .main-nav {
        --main-nav-total-height: 3.125rem;
    }
    .main-nav__wrapper {
        margin: 0 auto;
        max-width: var(--page-max-width);
        padding: var(--grid-base) 0;
    }
    .main-nav__logo__img svg {
        aspect-ratio: 1/1;
        width: 2.5rem;
    }
    .main-nav__main {
        border-top: inherit;
        display: inherit;
        flex: 1 1 auto;
        height: auto;
        justify-content: flex-start;
        order: 2;
    }
    .main-nav__list {
        gap: var(--grid-base--x6);
    }
    .main-nav__list .app-nav-item__link {
        border-radius: var(--corner-radius-100x);
    }
    .main-nav__list .app-nav-item__link--active {
        text-decoration: inherit;
    }
    .main-nav__list .app-nav-item__link.branded,
    .main-nav__list .app-nav-item__link.branded:not(.app-nav-item__link--active) {
        --color-nav-item: var(--brand-color);
    }
    .main-nav__list .app-button--show-more {
        --button-fg-color: inherit;
        justify-content: inherit;
    }
    .main-nav__list .app-button--show-more:active,
    .main-nav__list .app-button--show-more:focus,
    .main-nav__list .app-button--show-more:hover {
        --button-fg-color: inherit;
    }
    .main-nav__search {
        align-self: center;
        border-top: none;
        display: inherit;
        flex: 1 1 auto;
        justify-content: flex-start;
        padding-bottom: 0;
        padding-top: 0;
    }
    .main-nav__dropdown {
        border-bottom: 1px solid var(--color-ui-stroke-dividers);
        box-shadow: 0 3px 10px #0000001f;
        height: auto;
        top: var(--main-nav-total-height);
    }
    .main-nav__sub {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 0 var(--grid-base--x2);
    }
    .main-nav__sub .nav-item-group {
        padding-left: var(--grid-base--x2);
    }
    .main-nav__sub .nav-item-group .app-nav-item__link {
        font-size: var(--font-size-main-nav-item);
        padding: var(--grid-base--x2) 0;
    }
    .main-nav__sub .nav-item-group > .app-nav-item__link {
        display: inherit;
        font-size: var(--font-size-main-nav-item);
    }
    .main-nav__sub .nav-item-group > .app-nav-item__link:before {
        content: inherit;
    }
    .main-nav__sub .nav-item-group:first-child {
        padding-left: 0;
    }
    .main-nav--not-sticky {
        transform: inherit;
    }
    .main-nav--show-more:after {
        background-color: var(--color-ui-top-bar);
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
    }
    .nav-tools {
        order: 3;
    }
}
.nav-tools {
    align-self: stretch;
    gap: var(--grid-base--x3);
    order: 2;
    padding: 0 var(--grid-base--x4) 0 0;
}
.nav-tools,
.nav-tools__tool {
    align-items: center;
    display: flex;
}
.nav-tools__tool {
    gap: var(--grid-base--x2);
    height: fit-content;
    padding: 0;
}
.nav-tools__tool:last-child {
    padding-right: 0;
}
.nav-tools__tool__label {
    display: none;
    font-size: var(--font-size-main-nav-item);
}
@media screen and (min-width: 320px) {
    .nav-tools__tool__label {
        display: block;
    }
}
.breaking-push-modal__button {
    align-self: center;
    display: inline-block;
    margin: var(--grid-base--x4) 0 0;
    padding: var(--grid-base--x3) var(--grid-base--x4);
}
.breaking-push-modal__button-icon {
    margin-right: var(--grid-base--x2);
    vertical-align: top;
}
.columns div[chromevoxignoreariahidden] {
    display: none;
}
.columns {
    --edge-spacing: var(--grid-base--x4);
    --sidebar-width: 336px;
    --column-area: padded;
}
.blocks-container-hidden,
.columns .article,
.columns__main,
.columns__sidebar,
.columns__top-main,
.columns__top-sidebar {
    align-content: start;
    display: grid;
    grid-auto-flow: row;
    grid-template-areas: ". padded ." "stretched stretched stretched";
    grid-template-columns: var(--edge-spacing) 1fr var(--edge-spacing);
    margin-bottom: var(--grid-base--x4);
    row-gap: var(--grid-base--x4);
}
.blocks-container-hidden > :not(.vertical-video-page),
.columns .article > :not(.vertical-video-page),
.columns__main > :not(.vertical-video-page),
.columns__sidebar > :not(.vertical-video-page),
.columns__top-main > :not(.vertical-video-page),
.columns__top-sidebar > :not(.vertical-video-page) {
    grid-column: var(--column-area);
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    .blocks-container-hidden,
    .columns .article,
    .columns__main,
    .columns__sidebar,
    .columns__top-main,
    .columns__top-sidebar {
        grid-template-areas: "padded" "stretched";
        grid-template-columns: 1fr;
    }
}
.columns__main .blocks-container-hidden,
.columns__sidebar .blocks-container-hidden {
    grid-column: stretched;
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .columns {
        max-width: 80%;
        margin: auto !important;
        gap: var(--grid-base--x4);
        grid-template-columns: 1fr var(--sidebar-width);
        margin: 0 var(--grid-base--x3);
    }
    .columns--no-sidebar {
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 896px) {
    .columns {
        gap: var(--grid-base--x8);
    }
}
.app-follow-us {
    display: flex;
    flex-flow: column wrap;
    margin-top: var(--grid-base--x6);
}
.app-follow-us__title {
    font-size: var(--font-size-heading--s1);
    margin: 0;
    margin-bottom: var(--grid-base--x4);
}
.app-follow-us__badges {
    display: flex;
    flex-flow: row wrap;
    gap: var(--grid-base--x3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.app-follow-us__badges li {
    align-items: center;
}
.app-follow-us__badges li a {
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
}
@media screen and (min-width: 992px) {
    .app-follow-us {
        align-items: center;
        flex-flow: row wrap;
    }
    .app-follow-us__title {
        margin-bottom: 0;
        margin-right: var(--grid-base--x6);
    }
}
.dpg-logo {
    color: #000;
}
[data-theme="dark"] .dpg-logo {
    color: #fff;
}
.dpg-footer {
    --dpg-footer-font-size: 0.75rem;
    border-top: 1px solid var(--color-ui-stroke-dividers);
    flex: 1 1 auto;
    padding: 0 var(--grid-base--x4);
}
.dpg-footer__wrapper {
    display: flex;
    flex-flow: column wrap;
    margin: 0 auto;
    max-width: var(--page-max-width);
    padding: var(--grid-base--x4) 0;
    width: 100%;
}
.dpg-footer__container,
.dpg-footer__logo-container {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: var(--grid-base--x4);
}
.dpg-footer__logo-container {
    width: 100%;
}
.dpg-footer__logo-byline {
    color: var(--color-sub-text);
    font-size: var(--dpg-footer-font-size);
}
.dpg-footer__links {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.dpg-footer__business-info {
    display: block;
    margin-bottom: var(--grid-base--x2);
}
.dpg-footer__copyright {
    margin: 0;
}
.dpg-footer__business-info,
.dpg-footer__copyright {
    color: var(--color-sub-text);
    font-size: var(--dpg-footer-font-size);
}
@media screen and (min-width: 992px) {
    .dpg-footer__wrapper {
        padding: var(--grid-base--x4);
    }
    .dpg-footer__container {
        margin-bottom: var(--grid-base--x2);
    }
    .dpg-footer__logo-container {
        margin: 0;
        width: auto;
    }
    .dpg-footer__logo {
        margin-right: var(--grid-base--x4);
    }
    .dpg-footer__business-info-container {
        display: flex;
        gap: var(--grid-base--x6);
        justify-content: end;
    }
}
.app-footer {
    border-top: 1px solid var(--color-ui-stroke-dividers);
    display: flex;
    flex-flow: column wrap;
    font-size: 0.875rem;
}
.app-footer__wrapper {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--grid-base--x6);
    margin: 0 auto;
    max-width: var(--page-max-width);
    padding: var(--grid-base--x4);
    width: 100%;
}
.app-footer__column {
    flex: 0 50%;
}
.app-footer__links {
    margin: 0 auto;
    max-width: var(--page-max-width);
}
.app-footer__links,
.app-footer__links ul {
    list-style: none;
    padding: 0;
}
.app-footer__sub-links {
    display: none;
}
.app-footer__app-store-badges {
    align-items: start;
    display: flex;
    flex-flow: column wrap;
    gap: var(--grid-base--x2);
    margin-top: var(--grid-base--x6);
}
@media screen and (min-width: 992px) {
    .app-footer__wrapper {
        flex-flow: column wrap;
        padding-right: var(--grid-base--x2);
    }
    .app-footer__links {
        display: flex;
        justify-content: space-between;
    }
    .app-footer__links.app-hide--m {
        display: flex;
    }
    .app-footer__sub-links {
        display: block;
    }
    .app-footer__app-store-badges {
        display: none;
    }
}
.notification {
    --details-chevron-size: 1.5rem;
    border: 2px solid var(--color-ui-stroke-dividers);
    border-radius: var(--corner-radius-100x);
    margin: 0;
    padding: var(--grid-base--x4);
    position: relative;
}
.notification__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
}
[data-theme="dark"] .notification__title:after {
    filter: brightness(0) invert(1);
}
.main-nav {
    z-index: 1999999998;
}
.v1 {
    display: none;
}
.h2 {
    margin: var(--grid-base--x4) 0;
    min-height: var(--ad-h1-min-height);
}
.r3 {
    margin: var(--grid-base--x4) 0 var(--grid-base--x4) auto;
    max-width: var(--ad-r3-max-width);
}
.page-spatial {
    margin-bottom: var(--grid-base--x4);
}
@media screen and (min-width: 768px) {
    .r3 {
        position: sticky;
        top: 8.75rem;
    }
    .page-spatial {
        display: none;
    }
}
@media screen and (min-width: 1114px) {
    .v1 {
        display: block;
        float: left;
        margin-left: calc((var(--ad-v1-wide-width) + var(--grid-base--x4)) * -1);
        min-height: 37.5rem;
        position: sticky;
        top: 8.75rem;
        width: var(--ad-v1-wide-width);
    }
}
@media screen and (min-width: 1114px) and (max-width: 1154px) {
    .v1 {
        margin-left: calc((var(--ad-v1-medium-width) + var(--grid-base--x4)) * -1);
        width: var(--ad-v1-medium-width);
    }
}
.app-wrapper--multiblock {
    padding: var(--grid-base--x4);
}
.app-wrapper--multiblock > * {
    margin-bottom: var(--grid-base--x4);
}
.app-wrapper--talk2022page {
    padding: var(--grid-base--x4);
}
nav.main-nav {
    margin-bottom: 0;
}

:root {
  --color-bg: #ffffff;
  --color-header: #b0d9ff;
  --color-border: #e5e7eb;
  --color-text: #111827;
  --color-accent: #f97316;
  --color-danger: #dc2626;
}


.comparison-table {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 24px auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.comparison-table__row {
  display: flex;
}

.comparison-table__cell {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--color-border);
    font-size: 20px;
    max-width: 50%;
}


.comparison-table__row.comparison-table__row--header .comparison-table__cell {
    max-width: 100%;
}

.comparison-table__cell:last-child {
  border-right: none;
}

.comparison-table__row--header {
  background-color: var(--color-header);
  font-weight: 600;
  text-align: center;
}

.comparison-table__product {
  align-items: center;
  gap: 10px;
}

.comparison-table__product img {
  max-width: 200px;
  height: auto;
  margin-bottom: 10px;
  width: 100%;
}

.comparison-table__highlight--danger {
  color: var(--color-danger);
  font-weight: 600;
}

.comparison-table__list {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

.comparison-table__list li {
  margin-bottom: 6px;
}

@media (max-width: 768px) {

  .comparison-table__cell,.comparison-table__cell ul {
    border-bottom: 1px solid var(--color-border);
    font-size: 13px;
    line-height: 1.1;
  }

  .comparison-table__cell:last-child {
    border-bottom: none;
  }

  .comparison-table__cell {
    padding: 10px;
  }

  .comparison-table__list {
    padding-left: 10px;
  }

  .comparison-table__product:last-child img {
    max-width: 100px;
  }
  
}

.red-update {
    background: #e13333;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offers-container {
    background: url('bg-offer.png') center / cover no-repeat;
}

.offers-container {
    display: flex
;
    align-items: center;
    justify-content: space-around;
}
.offers-container {
    line-height: 2.2em;
    color: #333;
    font-weight: 700;
    margin: 0 auto;
    border: 3px dashed red;
    padding: 25px;
}

#offerpic {
    width: 100%;
}
.offer-img {
    width: 100%;
    padding-right: 15px;
    max-width: 250px;
}


.offer-text {
    overflow: hidden;
    font-size: 24px;
    margin-top: 15px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px #000;
    border-radius: 5px;
    width: 100%;
    max-width: 600px;
}

.offer-text .button {
    margin-top: 16px !important;
}
.certificates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.certificates img {
    width: 100%;
}


.bottom-stcky-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bottom-sticky .container {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.bottom-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    color: black;
    height: 60px;
    z-index: 111111;
}

.bottom-stcky-wrapper a {
    font-family: "Inter", sans-serif !important;
    background: red;
    color: white;
    height: 50px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.sticky-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 14px;
    gap: 4px;
    width: 100%;
    justify-content: center;
}

.bottom-stcky-wrapper img {
    height: 50px;
}

.sticky-text .total-custom, .sticky-text .timer-to-end {
    font-weight: 700;
    font-size: 20px;
}

footer {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    
    .offers-container {
        flex-direction: column;
    }

    .offer-text {
        font-size: 20px;
        line-height: 1.2;
    }

    .offer-img {
        max-width: 200px;
    }
    .certificates {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .certificates img {
        max-width: 400px;
    }
    
    .sticky-text .total-custom, .sticky-text .timer-to-end {
        font-weight: 700;
        font-size: 16px;
    }

    .sticky-text {
        font-size: 12px;
    }

    .bottom-stcky-wrapper {
        gap: 5px;
    }
}

a.button {
    font-size: 24px;
    font-weight: 700;
}