:root {
  --primary-1: #17264a;
  --primary-2: #0071b4;
  --primary-3: #5bc6e9;
  --primary-5: #004547;
  --primary-4: #66c1b3;
  --primary-6: #8db7b0;
  --primary-7: #d8faf5;
  --primary-8: #042b2c;
  --primary-9: #4c9489;
  --secondary-1: #641d2b;
  --secondary-2: #f5927c;
  --secondary-3: #c7d992;
  --base-1: #0f1a35;
  --base-2: #515867;
  --base-3: #dadada;
  --base-4: #f4f4f4;
  --base-5: #ffffff;
  --dark-transparent: #042b2c00;
  --dark-5: #042b2c0d;
  --dark-10: #042b2c1a;
  --dark-25: #042b2c40;
  --dark-50: #042b2c80;
  --dark-75: #042b2cbf;
  --light-transparent: #ffffff00;
  --light-5: #ffffff0d;
  --light-10: #ffffff1a;
  --light-25: #ffffff40;
  --light-50: #ffffff80;
  --light-75: #ffffffbf;
  --error: #d91010;
  --success: #3acd07;
  --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.766rem + 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.283rem + 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.8rem + 0vw, 0.8rem);
  --xs-2: clamp(0.4rem, 0.4rem + 0vw, 0.4rem);
  --nil: clamp(0rem, 0rem + 0vw, 0rem);
  --radius-nil: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 16px;
  --radius-xxl: 24px;
  --background-section: var(--base-5);
  --background-panel: var(--primary-7);
  --background-card: var(--inner-section-bkg);
  --background-card-hover: var(--primary-2);
  --color-display: var(--primary-1);
  --panel-radius: var(--radius-sm);
  --card-radius: var(--radius-sm);
  --image-radius: var(--radius-sm);
  --color-headline: var(--primary-1);
  --color-body: var(--base-2);
  --color-body-secondary: var(--primary-1);
  --color-utility: var(--light-75);
  --color-quote: var(--primary-1);
  --color-stats: var(--primary-9);
  --color-pictogram: var(--primary-9);
  --primitive-family-titles: "Cabin";
  --primitive-family-body: "Cabin";
  --primitive-family-navigation: "Figtree";
  --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-l-font-size: clamp(4.8rem, 3.6528rem + 3.0189vw, 8rem);
  --display-l-line-height: clamp(5.6rem, 4.4528rem + 3.0189vw, 8.8rem);
  --display-l-letter-spacing: -2px;
  --display-l-font-family: var(--primitive-family-titles);
  --display-l-weight: var(--primitive-weight-bold);
  --display-m-font-size: clamp(4rem, 2.7811rem + 3.2075vw, 7.4rem);
  --display-m-line-height: clamp(4.8rem, 3.9396rem + 2.2642vw, 7.2rem);
  --display-m-letter-spacing: -1px;
  --display-m-font-family: var(--primitive-family-titles);
  --display-m-weight: var(--primitive-weight-bold);
  --display-s-font-size: clamp(3.2rem, 2.6264rem + 1.5094vw, 4.8rem);
  --display-s-line-height: clamp(4rem, 3.4264rem + 1.5094vw, 5.6rem);
  --display-s-letter-spacing: -1px;
  --display-s-font-family: var(--primitive-family-titles);
  --display-s-weight: var(--primitive-weight-bold);
  --headline-l-font-size: clamp(2.8rem, 2.3698rem + 1.1321vw, 4rem);
  --headline-l-line-height: clamp(3.6rem, 3.1698rem + 1.1321vw, 4.8rem);
  --headline-l-letter-spacing: 0px;
  --headline-l-font-family: var(--primitive-family-titles);
  --headline-l-weight: var(--primitive-weight-bold);
  --headline-m-font-size: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
  --headline-m-line-height: clamp(3.2rem, 2.9132rem + 0.7547vw, 4rem);
  --headline-m-letter-spacing: 0px;
  --headline-m-font-family: var(--primitive-family-titles);
  --headline-m-weight: var(--primitive-weight-bold);
  --headline-s-font-size: clamp(2rem, 2rem + 0vw, 2rem);
  --headline-s-line-height: clamp(2.8rem, 2.9434rem + -0.3774vw, 2.4rem);
  --headline-s-letter-spacing: 0px;
  --headline-s-font-family: var(--primitive-family-titles);
  --headline-s-weight: var(--primitive-weight-bold);
  --body-l-font-size: clamp(1.8rem, 1.7283rem + 0.1887vw, 2rem);
  --body-l-line-height: clamp(2.4rem, 2.2566rem + 0.3774vw, 2.8rem);
  --body-l-letter-spacing: 0px;
  --body-l-font-family: var(--primitive-family-body);
  --body-l-weight: var(--primitive-weight-regular);
  --body-m-font-size: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
  --body-m-line-height: clamp(2.4rem, 2.2566rem + 0.3774vw, 2.8rem);
  --body-m-letter-spacing: 0px;
  --body-m-font-family: var(--primitive-family-body);
  --body-m-weight: var(--primitive-weight-regular);
  --body-s-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --body-s-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
  --body-s-letter-spacing: 0px;
  --body-s-font-family: var(--primitive-family-body);
  --body-s-weight: var(--primitive-weight-regular);
  --body-xs-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --body-xs-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
  --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.4rem, 1.8264rem + 1.5094vw, 4rem);
  --quote-l-line-height: clamp(3.6rem, 2.7396rem + 2.2642vw, 6rem);
  --quote-l-letter-spacing: 0px;
  --quote-l-font-family: var(--primitive-family-titles);
  --quote-l-weight: var(--primitive-weight-medium);
  --quote-m-font-size: clamp(1.6rem, 1.1698rem + 1.1321vw, 2.8rem);
  --quote-m-line-height: clamp(2.8rem, 2.2981rem + 1.3208vw, 4.2rem);
  --quote-m-letter-spacing: 0px;
  --quote-m-font-family: var(--primitive-family-titles);
  --quote-m-weight: var(--primitive-weight-bold);
  --nav-l-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
  --button-font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
  --button-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
  --button-letter-spacing: 0px;
  --button-font-family: var(--primitive-family-titles);
  --button-weight: var(--primitive-weight-medium);
  --nav-l-line-height: clamp(1.4rem, 1.0415rem + 0.9434vw, 2.4rem);
  --nav-l-letter-spacing: 0px;
  --nav-l-font-family: var(--primitive-family-navigation);
  --nav-l-weight: var(--primitive-weight-semi-bold);
  --nav-m-font-size: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
  --nav-m-line-height: clamp(1.2rem, 0.7698rem + 1.1321vw, 2.4rem);
  --nav-m-letter-spacing: 0px;
  --nav-m-font-family: var(--primitive-family-navigation);
  --nav-m-weight: var(--primitive-weight-medium);
  --nav-s-font-size: clamp(1rem, 0.8566rem + 0.3774vw, 1.4rem);
  --nav-s-line-height: clamp(1rem, 0.6415rem + 0.9434vw, 2rem);
  --nav-s-letter-spacing: 0px;
  --nav-s-font-family: var(--primitive-family-navigation);
  --nav-s-weight: var(--primitive-weight-medium);
  --stat-l-font-size: clamp(3.2rem, 2.1962rem + 2.6415vw, 6rem);
  --stat-m-font-size: clamp(2.4rem, 1.7547rem + 1.6981vw, 4.2rem);
  --breadcrumb-default-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --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.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --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(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --icon-font-size: clamp(1.8rem, 1.5849rem + 0.566vw, 2.4rem);
  --tag-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --tag-letter-spacing: 0.800000011920929px;
  --tag-font-family: var(--primitive-family-titles);
  --tag-weight: var(--primitive-weight-semi-bold);
  --stat-l-line-height: clamp(4rem, 2.566rem + 3.7736vw, 8rem);
  --stat-l-letter-spacing: 0px;
  --stat-l-font-family: var(--primitive-family-titles);
  --stat-l-weight: var(--primitive-weight-bold);
  --stat-m-line-height: clamp(3.2rem, 2.4113rem + 2.0755vw, 5.4rem);
  --stat-m-letter-spacing: 0px;
  --stat-m-font-family: var(--primitive-family-titles);
  --stat-s-font-family: var(--primitive-family-titles);
  --stat-m-weight: var(--primitive-weight-bold);
  --section-title-font-size: clamp(1.4rem, 1.1849rem + 0.566vw, 2rem);
  --section-title-line-height: clamp(1.8rem, 1.4415rem + 0.9434vw, 2.8rem);
  --section-title-letter-spacing: 0px;
  --section-title-font-family: var(--primitive-family-titles);
  --section-title-weight: var(--primitive-weight-semi-bold);
  --label-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
  --label-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
  --label-letter-spacing: 0px;
  --label-font-family: var(--primitive-family-body);
  --label-weight: var(--primitive-weight-semi-bold)
}
@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
  }
}
@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
  }
}
.card-dark,
.panel-dark,
.section-dark,
.theme-dark {
  --background-section: var(--base-1);
  --background-panel: var(--primary-5);
  --background-card: var(--primary-1);
  --background-card-hover: var(--primary-2);
  --color-display: var(--base-5);
  --color-headline: var(--base-5);
  --color-body: var(--base-5);
  --color-body-secondary: var(--primary-9);
  --color-utility: var(--primary-9);
  --color-quote: var(--base-5);
  --color-stats: var(--base-5);
  --color-pictogram: var(--base-5)
}
.card-light,
.panel-light,
.section-light,
.theme-light {
  --background-section: var(--base-5);
  --background-panel: var(--primary-7);
  --background-card: var(--inner-section-bkg);
  --background-card-hover: var(--primary-2);
  --color-display: var(--primary-1);
  --color-headline: var(--primary-1);
  --color-body: var(--base-2);
  --color-body-secondary: var(--primary-1);
  --color-utility: var(--light-75);
  --color-quote: var(--primary-1);
  --color-stats: var(--primary-9);
  --color-pictogram: var(--primary-9)
}
:root {
  --gradient-bottom-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  --gradient-top-light: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-left-light: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-right-light: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-bottom-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.5) 100%);
  --gradient-top-dark: linear-gradient(180deg, rgba(17, 17, 17, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-left-dark: linear-gradient(90deg, rgba(17, 17, 17, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-right-dark: linear-gradient(270deg, rgba(17, 17, 17, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-tint-dark-50: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  --none: none;
  --xs: 0px 1px 3px 0px rgba(0, 0, 0, 0.10),0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --sm: 0px 4px 8px -2px rgba(0, 0, 0, 0.10),0px 2px 4px -2px rgba(0, 0, 0, 0.06);
  --md: 0px 12px 16px -4px rgba(0, 0, 0, 0.08),0px 4px 6px -2px rgba(0, 0, 0, 0.03);
  --lg: 0px 20px 24px -4px rgba(0, 0, 0, 0.08),0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  --xl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --xxl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --primitive-weight-light: 300;
  --primitive-weight-regular: 400;
  --primitive-weight-medium: 500;
  --primitive-weight-semi-bold: 600;
  --primitive-weight-bold: 700;
  --primitive-weight-extra-bold: 800
}