:root {
  --bg: rgba(245, 245, 247, 1);
  --black: rgba(20, 20, 20, 1);
  --dark-blue: rgba(29, 58, 112, 1);
  --neutraul01-ddddd: rgba(221, 221, 221, 1);
  --darkheading: rgba(245, 245, 245, 1);
  --darkparagraph: rgba(255, 255, 255, 1);
  --neutral-light09: rgba(250, 251, 252, 1);
  --darkbackground: rgba(24, 24, 24, 1);
  --neutraul06-222325: rgba(34, 35, 37, 1);
  --reg-12-font-family: "Lato", sans-serif;
  --reg-12-font-weight: 400;
  --reg-12-font-size: 12px;
  --reg-12-letter-spacing: 0px;
  --reg-12-line-height: 150%;
  --reg-12-font-style: normal;
  --reg-14-font-family: "Lato", sans-serif;
  --reg-14-font-weight: 400;
  --reg-14-font-size: 14px;
  --reg-14-letter-spacing: 0px;
  --reg-14-line-height: 150%;
  --reg-14-font-style: normal;
  --reg-16-font-family: "Lato", sans-serif;
  --reg-16-font-weight: 400;
  --reg-16-font-size: 16px;
  --reg-16-letter-spacing: 0px;
  --reg-16-line-height: 150%;
  --reg-16-font-style: normal;
  --reg-18-font-family: "Lato", sans-serif;
  --reg-18-font-weight: 400;
  --reg-18-font-size: 18px;
  --reg-18-letter-spacing: 0px;
  --reg-18-line-height: 24px;
  --reg-18-font-style: normal;
  --reg-20-font-family: "Lato", sans-serif;
  --reg-20-font-weight: 400;
  --reg-20-font-size: 20px;
  --reg-20-letter-spacing: 0px;
  --reg-20-line-height: 139.9999976158142%;
  --reg-20-font-style: normal;
  --reg-24-font-family: "Lato", sans-serif;
  --reg-24-font-weight: 400;
  --reg-24-font-size: 24px;
  --reg-24-letter-spacing: 0px;
  --reg-24-line-height: 139.9999976158142%;
  --reg-24-font-style: normal;
  --bold-12-font-family: "Lato", sans-serif;
  --bold-12-font-weight: 700;
  --bold-12-font-size: 12px;
  --bold-12-letter-spacing: 0px;
  --bold-12-line-height: 150%;
  --bold-12-font-style: normal;
  --bold-14-font-family: "Lato", sans-serif;
  --bold-14-font-weight: 700;
  --bold-14-font-size: 14px;
  --bold-14-letter-spacing: 0px;
  --bold-14-line-height: 150%;
  --bold-14-font-style: normal;
  --bold-16-font-family: "Lato", sans-serif;
  --bold-16-font-weight: 700;
  --bold-16-font-size: 16px;
  --bold-16-letter-spacing: 0px;
  --bold-16-line-height: 150%;
  --bold-16-font-style: normal;
  --bold-18-font-family: "Lato", sans-serif;
  --bold-18-font-weight: 700;
  --bold-18-font-size: 18px;
  --bold-18-letter-spacing: 0px;
  --bold-18-line-height: 150%;
  --bold-18-font-style: normal;
  --bold-20-font-family: "Lato", sans-serif;
  --bold-20-font-weight: 700;
  --bold-20-font-size: 20px;
  --bold-20-letter-spacing: 0px;
  --bold-20-line-height: 139.9999976158142%;
  --bold-20-font-style: normal;
  --bold-24-font-family: "Lato", sans-serif;
  --bold-24-font-weight: 700;
  --bold-24-font-size: 24px;
  --bold-24-letter-spacing: 0px;
  --bold-24-line-height: 139.9999976158142%;
  --bold-24-font-style: normal;
  --montserrat-28-reg-font-family: "Lato", sans-serif;
  --montserrat-28-reg-font-weight: 400;
  --montserrat-28-reg-font-size: 28px;
  --montserrat-28-reg-letter-spacing: 0px;
  --montserrat-28-reg-line-height: 129.99999523162842%;
  --montserrat-28-reg-font-style: normal;
  --montserrat-32-reg-font-family: "Lato", sans-serif;
  --montserrat-32-reg-font-weight: 400;
  --montserrat-32-reg-font-size: 32px;
  --montserrat-32-reg-letter-spacing: 0px;
  --montserrat-32-reg-line-height: 120.00000476837158%;
  --montserrat-32-reg-font-style: normal;
  --montserrat-38-reg-font-family: "Lato", sans-serif;
  --montserrat-38-reg-font-weight: 400;
  --montserrat-38-reg-font-size: 38px;
  --montserrat-38-reg-letter-spacing: 0px;
  --montserrat-38-reg-line-height: 120.00000476837158%;
  --montserrat-38-reg-font-style: normal;
  --montserrat-28-b-font-family: "Lato", sans-serif;
  --montserrat-28-b-font-weight: 700;
  --montserrat-28-b-font-size: 28px;
  --montserrat-28-b-letter-spacing: 0px;
  --montserrat-28-b-line-height: 129.99999523162842%;
  --montserrat-28-b-font-style: normal;
  --montserrat-32-b-font-family: "Lato", sans-serif;
  --montserrat-32-b-font-weight: 700;
  --montserrat-32-b-font-size: 32px;
  --montserrat-32-b-letter-spacing: 0px;
  --montserrat-32-b-line-height: 120.00000476837158%;
  --montserrat-32-b-font-style: normal;
  --montserrat-38-b-font-family: "Lato", sans-serif;
  --montserrat-38-b-font-weight: 700;
  --montserrat-38-b-font-size: 38px;
  --montserrat-38-b-letter-spacing: 0px;
  --montserrat-38-b-line-height: 120.00000476837158%;
  --montserrat-38-b-font-style: normal;
  --montserrat-38-semi-font-family: "Lato", sans-serif;
  --montserrat-38-semi-font-weight: 400;
  --montserrat-38-semi-font-size: 38px;
  --montserrat-38-semi-letter-spacing: 0px;
  --montserrat-38-semi-line-height: 120.00000476837158%;
  --montserrat-38-semi-font-style: normal;
  --playfair-38-font-family: "Merriweather", serif;
  --playfair-38-font-weight: 600;
  --playfair-38-font-size: 38px;
  --playfair-38-letter-spacing: 0px;
  --playfair-38-line-height: 120.00000476837158%;
  --playfair-38-font-style: italic;
  --32-bold-font-family: "Lato", sans-serif;
  --32-bold-font-weight: 700;
  --32-bold-font-size: 32px;
  --32-bold-letter-spacing: 0px;
  --32-bold-line-height: 120.00000476837158%;
  --32-bold-font-style: normal;
  --body-semibold-text3-font-family: "Lato", sans-serif;
  --body-semibold-text3-font-weight: 600;
  --body-semibold-text3-font-size: 14px;
  --body-semibold-text3-letter-spacing: 0px;
  --body-semibold-text3-line-height: 139.9999976158142%;
  --body-semibold-text3-font-style: normal;
  --body-semibold-text4-font-family: "Lato", sans-serif;
  --body-semibold-text4-font-weight: 600;
  --body-semibold-text4-font-size: 13px;
  --body-semibold-text4-letter-spacing: 0px;
  --body-semibold-text4-line-height: 139.9999976158142%;
  --body-semibold-text4-font-style: normal;
  --base-bold-l-font-family: "Lato", sans-serif;
  --base-bold-l-font-weight: 800;
  --base-bold-l-font-size: 16px;
  --base-bold-l-letter-spacing: -0.32px;
  --base-bold-l-line-height: normal;
  --base-bold-l-font-style: normal;
  --base-l-font-family: "Lato", sans-serif;
  --base-l-font-weight: 400;
  --base-l-font-size: 16px;
  --base-l-letter-spacing: -0.32px;
  --base-l-line-height: normal;
  --base-l-font-style: normal;
  --body-16-regular-font-family: "Lato", sans-serif;
  --body-16-regular-font-weight: 400;
  --body-16-regular-font-size: 16px;
  --body-16-regular-letter-spacing: 0.16px;
  --body-16-regular-line-height: 24px;
  --body-16-regular-font-style: normal;
  --body-14-medium-font-family: "Lato", sans-serif;
  --body-14-medium-font-weight: 500;
  --body-14-medium-font-size: 14px;
  --body-14-medium-letter-spacing: 0px;
  --body-14-medium-line-height: 22px;
  --body-14-medium-font-style: normal;
  --body-14-regular-font-family: "Lato", sans-serif;
  --body-14-regular-font-weight: 400;
  --body-14-regular-font-size: 14px;
  --body-14-regular-letter-spacing: 0px;
  --body-14-regular-line-height: 22px;
  --body-14-regular-font-style: normal;
  --subheader-16-regular-font-family: "Lato", sans-serif;
  --subheader-16-regular-font-weight: 400;
  --subheader-16-regular-font-size: 16px;
  --subheader-16-regular-letter-spacing: 0px;
  --subheader-16-regular-line-height: 150%;
  --subheader-16-regular-font-style: normal;
  --body-small-body-sm-semi-bold-font-family: "Lato", sans-serif;
  --body-small-body-sm-semi-bold-font-weight: 600;
  --body-small-body-sm-semi-bold-font-size: 14px;
  --body-small-body-sm-semi-bold-letter-spacing: 0px;
  --body-small-body-sm-semi-bold-line-height: 20px;
  --body-small-body-sm-semi-bold-font-style: normal;
  --1: 0px 0px 20px 0px rgba(214, 214, 214, 0.25);
  --2: 0px 0px 30px 0px rgba(178, 178, 178, 0.25);
  --3: 0px 0px 0px 0px rgba(123, 123, 123, 0.3);
  --depth-card-light:
    0px 5px 1.5px -4px rgba(8, 8, 8, 0.05), 0px 6px 4px -4px rgba(8, 8, 8, 0.05), 0px 6px 13px 0px rgba(
      8,
      8,
      8,
      0.03
    ), 0px 24px 24px -16px rgba(8, 8, 8, 0.04), 0px 2.1500000953674316px 0.5px -2px rgba(
      0,
      0,
      0,
      0.25
    ), 0px 32px 64px -12px rgba(0, 0, 0, 0.08);
  --new: 0px 0px 10px 0px rgba(149, 149, 149, 0.25);
  --collection-1-new-group-main: rgba(0, 104, 187, 1);
  --collection-1-new-group-accueillir: rgba(226, 213, 30, 1);
  --collection-1-new-group-vendre: rgba(245, 166, 35, 1);
  --collection-1-new-group-violet: rgba(155, 81, 224, 1);
  --collection-1-new-group-former: rgba(45, 156, 219, 1);
  --collection-1-new-group-n-gocier: rgba(217, 179, 249, 1);
  --collection-1-new-group-s-curiser: rgba(69, 128, 100, 1);
  --collection-1-neutral-white: rgba(255, 255, 255, 1);
  --collection-1-functional-red: rgba(235, 87, 87, 1);
  --collection-1-functional-color-2: rgba(39, 174, 96, 1);
  --collection-1-neutral-line: rgba(246, 246, 246, 1);
  --collection-1-neutral-liner: rgba(235, 236, 237, 1);
  --collection-1-neutral-border: rgba(216, 217, 219, 1);
  --collection-1-neutral-disable: rgba(139, 143, 149, 1);
  --collection-1-neutral-second-text: rgba(67, 75, 86, 1);
  --collection-1-neutral-main-text: rgba(12, 39, 55, 1);
  --collection-1-neutral-color-white: rgba(255, 255, 255, 1);
  --collection-1-neutral-white-duplicate: rgba(255, 255, 255, 1);
  --collection-1-neutral-liner-duplicate: rgba(235, 236, 237, 1);
  --collection-1-neutral-border-duplicate: rgba(216, 217, 219, 1);
  --theme-text-secondary: var(--neutral-shade06-100);
  --theme-text-primary: var(--neutral-shade02-100);
  --theme-backgrounds-surface1: var(--neutral-shade09-100);
  --theme-text-light: var(--neutral-shade10-100);
  --theme-back: var(--neutral-shade10-50);
  --theme-backgrounds-surface2: var(--neutral-shade10-100);
  --theme-backgrounds-card: rgba(233, 233, 233, 1);
  --system-text-on-white-empty: var(--golbal-golbal-color-neutral-gray-7);
  --collection-1-neutral-disable-duplicate: rgba(139, 143, 149, 1);
  --collection-1-neutral-pri-text: rgba(12, 39, 55, 1);
  --collection-1-neutral-base: rgba(255, 255, 255, 1);
  --collection-1-neutral-divider: rgba(235, 236, 237, 1);
  --global-tokens-colors-neutral-700: rgba(0, 39, 53, 1);
  --global-tokens-colors-neutral-white: rgba(255, 255, 255, 1);
  --1-color-modes-text-primary-sub: var(--global-golbal-color-neutral-gray-6);
  --neutral-shade07-10: rgba(168, 168, 168, 0.1);
  --neutral-shade06-100: rgba(114, 114, 114, 1);
  --neutral-shade02-100: rgba(27, 27, 27, 1);
  --neutral-shade09-100: rgba(241, 241, 241, 1);
  --neutral-shade10-100: rgba(253, 253, 253, 1);
  --neutral-shade10-50: rgba(253, 253, 253, 0.5);
  --neutral-shade07-100: rgba(168, 168, 168, 1);
  --neutral-shade01-100: rgba(20, 20, 20, 1);
  --neutral-shade10-5: rgba(253, 253, 253, 0.05);
  --neutral-shade03-100: rgba(40, 40, 40, 1);
  --golbal-golbal-color-neutral-gray-7: rgba(102, 108, 120, 1);
  --golbal-global-spacing-sp-16: 16px;
  --global-golbal-color-neutral-gray-6: rgba(109, 109, 109, 1);
  --global-golbal-spacing-sp-0: 0px;
  --global-golbal-color-neutral-gray-5: rgba(136, 136, 136, 1);
  --global-golbal-spacing-sp-12: 12px;
  --global-golbal-spacing-sp-24: 24px;
  --global-golbal-spacing-sp-16: 16px;
  --3-spacing-spacing-xs: var(--primitives-spacing-1-4px);
  --primitives-spacing-1-4px: 4px;
}

/*

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

<body data-theme-mode="light">
    <!-- the rest of your content -->
</body>

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

*/

[data-theme-mode="light"] {
  --theme-text-secondary: var(--neutral-shade06-100);
  --theme-text-primary: var(--neutral-shade02-100);
  --theme-backgrounds-surface1: var(--neutral-shade09-100);
  --theme-text-light: var(--neutral-shade10-100);
  --theme-back: var(--neutral-shade10-50);
  --theme-backgrounds-surface2: var(--neutral-shade10-100);
  --theme-backgrounds-card: rgba(233, 233, 233, 1);
}

[data-theme-mode="dark"] {
  --theme-text-secondary: var(--neutral-shade07-100);
  --theme-text-primary: var(--neutral-shade09-100);
  --theme-backgrounds-surface1: var(--neutral-shade02-100);
  --theme-text-light: var(--neutral-shade01-100);
  --theme-back: var(--neutral-shade10-5);
  --theme-backgrounds-surface2: var(--neutral-shade03-100);
  --theme-backgrounds-card: rgba(32, 32, 32, 1);
}

[data-1-color-modes-mode="dark"] {
  --1-color-modes-text-primary-sub: var(--global-golbal-color-neutral-gray-6);
}

[data-1-color-modes-mode="light"] {
  --1-color-modes-text-primary-sub: var(--global-golbal-color-neutral-gray-5);
}