:root {
      --primary-1: #be02f8;
      --primary-2: #3f32f1;
      --primary-3: #b9ff00;
      --primary-4: #05e560;
      --primary-5: #bedae5;
      --primary-6: #192d38;
      --primary-7: #92c900;
      --primary-8: #2e23c4;
      --secondary-1: #fbeeff;
      --secondary-2: #f4ceff;
      --secondary-3: #d4ffe5;
      --secondary-4: #96f7bd;
      --secondary-5: #ecebff;
      --secondary-6: #b8b4fb;
      --base-1: #0b0b0b;
      --base-2: #5a6d7a;
      --base-3: #f2f8fa;
      --base-4: #ffffff;
      --dark-transparent: #192d3800;
      --dark-5: #192d380d;
      --dark-10: #192d381a;
      --dark-25: #192d3840;
      --dark-50: #192d3880;
      --dark-75: #192d38bf;
      --light-transparent: #ffffff00;
      --light-5: #ffffff0d;
      --light-10: #ffffff1a;
      --light-25: #ffffff40;
      --light-50: #ffffff80;
      --light-75: #ffffffbf;
      --customtint-40: #192d3866;
      --error: #d91010;
      --success: #3acd07;
      --xl: clamp(6.4rem, 3.6755rem + 7.1698vw, 14rem);
      --lg-1: clamp(4.8rem, 3.0792rem + 4.5283vw, 9.6rem);
      --lg-2: clamp(4rem, 2.2792rem + 4.5283vw, 8.8rem);
      --lg-3: clamp(3.6rem, 2.0226rem + 4.1509vw, 8rem);
      --lg-4: clamp(3.2rem, 1.7660rem + 3.7736vw, 7.2rem);
      --md-1: clamp(2.8rem, 1.5094rem + 3.3962vw, 6.4rem);
      --md-2: clamp(2.4rem, 1.2528rem + 3.0189vw, 5.6rem);
      --md-3: clamp(2rem, 0.9962rem + 2.6415vw, 4.8rem);
      --md-4: clamp(2rem, 1.2830rem + 1.8868vw, 4rem);
      --sm-1: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
      --sm-2: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
      --sm-3: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
      --sm-4: clamp(0.8rem, 0.6566rem + 0.3774vw, 1.2rem);
      --xs-1: clamp(0.8rem, 0.8000rem + 0.0000vw, 0.8rem);
      --xs-2: clamp(0.4rem, 0.4000rem + 0.0000vw, 0.4rem);
      --nil: clamp(0rem, 0.0000rem + 0.0000vw, 0rem);
      --radius-nil: 0px;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 8px;
      --radius-lg: 16px;
      --radius-xl: 16px;
      --radius-xxl: 24px;
      --radius-xxxl: 48px;
      --shadow-nil: 0px;
      --shadow-xs: 2px;
      --shadow-sm: 4px;
      --shadow-md: 8px;
      --shadow-lg: 16px;
      --shadow-xl: 16px;
      --shadow-xxl: 24px;
      --primitive-family-display-titles: 'Gamechanger';
      --primitive-family-headline-titles: 'Bienvenue';
      --primitive-family-body: 'Bienvenue';
      --primitive-weight-light: 'Light';
      --primitive-weight-regular: 'Regular';
      --primitive-weight-medium: 'Medium';
      --primitive-weight-semi-bold: 'Semi Bold';
      --primitive-weight-bold: 'Bold';
      --primitive-weight-extra-bold: 'Extra Bold';
      --display-ll-font-size: clamp(4.8rem, 2.9358rem + 4.9057vw, 10rem);
      --display-l-font-size: clamp(3.6rem, 2.5604rem + 2.7358vw, 6.5rem);
      --display-ll-line-height: clamp(4.2rem, 2.3000rem + 5.0000vw, 9.5rem);
      --display-ll-letter-spacing: 0px;
      --display-l-line-height: clamp(3.6rem, 2.5604rem + 2.7358vw, 6.5rem);
      --display-ll-font-family: var(--primitive-family-display-titles);
      --display-l-letter-spacing: 0.6499999761581421px;
      --display-ll-weight: var(--primitive-weight-medium);
      --display-l-font-family: var(--primitive-family-display-titles);
      --display-l-weight: var(--primitive-weight-medium);
      --display-m-font-size: clamp(3.2rem, 2.6981rem + 1.3208vw, 4.6rem);
      --display-m-line-height: clamp(3.2rem, 2.6981rem + 1.3208vw, 4.6rem);
      --display-m-alt-line-height: clamp(4rem, 3.4264rem + 1.5094vw, 5.6rem);
      --display-m-letter-spacing: 0.46000000834465027px;
      --display-m-font-family: var(--primitive-family-display-titles);
      --display-m-weight: var(--primitive-weight-medium);
      --display-s-font-size: clamp(2.8rem, 2.4774rem + 0.8491vw, 3.7rem);
      --display-s-line-height: clamp(3.2rem, 2.7340rem + 1.2264vw, 4.5rem);
      --display-s-letter-spacing: 0px;
      --display-s-font-family: var(--primitive-family-display-titles);
      --display-s-weight: var(--primitive-weight-medium);
      --headline-l-font-size: clamp(2.5rem, 2.3208rem + 0.4717vw, 3rem);
      --headline-l-line-height: clamp(2.8rem, 2.4774rem + 0.8491vw, 3.7rem);
      --headline-l-letter-spacing: 0.30000001192092896px;
      --headline-l-font-family: var(--primitive-family-headline-titles);
      --headline-l-weight: var(--primitive-weight-medium);
      --headline-m-font-size: clamp(2.1rem, 1.9925rem + 0.2830vw, 2.4rem);
      --headline-m-line-height: clamp(2.4rem, 2.1849rem + 0.5660vw, 3rem);
      --headline-m-letter-spacing: 0.23999999463558197px;
      --headline-m-font-family: var(--primitive-family-headline-titles);
      --headline-m-weight: var(--primitive-weight-medium);
      --headline-s-font-size: clamp(1.7rem, 1.6642rem + 0.0943vw, 1.8rem);
      --small-title-font-size: clamp(1.4rem, 1.4000rem + 0.0000vw, 1.4rem);
      --footer-title-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --footer-text-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --footer-text-s-font-size: clamp(1.4rem, 1.4000rem + 0.0000vw, 1.4rem);
      --headline-s-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
      --small-title-line-height: clamp(1.7rem, 1.7000rem + 0.0000vw, 1.7rem);
      --footer-title-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --footer-text-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --footer-text-s-line-height: clamp(2.6rem, 2.6000rem + 0.0000vw, 2.6rem);
      --headline-s-letter-spacing: 0px;
      --headline-s-alt-letter-spacing: 0.18000000715255737px;
      --small-title-letter-spacing: 0.14000000059604645px;
      --footer-title-letter-spacing: 0.47999998927116394px;
      --footer-text-letter-spacing: 0.1599999964237213px;
      --footer-text-s-letter-spacing: 0.14000000059604645px;
      --headline-s-font-family: var(--primitive-family-headline-titles);
      --small-title-font-family: var(--primitive-family-headline-titles);
      --footer-title-font-family: var(--primitive-family-headline-titles);
      --footer-text-font-family: var(--primitive-family-body);
      --footer-text-s-font-family: var(--primitive-family-body);
      --headline-s-weight: var(--primitive-weight-medium);
      --headline-s-alt-weight: var(--primitive-weight-semi-bold);
      --small-title-weight: var(--primitive-weight-semi-bold);
      --footer-title-weight: var(--primitive-weight-bold);
      --footer-text-weight: var(--primitive-weight-medium);
      --footer-text-s-weight: var(--primitive-weight-regular);
      --body-l-font-size: clamp(1.8rem, 1.7283rem + 0.1887vw, 2rem);
      --body-l-line-height: clamp(2.4rem, 2.3283rem + 0.1887vw, 2.6rem);
      --body-l-letter-spacing: 0px;
      --body-l-font-family: var(--primitive-family-body);
      --body-l-weight: var(--primitive-weight-light);
      --body-m-font-size: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
      --body-m-line-height: clamp(2.4rem, 2.4358rem + -0.0943vw, 2.3rem);
      --body-m-letter-spacing: 0px;
      --body-m-alt-letter-spacing: 0.18000000715255737px;
      --body-m-font-family: var(--primitive-family-body);
      --body-m-weight: var(--primitive-weight-regular);
      --body-m-alt-weight: var(--primitive-weight-medium);
      --body-s-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --body-s-line-height: clamp(2rem, 1.9283rem + 0.1887vw, 2.2rem);
      --body-s-letter-spacing: 0.1599999964237213px;
      --body-s-font-family: var(--primitive-family-body);
      --body-s-weight: var(--primitive-weight-regular);
      --body-xs-font-size: clamp(1.3rem, 1.2642rem + 0.0943vw, 1.4rem);
      --body-xs-line-height: clamp(2rem, 2.0717rem + -0.1887vw, 1.8rem);
      --body-xs-letter-spacing: 0px;
      --body-xs-font-family: var(--primitive-family-body);
      --body-xs-weight: var(--primitive-weight-regular);
      --quote-l-font-size: clamp(2.8rem, 2.4774rem + 0.8491vw, 3.7rem);
      --quote-l-line-height: clamp(3.6rem, 3.2415rem + 0.9434vw, 4.6rem);
      --quote-l-letter-spacing: 0px;
      --quote-l-font-family: var(--primitive-family-display-titles);
      --quote-l-weight: var(--primitive-weight-light);
      --quote-m-font-size: clamp(2.5rem, 2.3208rem + 0.4717vw, 3rem);
      --quote-m-line-height: clamp(2.4rem, 1.9340rem + 1.2264vw, 3.7rem);
      --quote-m-letter-spacing: 0px;
      --quote-m-font-family: var(--primitive-family-display-titles);
      --quote-m-weight: var(--primitive-weight-light);
      --nav-l-font-size: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
      --nav-m-font-size: clamp(1.5rem, 1.4642rem + 0.0943vw, 1.6rem);
      --nav-s-font-size: clamp(1.4rem, 1.4000rem + 0.0000vw, 1.4rem);
      --nav-inpage-font-size: clamp(1.2rem, 1.1642rem + 0.0943vw, 1.3rem);
      --button-font-size: clamp(1.4rem, 1.3642rem + 0.0943vw, 1.5rem);
      --button-letter-spacing: 0px;
      --button-font-family: var(--primitive-family-body);
      --button-weight: var(--primitive-weight-medium);
      --nav-l-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
      --nav-l-letter-spacing: 0px;
      --nav-l-font-family: var(--primitive-family-headline-titles);
      --nav-l-weight: var(--primitive-weight-regular);
      --nav-m-line-height: clamp(2rem, 1.9283rem + 0.1887vw, 2.2rem);
      --stat-ll-font-size: clamp(3.2rem, 2.1962rem + 2.6415vw, 6rem);
      --nav-m-letter-spacing: 0px;
      --nav-m-font-family: var(--primitive-family-headline-titles);
      --nav-m-weight: var(--primitive-weight-regular);
      --nav-s-line-height: clamp(1rem, 0.7132rem + 0.7547vw, 1.8rem);
      --nav-inpage-line-height: clamp(1.6rem, 1.6000rem + 0.0000vw, 1.6rem);
      --nav-s-letter-spacing: 0px;
      --nav-inpage-letter-spacing: 0px;
      --button-line-height: clamp(1.8rem, 1.6925rem + 0.2830vw, 2.1rem);
      --nav-s-font-family: var(--primitive-family-headline-titles);
      --nav-inpage-font-family: var(--primitive-family-headline-titles);
      --nav-s-weight: var(--primitive-weight-semi-bold);
      --nav-inpage-weight: var(--primitive-weight-semi-bold);
      --stat-l-font-size: clamp(2.8rem, 1.8679rem + 2.4528vw, 5.4rem);
      --stat-m-font-size: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
      --stat-s-font-size: clamp(2rem, 1.7491rem + 0.6604vw, 2.7rem);
      --breadcrumb-default-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --breadcrumb-default-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
      --breadcrumb-default-letter-spacing: 0px;
      --breadcrumb-default-font-family: var(--primitive-family-body);
      --breadcrumb-default-weight: var(--primitive-weight-regular);
      --breadcrumb-active-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --breadcrumb-active-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
      --breadcrumb-active-letter-spacing: 0px;
      --breadcrumb-active-font-family: var(--primitive-family-body);
      --breadcrumb-active-weight: var(--primitive-weight-semi-bold);
      --tag-font-size: clamp(1rem, 1.0000rem + 0.0000vw, 1rem);
      --icon-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
      --tag-line-height: clamp(0.9rem, 0.9000rem + 0.0000vw, 0.9rem);
      --stat-ll-line-height: clamp(6.4rem, 6.0057rem + 1.0377vw, 7.5rem);
      --tag-letter-spacing: 0.6000000238418579px;
      --tag-alt-letter-spacing: 0.5px;
      --tag-font-family: var(--primitive-family-headline-titles);
      --tag-weight: var(--primitive-weight-semi-bold);
      --tag-alt-weight: var(--primitive-weight-medium);
      --stat-ll-letter-spacing: 0.6000000238418579px;
      --stat-l-line-height: clamp(2.8rem, 1.8679rem + 2.4528vw, 5.4rem);
      --stat-ll-weight: var(--primitive-weight-medium);
      --stat-l-letter-spacing: 0.5400000214576721px;
      --stat-l-font-family: var(--primitive-family-display-titles);
      --stat-l-weight: var(--primitive-weight-regular);
      --stat-m-line-height: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
      --stat-s-line-height: clamp(2rem, 1.7491rem + 0.6604vw, 2.7rem);
      --stat-m-letter-spacing: 0px;
      --stat-s-letter-spacing: 0.27000001072883606px;
      --stat-m-font-family: var(--primitive-family-display-titles);
      --stat-s-font-family: var(--primitive-family-headline-titles);
      --stat-m-weight: var(--primitive-weight-regular);
      --stat-s-weight: var(--primitive-weight-medium);
      --section-title-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
      --section-title-alt-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
      --section-title-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
      --section-title-alt-line-height: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
      --section-title-letter-spacing: 0.1599999964237213px;
      --section-title-alt-letter-spacing: 0.14000000059604645px;
      --section-title-font-family: var(--primitive-family-headline-titles);
      --section-title-alt-font-family: var(--primitive-family-headline-titles);
      --section-title-weight: var(--primitive-weight-medium);
      --section-title-alt-weight: var(--primitive-weight-semi-bold);
      --label-font-size: clamp(1.6rem, 1.6000rem + 0.0000vw, 1.6rem);
      --label-xs-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
      --label-line-height: clamp(1.8rem, 1.7283rem + 0.1887vw, 2rem);
      --label-xs-line-height: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
      --label-letter-spacing: 0px;
      --label-xs-letter-spacing: 0px;
      --label-font-family: var(--primitive-family-body);
      --label-xs-font-family: var(--primitive-family-body);
      --label-weight: var(--primitive-weight-semi-bold);
      --label-xs-weight: var(--primitive-weight-semi-bold);
      --background-section: var(--base-4);
      --background-panel: var(--base-3);
      --background-card: var(--base-4);
      --background-card-hover: var(--base-1);
      --background-brightcove: var(--base-4);
      --color-display: var(--primary-6);
      --panel-radius: var(--radius-nil);
      --card-radius: var(--radius-nil);
      --image-radius: var(--radius-nil);
      --color-headline: var(--primary-6);
      --color-body: var(--primary-6);
      --color-body-secondary: var(--base-4);
      --color-utility: var(--dark-75);
      --color-quote: var(--primary-6);
      --color-stats: var(--primary-6);
      --color-pictogram: var(--primary-2);
      --button-radius: var(--radius-nil);
      --input-radius: var(--radius-nil);
      --card-shadow-colour: var(--dark-25);
      --card-shadow-offset: var(--shadow-nil);
      --card-shadow-blur: var(--shadow-nil);
      --panel-shadow-colour: var(--dark-25);
      --panel-shadow-offset: var(--shadow-nil);
      --panel-shadow-blur: var(--shadow-nil);
      --color-brightcove: var(--base-4);
}

@media (min-width: 768px) {
      :root {
            --radius-nil: 0px;
            --radius-xs: 2px;
            --radius-sm: 6px;
            --radius-md: 12px;
            --radius-lg: 20px;
            --radius-xl: 24px;
            --radius-xxl: 40px;
            --radius-xxxl: 64px;
            --shadow-nil: 0px;
            --shadow-xs: 2px;
            --shadow-sm: 6px;
            --shadow-md: 12px;
            --shadow-lg: 20px;
            --shadow-xl: 24px;
            --shadow-xxl: 40px;
      }
}

@media (min-width: 1200px) {
      :root {
            --radius-nil: 0px;
            --radius-xs: 4px;
            --radius-sm: 8px;
            --radius-md: 16px;
            --radius-lg: 24px;
            --radius-xl: 40px;
            --radius-xxl: 60px;
            --radius-xxxl: 120px;
            --shadow-nil: 0px;
            --shadow-xs: 4px;
            --shadow-sm: 8px;
            --shadow-md: 16px;
            --shadow-lg: 24px;
            --shadow-xl: 40px;
            --shadow-xxl: 60px;
      }
}

.theme-dark,
.section-dark,
.panel-dark,
.card-dark {
      --background-section: var(--base-1);
      --background-panel: var(--primary-2);
      --background-card: var(--base-1);
      --background-card-hover: var(--base-2);
      --background-brightcove: var(--base-1);
      --color-display: var(--base-4);
      --color-headline: var(--base-4);
      --color-body: var(--base-4);
      --color-body-secondary: var(--base-4);
      --color-utility: var(--light-75);
      --color-quote: var(--primary-5);
      --color-stats: var(--base-4);
      --color-pictogram: var(--primary-3);
      --color-brightcove: var(--base-1);
}

.theme-light,
.section-light,
.panel-light,
.card-light {
      --background-section: var(--base-4);
      --background-panel: var(--base-3);
      --background-card: var(--base-4);
      --background-card-hover: var(--base-1);
      --background-brightcove: var(--base-4);
      --color-display: var(--primary-6);
      --color-headline: var(--primary-6);
      --color-body: var(--primary-6);
      --color-body-secondary: var(--base-4);
      --color-utility: var(--dark-75);
      --color-quote: var(--primary-6);
      --color-stats: var(--primary-6);
      --color-pictogram: var(--primary-2);
      --color-brightcove: var(--base-4);
}