:root {
    --desktop-display-XL-font-family: "Satoshi", Helvetica;
    --desktop-display-XL-font-weight: 500;
    --desktop-display-XL-font-size: 140px;
    --desktop-display-XL-letter-spacing: -1.4px;
    --desktop-display-XL-line-height: 100%;
    --desktop-display-XL-font-style: normal;
    --desktop-display-l-font-family: "Satoshi", Helvetica;
    --desktop-display-l-font-weight: 500;
    --desktop-display-l-font-size: 72px;
    --desktop-display-l-letter-spacing: -0.36px;
    --desktop-display-l-line-height: 104.99999523162842%;
    --desktop-display-l-font-style: normal;
    --desktop-heading-h1-font-family: "Poppins", Helvetica;
    --desktop-heading-h1-font-weight: 500;
    --desktop-heading-h1-font-size: 56px;
    --desktop-heading-h1-letter-spacing: 0px;
    --desktop-heading-h1-line-height: 120.00000476837158%;
    --desktop-heading-h1-font-style: normal;
    --desktop-heading-h2-font-family: "Poppins", Helvetica;
    --desktop-heading-h2-font-weight: 500;
    --desktop-heading-h2-font-size: 24px;
    --desktop-heading-h2-letter-spacing: 0px;
    --desktop-heading-h2-line-height: 129.99999523162842%;
    --desktop-heading-h2-font-style: normal;
    --desktop-heading-h3-font-family: "Satoshi", Helvetica;
    --desktop-heading-h3-font-weight: 500;
    --desktop-heading-h3-font-size: 20px;
    --desktop-heading-h3-letter-spacing: 0px;
    --desktop-heading-h3-line-height: 129.99999523162842%;
    --desktop-heading-h3-font-style: normal;
    --desktop-body-large-font-family: "Poppins", Helvetica;
    --desktop-body-large-font-weight: 400;
    --desktop-body-large-font-size: 18px;
    --desktop-body-large-letter-spacing: 0px;
    --desktop-body-large-line-height: 150%;
    --desktop-body-large-font-style: normal;
    --desktop-body-default-regular-font-family: "Poppins", Helvetica;
    --desktop-body-default-regular-font-weight: 400;
    --desktop-body-default-regular-font-size: 16px;
    --desktop-body-default-regular-letter-spacing: 0px;
    --desktop-body-default-regular-line-height: 154.99999523162842%;
    --desktop-body-default-regular-font-style: normal;
    --desktop-body-default-medium-font-family: "Poppins", Helvetica;
    --desktop-body-default-medium-font-weight: 500;
    --desktop-body-default-medium-font-size: 16px;
    --desktop-body-default-medium-letter-spacing: 0px;
    --desktop-body-default-medium-line-height: 154.99999523162842%;
    --desktop-body-default-medium-font-style: normal;
    --desktop-body-small-regular-font-family: "Poppins", Helvetica;
    --desktop-body-small-regular-font-weight: 400;
    --desktop-body-small-regular-font-size: 14px;
    --desktop-body-small-regular-letter-spacing: 0px;
    --desktop-body-small-regular-line-height: 139.9999976158142%;
    --desktop-body-small-regular-font-style: normal;
    --desktop-body-small-medium-font-family: "Poppins", Helvetica;
    --desktop-body-small-medium-font-weight: 500;
    --desktop-body-small-medium-font-size: 14px;
    --desktop-body-small-medium-letter-spacing: 0px;
    --desktop-body-small-medium-line-height: 139.9999976158142%;
    --desktop-body-small-medium-font-style: normal;
    --desktop-UI-nav-font-family: "Poppins", Helvetica;
    --desktop-UI-nav-font-weight: 500;
    --desktop-UI-nav-font-size: 16px;
    --desktop-UI-nav-letter-spacing: 0.048000001907348634px;
    --desktop-UI-nav-line-height: normal;
    --desktop-UI-nav-font-style: normal;
    --desktop-UI-button-primary-font-family: "Poppins", Helvetica;
    --desktop-UI-button-primary-font-weight: 600;
    --desktop-UI-button-primary-font-size: 16px;
    --desktop-UI-button-primary-letter-spacing: 0.08px;
    --desktop-UI-button-primary-line-height: normal;
    --desktop-UI-button-primary-font-style: normal;
    --desktop-UI-label-font-family: "Poppins", Helvetica;
    --desktop-UI-label-font-weight: 500;
    --desktop-UI-label-font-size: 12px;
    --desktop-UI-label-letter-spacing: 0px;
    --desktop-UI-label-line-height: normal;
    --desktop-UI-label-font-style: normal;
    --desktop-UI-ancres-font-family: "Poppins", Helvetica;
    --desktop-UI-ancres-font-weight: 500;
    --desktop-UI-ancres-font-size: 18px;
    --desktop-UI-ancres-letter-spacing: 2.88px;
    --desktop-UI-ancres-line-height: normal;
    --desktop-UI-ancres-font-style: normal;
    --desktop-UI-text-font-family: "Poppins", Helvetica;
    --desktop-UI-text-font-weight: 400;
    --desktop-UI-text-font-size: 12px;
    --desktop-UI-text-letter-spacing: 0px;
    --desktop-UI-text-line-height: normal;
    --desktop-UI-text-font-style: normal;
    --desktop-UI-supporting-text-font-family: "Poppins", Helvetica;
    --desktop-UI-supporting-text-font-weight: 400;
    --desktop-UI-supporting-text-font-size: 10px;
    --desktop-UI-supporting-text-letter-spacing: 0px;
    --desktop-UI-supporting-text-line-height: normal;
    --desktop-UI-supporting-text-font-style: normal;
    --mobile-display-mobile-XL-font-family: "Satoshi", Helvetica;
    --mobile-display-mobile-XL-font-weight: 500;
    --mobile-display-mobile-XL-font-size: 48px;
    --mobile-display-mobile-XL-letter-spacing: -0.48px;
    --mobile-display-mobile-XL-line-height: 110.00000238418579%;
    --mobile-display-mobile-XL-font-style: normal;
    --mobile-display-mobile-l-font-family: "Satoshi", Helvetica;
    --mobile-display-mobile-l-font-weight: 500;
    --mobile-display-mobile-l-font-size: 32px;
    --mobile-display-mobile-l-letter-spacing: -0.16px;
    --mobile-display-mobile-l-line-height: 114.99999761581421%;
    --mobile-display-mobile-l-font-style: normal;
    --mobile-heading-mobile-h1-font-family: "Poppins", Helvetica;
    --mobile-heading-mobile-h1-font-weight: 500;
    --mobile-heading-mobile-h1-font-size: 28px;
    --mobile-heading-mobile-h1-letter-spacing: 0px;
    --mobile-heading-mobile-h1-line-height: 120.00000476837158%;
    --mobile-heading-mobile-h1-font-style: normal;
    --mobile-heading-mobile-h2-font-family: "Poppins", Helvetica;
    --mobile-heading-mobile-h2-font-weight: 500;
    --mobile-heading-mobile-h2-font-size: 20px;
    --mobile-heading-mobile-h2-letter-spacing: 0px;
    --mobile-heading-mobile-h2-line-height: 129.99999523162842%;
    --mobile-heading-mobile-h2-font-style: normal;
    --mobile-heading-mobile-h3-font-family: "Satoshi", Helvetica;
    --mobile-heading-mobile-h3-font-weight: 500;
    --mobile-heading-mobile-h3-font-size: 18px;
    --mobile-heading-mobile-h3-letter-spacing: 0px;
    --mobile-heading-mobile-h3-line-height: 129.99999523162842%;
    --mobile-heading-mobile-h3-font-style: normal;
    --mobile-body-mobile-large-font-family: "Poppins", Helvetica;
    --mobile-body-mobile-large-font-weight: 400;
    --mobile-body-mobile-large-font-size: 16px;
    --mobile-body-mobile-large-letter-spacing: 0px;
    --mobile-body-mobile-large-line-height: 150%;
    --mobile-body-mobile-large-font-style: normal;
    --mobile-body-mobile-default-regular-font-family: "Poppins", Helvetica;
    --mobile-body-mobile-default-regular-font-weight: 400;
    --mobile-body-mobile-default-regular-font-size: 15px;
    --mobile-body-mobile-default-regular-letter-spacing: 0px;
    --mobile-body-mobile-default-regular-line-height: 150%;
    --mobile-body-mobile-default-regular-font-style: normal;
    --mobile-body-mobile-default-medium-font-family: "Poppins", Helvetica;
    --mobile-body-mobile-default-medium-font-weight: 500;
    --mobile-body-mobile-default-medium-font-size: 15px;
    --mobile-body-mobile-default-medium-letter-spacing: 0px;
    --mobile-body-mobile-default-medium-line-height: 150%;
    --mobile-body-mobile-default-medium-font-style: normal;
    --mobile-body-mobile-small-regular-font-family: "Poppins", Helvetica;
    --mobile-body-mobile-small-regular-font-weight: 400;
    --mobile-body-mobile-small-regular-font-size: 13px;
    --mobile-body-mobile-small-regular-letter-spacing: 0px;
    --mobile-body-mobile-small-regular-line-height: 139.9999976158142%;
    --mobile-body-mobile-small-regular-font-style: normal;
    --mobile-body-mobile-small-medium-font-family: "Poppins", Helvetica;
    --mobile-body-mobile-small-medium-font-weight: 500;
    --mobile-body-mobile-small-medium-font-size: 13px;
    --mobile-body-mobile-small-medium-letter-spacing: 0px;
    --mobile-body-mobile-small-medium-line-height: 139.9999976158142%;
    --mobile-body-mobile-small-medium-font-style: normal;
    --mobile-UI-mobile-nav-font-family: "Satoshi", Helvetica;
    --mobile-UI-mobile-nav-font-weight: 500;
    --mobile-UI-mobile-nav-font-size: 24px;
    --mobile-UI-mobile-nav-letter-spacing: 0.07200000286102295px;
    --mobile-UI-mobile-nav-line-height: normal;
    --mobile-UI-mobile-nav-font-style: normal;
    --mobile-UI-mobile-button-primary-font-family: "Poppins", Helvetica;
    --mobile-UI-mobile-button-primary-font-weight: 500;
    --mobile-UI-mobile-button-primary-font-size: 16px;
    --mobile-UI-mobile-button-primary-letter-spacing: 0.08px;
    --mobile-UI-mobile-button-primary-line-height: normal;
    --mobile-UI-mobile-button-primary-font-style: normal;
    --mobile-UI-mobile-label-font-family: "Poppins", Helvetica;
    --mobile-UI-mobile-label-font-weight: 500;
    --mobile-UI-mobile-label-font-size: 12px;
    --mobile-UI-mobile-label-letter-spacing: 0px;
    --mobile-UI-mobile-label-line-height: normal;
    --mobile-UI-mobile-label-font-style: normal;
    --mobile-UI-mobile-ancres-font-family: "Poppins", Helvetica;
    --mobile-UI-mobile-ancres-font-weight: 500;
    --mobile-UI-mobile-ancres-font-size: 16px;
    --mobile-UI-mobile-ancres-letter-spacing: 2.56px;
    --mobile-UI-mobile-ancres-line-height: normal;
    --mobile-UI-mobile-ancres-font-style: normal;
    --mobile-UI-mobile-text-font-family: "Poppins", Helvetica;
    --mobile-UI-mobile-text-font-weight: 400;
    --mobile-UI-mobile-text-font-size: 12px;
    --mobile-UI-mobile-text-letter-spacing: 0px;
    --mobile-UI-mobile-text-line-height: normal;
    --mobile-UI-mobile-text-font-style: normal;
    --mobile-UI-mobile-supporting-text-font-family: "Poppins", Helvetica;
    --mobile-UI-mobile-supporting-text-font-weight: 400;
    --mobile-UI-mobile-supporting-text-font-size: 11px;
    --mobile-UI-mobile-supporting-text-letter-spacing: 0px;
    --mobile-UI-mobile-supporting-text-line-height: normal;
    --mobile-UI-mobile-supporting-text-font-style: normal;
    --colors-blue01: rgba(21, 157, 255, 1);
    --colors-blue02: rgba(0, 101, 255, 1);
    --colors-blue03: rgba(1, 62, 236, 1);
    --colors-blue04: rgba(0, 0, 126, 1);
    --colors-blue05: rgba(8, 8, 58, 1);
    --colors-white: rgba(255, 255, 255, 1);
    --colors-blanc: rgba(255, 255, 255, 1);
    --spacing-xs: 4px;
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    --spacing-xxxl: 64px;
    --spacing-xxxxl: 120px;
    --spacing-xxxxxl: 240px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-rounded: 20px;
    --spacings-xl-duplicate: 32px;
    --spacings-m-duplicate: 16px;
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-spacing-mode="desktop">
        <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-spacing-mode="desktop"] {
    --spacing-s: 8px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    --spacing-xxxl: 64px;
    --spacing-xxxxl: 120px;
    --spacing-xxxxxl: 240px;
}

[data-spacing-mode="mobile"] {
    --spacing-s: 4px;
    --spacing-m: 8px;
    --spacing-l: 16px;
    --spacing-xl: 24px;
    --spacing-xxl: 32px;
    --spacing-xxxl: 48px;
    --spacing-xxxxl: 48px;
    --spacing-xxxxxl: 48px;
}

[data-radius-mode="desktop"] {
    --radius-md: 8px;
    --radius-lg: 16px;
}

[data-radius-mode="mobile"] {
    --radius-md: 6px;
    --radius-lg: 8px;
}

[data-spacings-mode="desktop"] {
    --spacings-xl-duplicate: 32px;
    --spacings-m-duplicate: 16px;
}

[data-spacings-mode="mobile"] {
    --spacings-xl-duplicate: 24px;
    --spacings-m-duplicate: 8px;
}