:root { --_color-modes---background-primary: var(--_palettes---brand--beige); --font-family--paragraph: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-family--headings: Funneldisplay, Arial, sans-serif; --heading-mobile--hsm-2rem\: 1.75rem; --heading-mobile--hsm-1x5rem\: 1.5rem; --heading-mobile--hsm-1x25rem\: 1.25rem; --heading-mobile--hsm-1rem\: 1rem; --_paragraphs---text-size-1rem--font-size: 1rem; --_paragraphs---text-size-1rem--line-height: 1.2; --_paragraphs---text-size-1rem--letter-spacing: -.02rem; --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --palette-neutral--n300\: #a7a7a7; --palette-neutral--n500\: #909090; --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --background-color--background-success\: var(--base-color-system--success-green\); --text-color--text-success\: var(--base-color-system--success-green-dark\); --_headings---heading-size-2x5rem--font-size: 2.5rem; --_headings---heading-size-2x5rem--line-height: .98; --_headings---heading-size-2x5rem--font-weight: 400; --_headings---heading-size-2x5rem--letter-spacing: -.075rem; --_headings---heading-size-3rem--font-size: 3rem; --_headings---heading-size-3rem--line-height: .98; --_headings---heading-size-3rem--letter-spacing: -.09rem; --_headings---heading-size-2rem--line-height: 1.12; --_headings---heading-size-2rem--font-size: 2rem; --_headings---heading-size-1x5rem--line-height: 1.24; --_headings---heading-size-2rem--letter-spacing: -.06rem; --_headings---heading-size-1x5rem--font-size: 1.5rem; --_headings---heading-size-1x25rem--line-height: 1.3; --_headings---heading-size-1x5rem--letter-spacing: -.045rem; --_headings---heading-size-1x25rem--font-size: 1.25rem; --_paragraphs---text-size-1x125rem--line-height: 1.24; --_headings---heading-size-1x25rem--letter-spacing: -.0375rem; --_color-modes---text-accent: var(--_palettes---brand--lavende); --_paragraphs---text-size-1x125rem--font-size: 1.125rem; --_paragraphs---text-size-1x125rem--font-weight\: 400; --_headings---heading-size-3x5rem--font-size: 3.5rem; --_headings---heading-size-3x5rem--line-height: .98; --_headings---heading-size-3x5rem--font-weight: 400; --_headings---heading-size-3x5rem--letter-spacing: -.105rem; --spacers-padding--global: 2rem; --border-color--border-primary\: var(--palette-neutral--n200\); --_paragraphs---text-size-0x75rem--font-size: .75rem; --_paragraphs---text-size-0x875rem--line-height: 1.2; --_paragraphs---text-size-0x75rem--letter-spacing: 0px; --_paragraphs---text-size-0x875rem--font-size: .875rem; --_paragraphs---text-size-0x875rem--letter-spacing: -.0175rem; --_headings---heading-size-2rem--font-weight: 400; --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_palettes---neutral--neutral200: #eaebea; --_palettes---neutral--neutral500: #abadad; --_palettes---brand--taupe: #bdab7b; --text-color--text-secondary\: var(--color-2-neutral--neutral-darker\); --_palettes---neutral--neutral300: #d5d6d6; --_paragraphs---text-size-1x25rem--font-size: 1.25rem; --_paragraphs---text-size-1x25rem--line-height: 1.2; --_paragraphs---text-size-1x25rem--letter-spacing: 0px; --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_headings---heading-size-3rem--font-weight: 400; --palette-neutral--n-white\: white; --_headings---heading-size-1x5rem--font-weight: 400; --_palettes---neutral--neutral0: white; --background-color--background-error\: var(--base-color-system--error-red\); --text-color--text-error\: var(--base-color-system--error-red-dark\); --theme-1-default--background-primary\: var(--palette-neutral--n-white\); --border--rad0x5rem\: .5rem; --palette-neutral--n-black\: #0c0c0c; --palette-neutral--n800\: #383838; --_paragraphs---text-size-1x125rem--letter-spacing: -.0225rem; --background-color--background-warning\: var(--base-color-system--warning-yellow\); --text-color--text-warning\: var(--base-color-system--warning-yellow-dark\); --_palettes---brand--beige: #efede5; --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_palettes---brand--lavende: #849df5; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --font-family--badges: Chivomono, Arial, sans-serif; --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_palettes---brand--sable: #e0d6bb; --_palettes---brand--bleunuit: #101e4c; --_palettes---neutral--neutral1000: #1c1e1d; --_palettes---brand--jaunecitron: #edff77; --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_palettes---brand--olive: #4a5213; --_palettes---brand--kaki: #564b2d; --_headings---heading-size-1x25rem--font-weight: 400; --_paragraphs---text-style-badge--font-family: var(--font-family--badges); --_paragraphs---text-style-badge--font-size: .875rem; --_paragraphs---text-style-badge--letter-spacing: -.0175rem; --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --spacers-padding--max-width: 95rem; --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_paragraphs---text-size-1x375rem--font-size: 1.375rem; --_paragraphs---text-size-1x375rem--letter-spacing: -.04125rem; --_palettes---neutral--neutral600: #828483; --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_palettes---brand--bleuelectrique: #3f64e9; --_palettes---neutral--neutral100: #f4f4f4; --_palettes---neutral--neutral400: #c0c2c1; --_palettes---neutral--neutral700: #585b5a; --_palettes---neutral--neutral800: #2e3231; --_palettes---neutral--neutral900: #252827; --_palettes---system--success: #01e17b; --_palettes---system--success-bg: #e5fcf1; --_palettes---system--warning: #fdca40; --_palettes---system--error: #d66853; --_palettes---system--info: #006acc; --_paragraphs---text-size-1x375rem--line-height: 1.24; --_paragraphs---text-size-0x75rem--line-height: 1.2; --_paragraphs---text-style-badge--line-height: 1.24; --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; --base-color-system--success-green\: #cef5ca; --base-color-system--success-green-dark\: #114e0b; --palette-neutral--n200\: #bdbdbd; --color-2-neutral--neutral-darker\: #222; --base-color-system--error-red\: #f8e4e4; --base-color-system--error-red-dark\: #3b0b0b; --palette-neutral--n900\: #222; --base-color-system--warning-yellow\: #fcf8d8; --base-color-system--warning-yellow-dark\: #5e5515; } body { background-color: var(--_color-modes---background-primary); font-family: var(--font-family--paragraph); font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-family--headings); margin-top: 0; margin-bottom: 0; } p { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-1rem--font-size); line-height: var(--_paragraphs---text-size-1rem--line-height); letter-spacing: var(--_paragraphs---text-size-1rem--letter-spacing); margin-bottom: 0; } a { color: var(--_color-modes---text-primary); } ul, ol { margin-top: 0; margin-bottom: 0; padding-left: 1.5rem; } li { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-1rem--font-size); line-height: var(--_paragraphs---text-size-1rem--line-height); letter-spacing: var(--_paragraphs---text-size-1rem--letter-spacing); margin-bottom: .25rem; font-weight: 400; } img { max-width: 100%; display: inline-block; } label { margin-bottom: .25rem; font-weight: 500; } strong { font-weight: bold; } blockquote { font-family: var(--font-family--paragraph); border-left: .25rem solid #e2e2e2; margin-bottom: 0; padding: 0 1.25rem; font-size: 1.25rem; line-height: 1.5; } figure { margin-top: 2rem; margin-bottom: 2rem; } figcaption { text-align: center; margin-top: .25rem; } .text-weight-600 { font-weight: 600; } .text-color-neutral { color: var(--_color-modes---text-neutral); } .heading-size-2x5rem { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-2x5rem--font-size); line-height: var(--_headings---heading-size-2x5rem--line-height); font-weight: var(--_headings---heading-size-2x5rem--font-weight); letter-spacing: var(--_headings---heading-size-2x5rem--letter-spacing); } .text-rich-text h1 { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-3rem--font-size); line-height: var(--_headings---heading-size-3rem--line-height); letter-spacing: var(--_headings---heading-size-3rem--letter-spacing); background-color: red; margin-top: 3rem; margin-bottom: 0; } .text-rich-text h2 { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-3rem--font-size); line-height: var(--_headings---heading-size-2x5rem--line-height); letter-spacing: var(--_headings---heading-size-3rem--letter-spacing); margin-top: 4.5rem; font-weight: 400; } .text-rich-text h3 { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-2x5rem--font-size); line-height: var(--_headings---heading-size-2rem--line-height); letter-spacing: var(--_headings---heading-size-2x5rem--letter-spacing); margin-top: 4rem; font-weight: 400; } .text-rich-text h4 { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-2rem--font-size); line-height: var(--_headings---heading-size-1x5rem--line-height); letter-spacing: var(--_headings---heading-size-2rem--letter-spacing); margin-top: 3rem; font-weight: 400; } .text-rich-text h5 { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-1x5rem--font-size); line-height: var(--_headings---heading-size-1x25rem--line-height); letter-spacing: var(--_headings---heading-size-1x5rem--letter-spacing); margin-top: 2.5rem; font-weight: 400; } .text-rich-text h6 { font-family: var(--font-family--paragraph); font-size: var(--_headings---heading-size-1x25rem--font-size); line-height: var(--_paragraphs---text-size-1x125rem--line-height); letter-spacing: var(--_headings---heading-size-1x25rem--letter-spacing); margin-top: 2rem; font-weight: 400; } .text-rich-text p { color: var(--_color-modes---text-neutral); font-size: var(--_paragraphs---text-size-1rem--font-size); letter-spacing: var(--_paragraphs---text-size-1rem--letter-spacing); margin-top: 1rem; line-height: 1.4; } .text-rich-text ul, .text-rich-text ol { color: var(--_color-modes---text-primary); margin-top: 1.5rem; margin-bottom: 1.5rem; } .text-rich-text a { text-decoration: underline; } .text-rich-text a:hover { color: var(--_color-modes---text-accent); } .text-rich-text blockquote { border-left-width: 2px; border-left-color: var(--_color-modes---text-primary); max-width: 55rem; font-family: var(--font-family--paragraph); color: var(--_color-modes---text-primary); font-size: var(--_paragraphs---text-size-1x125rem--font-size); line-height: var(--_paragraphs---text-size-1x125rem--line-height); font-weight: var(--_paragraphs---text-size-1x125rem--font-weight\); margin-top: 1.5rem; margin-bottom: 1.5rem; padding: 1rem 1.5rem; } .text-rich-text li { color: var(--_color-modes---text-neutral); line-height: 1.6; } .text-rich-text strong { font-weight: 600; } .text-rich-text.opacity80 { opacity: .8; } .heading-size-3x5rem { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-3x5rem--font-size); line-height: var(--_headings---heading-size-3x5rem--line-height); font-weight: var(--_headings---heading-size-3x5rem--font-weight); letter-spacing: var(--_headings---heading-size-3x5rem--letter-spacing); } .padding-global { padding-right: var(--spacers-padding--global); padding-left: var(--spacers-padding--global); } .text-weight-500 { font-weight: 500; } .text-size-0x75rem { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-0x75rem--font-size); line-height: var(--_paragraphs---text-size-0x875rem--line-height); letter-spacing: var(--_paragraphs---text-size-0x75rem--letter-spacing); } .text-size-1rem { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-1rem--font-size); line-height: var(--_paragraphs---text-size-1rem--line-height); letter-spacing: var(--_paragraphs---text-size-1rem--letter-spacing); } .text-size-1rem.text-color-auto-neutral:where(.w-variant-4e40226a-73f2-a60c-8e54-29a74acbb7d2) { color: var(--_color-modes---text-neutral); } .max-width-32rem { width: 100%; max-width: 32rem; } .text-size-0x875rem { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-0x875rem--font-size); line-height: var(--_paragraphs---text-size-0x875rem--line-height); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); } .text-size-0x875rem.text-style-badge.text-opacity-0 { opacity: 0; opacity: 0; opacity: 0; } .heading-size-2rem { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-2rem--font-size); line-height: var(--_headings---heading-size-2rem--line-height); font-weight: var(--_headings---heading-size-2rem--font-weight); letter-spacing: var(--_headings---heading-size-2rem--letter-spacing); } .form_input { border: 1px solid var(--_palettes---neutral--neutral200); min-height: 3.125rem; color: var(--_palettes---neutral--neutral500); background-color: #0000; border-radius: .5rem; margin-bottom: .75rem; padding: .5rem 1rem; font-size: 1rem; } .form_input:active, .form_input:focus { color: var(--_palettes---brand--taupe); } .form_input::placeholder { color: var(--_palettes---neutral--neutral500); } .form_input.is-select-input { color: var(--text-color--text-secondary\); } .form_input.is-text-area { min-height: 8rem; padding-top: .75rem; font-size: 1rem; } .form_input.is--search { min-height: 3.5rem; color: var(--_color-modes---text-primary); border-radius: .5rem; margin-bottom: 0; } .form_input.is--search:where(.w-variant-9eddd178-61bb-5c90-d155-b44f0cf98023) { -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); background-color: #ffffff14; border-color: #ffffff1f; } .form_input.is--search:where(.w-variant-9eddd178-61bb-5c90-d155-b44f0cf98023)::placeholder { color: var(--_palettes---neutral--neutral300); } .form_input.is--email-form { min-height: 3.5rem; color: var(--_color-modes---text-primary); border-radius: .5rem; margin-bottom: 0; transition: border .2s cubic-bezier(.215, .61, .355, 1); } .form_input.is--email-form:where(.w-variant-9eddd178-61bb-5c90-d155-b44f0cf98023) { -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); background-color: #ffffff14; border-color: #ffffff1f; } .form_input.is--email-form:where(.w-variant-9eddd178-61bb-5c90-d155-b44f0cf98023)::placeholder { color: var(--_palettes---neutral--neutral300); } .heading-size-3rem { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-3rem--font-size); line-height: var(--_headings---heading-size-3rem--line-height); font-weight: var(--_headings---heading-size-3rem--font-weight); letter-spacing: var(--_headings---heading-size-3rem--letter-spacing); } .page-wrapper { overflow: clip; } .page-wrapper:where(.w-variant-04ae0a40-da5e-90be-a4fd-3b4d9509e6ca) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .page-wrapper:where(.w-variant-f9d801bc-0c0c-9dda-4551-de97597a3a0d) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .page-wrapper:where(.w-variant-e67c80de-0d0e-dee7-1f97-4bce073051a2) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .page-wrapper:where(.w-variant-65c0b1d7-45b8-72e6-ff50-5f838edc8ed6) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .page-wrapper:where(.w-variant-d164a575-bb7c-cb92-79c0-0bdc8d6b434e) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .page-wrapper:where(.w-variant-5e951faa-23b6-b503-9e78-97784c4c3272) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .heading-size-1x5rem { font-family: var(--font-family--headings); font-size: var(--_headings---heading-size-1x5rem--font-size); line-height: var(--_headings---heading-size-1x5rem--line-height); font-weight: var(--_headings---heading-size-1x5rem--font-weight); letter-spacing: var(--_headings---heading-size-1x5rem--letter-spacing); } .heading-size-1x5rem:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .heading-size-1x5rem:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .heading-size-1x5rem:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .heading-size-1x5rem:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .heading-size-1x5rem:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .heading-size-1x5rem:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .heading-size-1x5rem:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { font-size: var(--_headings---heading-size-2rem--font-size); } .heading-size-1x5rem.text-color-white { color: var(--_palettes---neutral--neutral0); } .main-wrapper.is--blue { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .layer-2 { z-index: -2; border-radius: inherit; justify-content: center; align-items: center; position: absolute; inset: 0; } .layer-2.fs-styleguide_theme { background-color: var(--theme-1-default--background-primary\); } .text-size-1x125rem { font-family: var(--font-family--paragraph); font-size: var(--_paragraphs---text-size-1x125rem--font-size); line-height: var(--_paragraphs---text-size-1x125rem--line-height); letter-spacing: var(--_paragraphs---text-size-1x125rem--letter-spacing); } .button-group { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .button-group.is--header:where(.w-variant-c67b6d8d-0f7c-444f-abe3-48b65f6197da), .button-group.is--header:where(.w-variant-c4d221d4-b94b-a84b-debd-8d3e75a41f3c), .button-group.is--header.left-8 { justify-content: flex-start; align-items: center; } .button-group.is--center { justify-content: center; align-items: center; } .button-group.is--right { justify-content: flex-end; align-items: center; } .button-group.is--header { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: center; align-items: center; } .button-group.is--header:where(.w-variant-c67b6d8d-0f7c-444f-abe3-48b65f6197da), .button-group.is--header:where(.w-variant-c4d221d4-b94b-a84b-debd-8d3e75a41f3c), .button-group.is--header.left-8 { justify-content: flex-start; align-items: center; } .hide { display: none; } .spacer-1x5rem { pointer-events: none; width: 100%; padding-top: 1.5rem; } .spacer-0x5rem { pointer-events: none; width: 100%; padding-top: .5rem; } .spacer-1rem { pointer-events: none; width: 100%; padding-top: 1rem; } .spacer-4rem { pointer-events: none; width: 100%; padding-top: 4rem; } .spacer-0x25rem { pointer-events: none; width: 100%; padding-top: .25rem; } .spacer-2x5rem { pointer-events: none; width: 100%; padding-top: 2.5rem; } .spacer-2rem { pointer-events: none; width: 100%; padding-top: 2rem; } .spacer-3rem { pointer-events: none; width: 100%; padding-top: 3rem; } .spacer-0x75rem { pointer-events: none; width: 100%; padding-top: .75rem; } .vflex { flex-flow: column; display: flex; } .vflex.x-center { align-items: center; } .vflex.x-right { align-items: flex-end; } .vflex.y-top { justify-content: flex-start; } .vflex.y-center { justify-content: center; } .vflex.y-bottom { justify-content: flex-end; } .vflex.y-space-between { justify-content: space-between; } .vflex.gap-0x25 { grid-column-gap: .25rem; grid-row-gap: .25rem; } .vflex.gap-0x5 { grid-column-gap: .5rem; grid-row-gap: .5rem; } .vflex.gap-1 { grid-column-gap: 1rem; grid-row-gap: 1rem; } .vflex.gap-1x5 { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .vflex.gap-2 { grid-column-gap: 2px; grid-row-gap: 2px; } .vflex.x-left { align-items: flex-start; } .spacer-auto { pointer-events: none; height: 0; margin-top: auto; padding: 0; } .badge { grid-column-gap: .38rem; grid-row-gap: .38rem; -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); text-transform: uppercase; background-color: #ffffff14; border: 1px solid #ffffff14; border-radius: .5rem; justify-content: center; align-items: center; height: 2rem; padding: .25rem .5rem; display: inline-flex; } .badge:where(.w-variant-b63e6afa-3e72-37c9-84ff-b927ba7724ff) { background-color: #efede566; border-color: #efede514; } .badge:where(.w-variant-3328fdff-1b41-90b2-9f7e-3f8cf998db9e) { -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; background-color: #675a37; border-color: #efede514; } .badge:where(.w-variant-588a5d93-7e53-9493-a6d2-909cd6813480) { background-color: var(--_palettes---brand--beige); -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; border-color: #ffffff14; } .badge:where(.w-variant-2bfcca76-52d2-341b-4f1b-de35fb926513) { -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; background-color: #f2e9d3; } .badge:where(.w-variant-021cbdd9-0a92-5e99-176c-addcb7140722) { -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; background-color: #576018; border-color: #efede514; } .badge:where(.w-variant-9ef601ab-ec1a-a585-b5c9-ea663760df56) { -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; background-color: #1a2c66; } .badge:where(.w-variant-68977d37-d2f5-d05c-0d0e-f2d92b9de28f) { -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; background-color: #f3ffa1; border-color: #efede514; } .badge:where(.w-variant-65b13798-a649-3888-1257-356b44d70d90) { background-color: var(--_color-modes---cards-primary--badge-background); } .badge:where(.w-variant-846e01cd-903a-7454-86cf-e005a7aa1c2e) { background-color: var(--_palettes---brand--lavende); } .button { grid-column-gap: .75rem; grid-row-gap: .75rem; background-color: var(--_color-modes---button-primary--background-color); height: 3rem; font-family: var(--font-family--badges); color: var(--_color-modes---button-primary--text-color); font-size: var(--_paragraphs---text-size-0x875rem--font-size); text-align: left; letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); text-transform: uppercase; border-radius: .5rem; flex-flow: row; flex: none; justify-content: center; align-items: center; padding: .91rem 1.5rem; font-weight: 400; line-height: 1.2; transition: color .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1); display: flex; position: relative; } .button:where(.w-variant-65493725-7ae1-e50b-73f7-cdb2cb7a8365) { border: 1px solid var(--_palettes---neutral--neutral200); background-color: var(--_color-modes---button-secondary--background-color); color: var(--_color-modes---button-secondary--text-color); } .button:where(.w-variant-c16be1be-0187-70ee-d345-f9d1c6a28608) { background-color: var(--_color-modes---cards-primary--button-background); color: var(--_color-modes---cards-primary--button-text); } .button:where(.w-variant-4797ca8c-76fb-3078-7dab-ecd48053d0de) { background-color: var(--_color-modes---cards-secondary--button-background); color: var(--_color-modes---cards-secondary--button-text); } .button:where(.w-variant-a387957a-eec1-2206-4253-346dc2b5d0d5) { height: 2.5rem; padding-left: 1rem; padding-right: 1rem; } .button:where(.w-variant-2b4d7ef1-9357-cdf8-e677-f8a8462319a1) { border: 1px solid var(--_palettes---neutral--neutral200); background-color: var(--_color-modes---button-secondary--background-color); height: 2.5rem; color: var(--_color-modes---button-secondary--text-color); padding: 0 1rem; } .button:hover { background-color: var(--_color-modes---button-primary--background-hover); color: var(--_color-modes---button-primary--text-hover); } .button:hover:where(.w-variant-65493725-7ae1-e50b-73f7-cdb2cb7a8365) { background-color: var(--_color-modes---button-secondary--background-hover); color: var(--_color-modes---button-secondary--text-hover); } .button:hover:where(.w-variant-c16be1be-0187-70ee-d345-f9d1c6a28608) { background-color: var(--_color-modes---cards-primary--button-background-hover); color: var(--_color-modes---cards-secondary--button-text); } .button:hover:where(.w-variant-4797ca8c-76fb-3078-7dab-ecd48053d0de) { background-color: var(--_color-modes---cards-secondary--button-background-hover); color: var(--_color-modes---cards-secondary--button-text); } .button:hover:where(.w-variant-2b4d7ef1-9357-cdf8-e677-f8a8462319a1) { background-color: var(--_color-modes---button-secondary--background-hover); color: var(--_color-modes---button-secondary--text-hover); } .button.not-relative { position: static; } .button.is--email-form { pointer-events: auto; cursor: pointer; } .background { background-color: var(--_color-modes---background-primary); border-radius: inherit; position: absolute; inset: 0%; } .background:where(.w-variant-d4e67767-ab3f-6e5c-2116-e9a6d2688920) { background-color: var(--_color-modes---background-secondary); } .background:where(.w-variant-2407d896-e89c-bb5b-9586-8732f368dcc6) { background-color: #0000; } .background:where(.w-variant-e9b09e4e-af1c-e571-4bfe-f4eeca63d33c) { background-color: #efede5; background-image: linear-gradient(#1b170e, #564b2d); } .background:where(.w-variant-cef414e8-894b-64f2-f29b-80d7b06cf7fa) { background-color: var(--_color-modes---cards-primary--background); } .background:where(.w-variant-94a365fe-a2c6-62e1-4886-fa48904f74ca) { background-color: var(--_palettes---brand--sable); } .background:where(.w-variant-b2199b26-1a7b-21fd-a85a-04ad377b38ec) { background-color: var(--_palettes---brand--bleunuit); } .background:where(.w-variant-3dfc53b8-cdc2-8cfe-f5bc-1babe0d7d991) { background-color: var(--_palettes---brand--beige); } .background:where(.w-variant-3dda819e-8e8c-2bf3-a3fd-984a8102664b) { background-color: var(--_palettes---neutral--neutral0); } .spacer-component { pointer-events: none; height: 0; padding: 4rem 0 0; } .spacer-component:where(.w-variant-4e707de5-bf1e-dd42-7fb6-ac24ce686a4c) { padding-top: 6rem; } .spacer-component:where(.w-variant-83eec681-a82d-6e26-f749-52e4ca458c13) { padding-top: 8rem; } .spacer-component:where(.w-variant-c5e33d14-e297-6cd7-2fd0-a5ca94b32941) { padding-top: 0; } .spacer-component:where(.w-variant-77e3e437-ae5e-3759-9f1a-6f1b1a55481e) { padding-top: .5rem; } .media-full-size { object-fit: cover; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .media-full-size:where(.w-variant-e6bcbeee-6078-0b67-bd47-6bc4782b4395) { object-fit: contain; } .media-full-size:where(.w-variant-1bf530e5-fd7c-e8cd-2ff2-83cc5dfaba58) { object-fit: contain; object-position: 50% 100%; } .media-full-size:where(.w-variant-c6ba181e-5fe9-0114-3933-bd4285155aca) { object-position: 0% 0%; } .media-full-size.border-radius-none { border-radius: 0; } .media-full-size.object-fit-contain { object-fit: contain; } .media-full-size.opacity-64 { opacity: .64; } .media-full-size.object-cover-bottom { object-position: 50% 100%; } .layer-4 { z-index: -4; border-radius: inherit; justify-content: center; align-items: center; position: absolute; inset: 0; } .layer-4.default-dark { --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .layer-3 { z-index: -3; border-radius: inherit; justify-content: center; align-items: center; position: absolute; inset: 0; } .layer-3.align-center { justify-content: center; align-items: flex-end; display: flex; } .layer-3.default-dark { --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .layer-3.default-dark:where(.w-variant-41c39a43-c420-54a3-c4db-a9412f18f989) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .blog-list_thumbnail-wrapper { z-index: 0; aspect-ratio: 3 / 2; border-radius: .5rem; width: 100%; position: relative; overflow: hidden; } .background-full-size { z-index: -1; object-fit: cover; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .blog-list_card { border: 1px solid var(--_palettes---neutral--neutral200); background-color: var(--_palettes---neutral--neutral0); color: var(--_color-modes---text-primary); border-radius: 1rem; padding: 1.25rem; position: relative; } .blog-list_list { grid-column-gap: .62rem; grid-row-gap: .62rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .spacer-horizontal-auto { width: 0; height: 0; margin-left: auto; } .navbar_mobile-brand { display: none; } .navbar_dropdown { justify-content: flex-start; align-items: center; height: 100%; margin-left: 0; margin-right: 0; display: flex; } .navbar_dropdown-col { flex-flow: column; flex: 1; justify-content: flex-start; align-items: stretch; display: flex; } .navbar_button-group { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: row; flex: none; justify-content: flex-end; align-items: center; display: flex; } .navbar_logo { width: auto; height: 100%; max-height: 2rem; color: inherit; justify-content: center; align-items: center; display: flex; } .navbar_dropdown-wrapper-small { background-color: #0000; padding-top: 1.5rem; } .navbar_dropdown-wrapper-small.w--open { padding-top: 1rem; top: 2rem; } .navbar_link { grid-column-gap: .25rem; grid-row-gap: .25rem; height: 2rem; font-size: var(--_paragraphs---text-size-0x875rem--font-size); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); text-transform: uppercase; border-radius: .5rem; justify-content: center; align-items: center; margin-left: 0; margin-right: 0; padding: .44rem .5rem; font-weight: 400; line-height: 1.32; transition: background-color .2s; display: flex; } .navbar_link:hover { background-color: var(--_palettes---brand--sable); } .navbar_brand { flex: none; justify-content: flex-start; align-items: center; margin-right: 2.5rem; display: flex; } .navbar_navigation-list { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: row; flex: none; justify-content: center; align-items: center; margin-right: auto; display: flex; } .navbar_menu { flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .navbar_padding { background-color: var(--_color-modes---background-primary); border-radius: .5rem; margin-top: 0; margin-left: 0; margin-right: 0; padding: .5rem .5rem .5rem 1rem; transition: all .25s cubic-bezier(.215, .61, .355, 1); position: relative; } .navbar_padding.is--scrolled { margin-top: .5rem; margin-left: .5rem; margin-right: .5rem; } .navbar_dropdown-wrapper { padding-left: 2rem; padding-right: 2rem; position: fixed; top: 4.5rem; left: 0; right: 0; } .navbar_dropdown-wrapper.w--open { background-color: #0000; padding-top: 1rem; top: 3rem; } .navbar_logo_wrapper { justify-content: flex-start; align-items: center; height: 100%; display: flex; } .navbar { height: 4rem; padding-right: var(--spacers-padding--global); padding-left: var(--spacers-padding--global); background-color: #0000; position: fixed; inset: 0% 0% auto; } .navbar_component { flex-flow: row; height: 3rem; display: flex; } .navbar_dropdown-container { width: fit-content; margin-left: auto; margin-right: auto; } .navbar_dropdown-card { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 1rem; padding: 1rem; box-shadow: 0 4px 24px #171b2614; } .navbar_dropdown-navigation { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: row; width: 100%; display: flex; } .navbar_dropdown-navigation.is--solution { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding-top: .5rem; padding-bottom: .5rem; } .navbar_wrapper { z-index: 2; height: 4.5rem; position: relative; } .faq_card { padding: 0; } .faq_question { cursor: pointer; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .faq_plus-icon { grid-column-gap: 16px; grid-row-gap: 16px; border: 1px solid var(--_palettes---neutral--neutral200); border-radius: .5rem; flex: none; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; place-content: center; place-items: center; width: 2.5rem; height: 2.5rem; margin-right: .75rem; padding: .5rem; display: grid; } .vertical { background-color: #000; width: 2px; height: 14px; } .horizontal { background-color: #000; width: 14px; height: 2px; } .faq_answer { margin-top: .5rem; padding-left: 3.25rem; } .text-style-badge { font-family: var(--_paragraphs---text-style-badge--font-family); font-size: var(--_paragraphs---text-style-badge--font-size); line-height: var(--_paragraphs---text-size-0x875rem--line-height); letter-spacing: var(--_paragraphs---text-style-badge--letter-spacing); text-transform: uppercase; font-weight: 500; } .button-icon_wrapper { pointer-events: none; flex: none; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; position: relative; overflow: hidden; } .button-icon_wrapper:where(.w-variant-65493725-7ae1-e50b-73f7-cdb2cb7a8365), .button-icon_wrapper:where(.w-variant-2b4d7ef1-9357-cdf8-e677-f8a8462319a1) { filter: invert(); } .button-icon_arrow-1 { will-change: transform; width: .62606rem; transition-property: all; transition-duration: .25s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); } .button-icon_arrow-1.is--search { width: 1rem; } .button-icon_arrow-2 { will-change: transform; width: .62606rem; transition-property: all; transition-duration: .25s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); position: absolute; } .button-icon_arrow-2.is--search { width: 1rem; } .icon_wrapper { box-sizing: border-box; pointer-events: none; background-color: #fff6; border: 1.5px solid #eaebea14; border-radius: .375rem; flex: none; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; position: relative; box-shadow: 0 5px 5px #00000014; } .icon_wrapper:where(.w-variant-2cd7876c-cf1d-feba-5f42-73bfb3d279a3) { background-color: var(--_palettes---brand--bleunuit); border-color: #3f64e94d; } .icon_wrapper:where(.w-variant-49acae89-6ee2-3560-cf82-12849b0dc692) { background-color: var(--_palettes---brand--olive); border-color: #576018; } .icon_wrapper:where(.w-variant-e864390d-6f56-8929-73c9-dca7121cb4f5) { background-color: var(--_palettes---brand--kaki); border-color: #efede514; } .icon_wrapper:where(.w-variant-ba387c11-b0b2-6528-1149-dcda758f695d) { background-color: #fff; border-color: #efede514; } .icon_wrapper:where(.w-variant-0eef8039-2245-3a39-478b-e7502313b489) { background-color: var(--_palettes---brand--sable); border-color: #bdab7b52; } .icon_wrapper:where(.w-variant-fa9ad59a-0180-675d-81af-f8be69b9f92b) { background-color: var(--_palettes---brand--lavende); border-color: #0000; } .icon_wrapper:where(.w-variant-c8601cce-cc65-5c0f-9921-1a988c6cafa1) { border-color: var(--_color-modes---cards-primary--badge-icon-border); background-color: var(--_color-modes---cards-primary--badge-icon-background); } .icon_wrapper:where(.w-variant-b90152c0-6158-6ff3-02ce-861058f8096d) { border-color: var(--_color-modes---cards-primary--icon-border); background-color: var(--_color-modes---cards-primary--icon-background); } .icon_wrapper:where(.w-variant-1679b0db-8522-92bf-b2f5-9ca61cfcf1a6) { border-color: var(--_palettes---neutral--neutral200); background-color: var(--_palettes---brand--beige); } .icon_wrapper:where(.w-variant-78031d8c-eb67-8994-bff6-6cc2de22c451) { border-color: var(--_color-modes---cards-primary--icon-border); background-color: var(--_color-modes---cards-secondary--icon-background); } .icon_wrapper:where(.w-variant-448de6ca-1a18-09c1-80cb-69be56ce2d61) { background-color: var(--_palettes---brand--taupe); border-color: #564b2d3d; } .icon_wrapper:where(.w-variant-e81efbde-fe7f-e89a-9c8c-e5ed5afa4fd3) { background-color: #fff; border-color: #efede514; } .icon_image { width: 1rem; height: 1rem; } .icon_image:where(.w-variant-0eef8039-2245-3a39-478b-e7502313b489) { filter: invert() invert(16%) sepia(11%) saturate(7477%) hue-rotate(25deg) brightness(101%) contrast(65%); } .icon_image:where(.w-variant-1679b0db-8522-92bf-b2f5-9ca61cfcf1a6), .icon_image:where(.w-variant-ba387c11-b0b2-6528-1149-dcda758f695d) { filter: invert(); } .icon_image:where(.w-variant-448de6ca-1a18-09c1-80cb-69be56ce2d61) { filter: invert() invert(25%) sepia(53%) saturate(361%) hue-rotate(6deg) brightness(97%) contrast(88%); } .icon_image:where(.w-variant-fa9ad59a-0180-675d-81af-f8be69b9f92b) { filter: invert() invert(14%) sepia(9%) saturate(7100%) hue-rotate(199deg) brightness(92%) contrast(105%); } .icon_image:where(.w-variant-c8601cce-cc65-5c0f-9921-1a988c6cafa1) { filter: invert(); } .icon_image:where(.w-variant-e81efbde-fe7f-e89a-9c8c-e5ed5afa4fd3) { filter: invert() invert(35%) sepia(32%) saturate(5441%) hue-rotate(218deg) brightness(94%) contrast(95%); } .section-wrapper { border-radius: 1rem; width: 100%; max-width: 86rem; margin-left: auto; margin-right: auto; position: relative; overflow: clip; } .section-wrapper:where(.w-variant-50f475ae-c853-3ab1-ddd2-cea61d5a7861) { color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-9e2a939d-55bb-783a-7def-1e33e51982cc) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-94293acf-04d1-354f-32e7-4e734f81273f) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-dcd2ae05-8fb5-4df1-3d62-0bd5e43ecc19) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-b8c117c0-4ee2-a92d-dfea-d05a2343e14e) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-432a8478-264e-0401-d03d-e572c87b2f27) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-21a06eb0-02bc-3eeb-57c7-a86f2341b42c) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-76906ab7-d321-3c94-8b99-d3e97ba2cd7f) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-94df534a-d746-5d06-340c-26f198beebc8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-b5f251bf-1dee-89bb-5beb-1353b54b62ee) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-bccd12d6-3e5d-fadd-443b-e231ed88a61f) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-f5c158b9-b131-ac9b-a7cb-91520d9ea277) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-1eb56b21-4084-3beb-658c-aff38c5b603d) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-e830ee3e-7734-69a3-27d0-c91b657fa7b1) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-f8d426f9-a3a8-85f5-110b-4842b965f961) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-eeedbf69-4f91-0631-5feb-612933f7ef12) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-e8b07f41-4f99-4cfb-a6b2-759ea21af531) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-0a44e029-4e0c-5e78-0b36-08bb4e01d9b5) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-0736d6b2-5181-f26c-773b-2a1a4b8d16f1) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-dc97f4d5-fdb7-1917-8fb4-00995a3cd185) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-b3f7cfaa-350d-a678-d09e-594039b309f9) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-b85ccdfb-c146-029d-b57c-bb99e95cc704) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-26777d87-1556-3d74-2d31-91fa10d66d55), .section-wrapper:where(.w-variant-83ca4d10-11b1-0247-76d8-8ae7d5423923) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-2465efc0-fb5b-9626-e279-fd84f2aa033e) { --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-4f974391-c4f4-f4ff-3a8a-3b8d29b7c2c7) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-61096d8d-2507-2cf5-eef6-1ba2d131546a) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-c1b2e795-f60d-0856-0677-36dad8912162) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-320d1118-d544-e786-9950-6f356cf2e8b2) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-06582d78-4417-48db-34a4-217790c33b1e) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-9c33be80-3d17-c611-d4ff-ed3940a80ba8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-92763d34-fadd-9ba9-3ed5-ecbe7a1f7c15) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-36e6d9ad-7804-635b-db1a-975cfba42906) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-103b098a-8eac-7f11-f85b-01fbdbd7b001), .section-wrapper:where(.w-variant-93abc50d-06f4-4a08-0de5-15df2ed1fcb8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-d731c375-68c0-fa74-d04c-20b88916fbeb), .section-wrapper:where(.w-variant-39ea878c-a491-c7c5-4974-2df877b10ed0), .section-wrapper:where(.w-variant-deb2f26a-e943-1a5e-468e-0d0240550848) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-1b278b75-3176-7192-39c7-4b09d4e4ec4b) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-c85e5c53-3426-e1aa-4033-6b93e6997899) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-da34ff4b-1664-046b-86f7-620949c8d1f2) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-1021b7e5-7f15-4869-d380-df5c10201f65) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-793cf3e5-33ce-de16-1651-25b3e5338765) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-dd73db51-30b1-127f-7071-f0195af1dae8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-c283d301-d521-91cc-2b57-1ab87e6619de) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-b2383a63-7d92-e579-d44a-4277b1df2eac) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-56739099-f14b-7408-29bd-8dc60b292178) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-f634822d-d00c-f37a-eebe-9a73d246b9ba) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-fe436eca-cdd4-b349-fda0-4f3b7ce76d76) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-c9c58709-f27d-4e5e-86c3-3bad48652613) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-7004fdac-45cf-d140-cfaf-a61861234bc7) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-32d74366-8dfc-bb93-59a8-662f1f7d239c) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-772c5bcc-21c6-8c95-81c9-8bd70af434df) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-5e01e03c-8f63-9846-3540-9d891106a485) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-c91e8168-2e34-e101-4580-b17ec86c6bff) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-bffa0263-d3d7-1d92-11f8-51c76cc93e67) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-0c4baf34-b713-a024-05e3-a44c654038a9) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-53c597f9-646b-38ff-592d-4311d010cda1) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-65d5de2b-2829-5a88-7e0a-83931d13bc25) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-a9aa080b-9e5f-8281-fdad-771a867f4e85) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-477c0acf-87ea-ee86-a845-021afb93ac94) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-4c127c36-a1d9-3a8f-c870-6677347928ec) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-d5c5ef08-90ce-f459-0de5-6f3cfe2816e1) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-6945c9f6-e6cf-425c-62e7-de2ee80456cf) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper:where(.w-variant-f36b8f8f-d5dc-6600-f2c0-274e0c928700) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto { color: var(--_color-modes---cards-primary--text-primary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-2465efc0-fb5b-9626-e279-fd84f2aa033e) { --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-4f974391-c4f4-f4ff-3a8a-3b8d29b7c2c7) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-61096d8d-2507-2cf5-eef6-1ba2d131546a) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-c1b2e795-f60d-0856-0677-36dad8912162) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-320d1118-d544-e786-9950-6f356cf2e8b2) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-06582d78-4417-48db-34a4-217790c33b1e) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-9c33be80-3d17-c611-d4ff-ed3940a80ba8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-da236a71-1add-43e1-9008-d16989a6038f) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-bc36d384-8544-46a5-1362-68b311e764d1) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-5450ce14-e17a-82d7-a0e1-9da545e1be1e) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-bbe2e493-11f5-33c5-d66a-82c3bfe566eb) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-da8f487a-686f-cda6-25b7-851a26ef5c19) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-9a142d30-e019-8c64-6d67-63fdd1abf910) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-8e472b6a-c033-b7a5-b381-5a1105df6de3) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-bf166a91-1722-b9ef-c87d-693b2aa65d19) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-3be21662-a351-43ca-a32c-51cff6697238) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f3ffa1; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--taupe); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-0ce7f314-bffb-4856-f934-e7493fc4cae8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #efede566; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--bleunuit); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: #3f64e94d; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-04c5e408-780e-28f2-b089-07f74d60a1e5) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-abc9fee0-8168-0350-675f-18a5fca356b8) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-auto:where(.w-variant-28da5ff2-e410-0dff-7eb7-6288fbde5c10) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #cebb88; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--kaki); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--icon-border: #bdab7bb3; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: #0003; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-white { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-nightblue { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-sand { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-sand:where(.w-variant-103b098a-8eac-7f11-f85b-01fbdbd7b001) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #576018; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--jaunecitron); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--olive); --_color-modes---cards-primary--icon-border: #576018; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-sand:where(.w-variant-6eafa83c-e4e9-435d-950e-50a376e67173) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.sable-3 { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.default-kaki { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #675a37; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--sable); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--kaki); --_color-modes---cards-primary--icon-border: #695c39; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.sable-15 { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #f2e9d3; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral1000); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--beige); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--taupe); --_color-modes---cards-primary--badge-icon-border: #5b564114; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--sable); --_color-modes---cards-primary--icon-border: #695c3900; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--taupe); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-wrapper.nightblue-3 { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .header { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .header:where(.w-variant-c4d221d4-b94b-a84b-debd-8d3e75a41f3c) { text-align: left; flex-flow: row; justify-content: space-between; align-items: flex-end; } .header:where(.w-variant-c67b6d8d-0f7c-444f-abe3-48b65f6197da), .header.left { text-align: left; justify-content: flex-start; align-items: flex-start; } .badges_wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .header_top { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .header_top:where(.w-variant-c4d221d4-b94b-a84b-debd-8d3e75a41f3c), .header_top:where(.w-variant-c67b6d8d-0f7c-444f-abe3-48b65f6197da), .header_top.left-2 { justify-content: flex-start; align-items: flex-start; } .section-script { display: none; } .background-pattern { opacity: .36; object-fit: cover; border-radius: inherit; mix-blend-mode: exclusion; width: 180%; max-width: none; position: absolute; bottom: 0%; } .background-pattern.border-radius-none { border-radius: 0; } .background-pattern.object-fit-contain { object-fit: contain; } .background-pattern.opacity-64 { opacity: .64; } .background-pattern.is--cta { opacity: .8; width: 500%; } .background-pattern_component { justify-content: center; align-items: flex-end; display: flex; position: absolute; inset: 0%; overflow: clip; } .background-pattern_gradient { background-image: linear-gradient(#fff, #f4f4f400); position: absolute; inset: 0%; } .background-pattern_gradient.is--kaki { background-image: linear-gradient(180deg, var(--_palettes---brand--kaki), #564b2d00); } .background-pattern_gradient.is--hero { opacity: .88; background-image: linear-gradient(#564b2d, #564b2d00); } .background-pattern_gradient.is--auto { background-image: linear-gradient(180deg, var(--_color-modes---cards-primary--background), #fff0); opacity: .8; } .background-pattern_gradient.is--auto:where(.w-variant-5c481801-341e-0265-cd76-97bf6b27b1b1) { opacity: .5; } .background-pattern_gradient.is--auto.is--cta { opacity: .2; } .background-pattern_gradient.is--sable { background-image: linear-gradient(180deg, var(--_palettes---brand--sable), #564b2d00); } .email-form_block { margin-bottom: 0; } .email-form { position: relative; } .email-form_submit { pointer-events: none; justify-content: flex-end; align-items: center; padding-right: .25rem; display: flex; position: absolute; inset: 0%; } .email-form_submit-button { opacity: 0; cursor: pointer; position: absolute; inset: 0%; } .email-form_wrapper { width: 100%; color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .email-form_wrapper:where(.w-variant-9eddd178-61bb-5c90-d155-b44f0cf98023) { color: var(--_color-modes---text-primary); --_color-modes---background-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-neutral: var(--_palettes---neutral--neutral200); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral800); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; margin-right: .125rem; } .email-form_wrapper.default-light { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .section-style { display: none; } .features_list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .features_list:where(.w-variant-1843bb9f-b2d2-fa8e-9769-14fbd9041dc7) { grid-column-gap: .75rem; grid-row-gap: .75rem; } .features_list.gap-0x5rem { grid-column-gap: .5rem; grid-row-gap: .5rem; } .features_list.gap-1rem { grid-column-gap: 1rem; grid-row-gap: 1rem; } .features_list_item { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-start; align-items: flex-start; display: flex; } .features_list_item:where(.w-variant-2bc5cdb6-061a-c453-bd69-543659b303cc) { grid-column-gap: 1rem; grid-row-gap: 1rem; } .features_list_item:where(.w-variant-cb369fa9-0ca0-6754-eab4-dfb5f4dc3691) { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: center; } .features_list_item:where(.w-variant-1222b6d0-af51-25c4-aa79-116091edbb7b), .features_list_item.text-big-icon-medium { grid-column-gap: 1rem; grid-row-gap: 1rem; } .features_item_icon_wrapper:where(.w-variant-cb369fa9-0ca0-6754-eab4-dfb5f4dc3691) { align-self: flex-start; } .features_item_text { font-size: var(--_paragraphs---text-size-0x875rem--font-size); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); padding-top: .22rem; } .features_item_text:where(.w-variant-2bc5cdb6-061a-c453-bd69-543659b303cc), .features_item_text:where(.w-variant-cb369fa9-0ca0-6754-eab4-dfb5f4dc3691) { font-size: var(--_paragraphs---text-size-1x125rem--font-size); letter-spacing: var(--_paragraphs---text-size-1x125rem--letter-spacing); padding-top: 0; } .features_item_text:where(.w-variant-1222b6d0-af51-25c4-aa79-116091edbb7b), .features_item_text.text-big-icon-medium-3 { font-size: var(--_paragraphs---text-size-1x375rem--font-size); letter-spacing: var(--_paragraphs---text-size-1x375rem--letter-spacing); padding-top: .125rem; } .media_component { position: absolute; inset: 0%; } .carousel1_card_thumbnail { aspect-ratio: 1; border-radius: .75rem; width: 7.75rem; position: relative; overflow: clip; box-shadow: 0 0 0 4px #fffffb29, 0 25px 50px -12px #0006; } .carousel_button { border: 1px solid var(--_color-modes---cards-primary--text-primary); cursor: pointer; border-radius: .5rem; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; transition: all .25s cubic-bezier(.215, .61, .355, 1); display: flex; } .carousel_button:where(.w-variant-8953ffb9-a230-c4a2-7097-29893453a791) { width: 2.25rem; height: 2.25rem; } .carousel_button:hover { background-color: color-mix(in srgb, var(--_color-modes---cards-primary--text-primary) 30%, transparent 70%); } .features1_component { max-width: var(--spacers-padding--max-width); grid-column-gap: 3rem; grid-row-gap: 3rem; color: var(--_color-modes---cards-primary--text-primary); margin-left: auto; margin-right: auto; padding: 4.5rem 2.5rem; display: flex; } .features1_image_wrapper { flex: 1; margin-top: -1rem; margin-bottom: -1rem; position: relative; } .features1_content { flex: 1; padding-top: 2.5rem; padding-bottom: 2.5rem; } .section-code { display: none; } .faq_component { max-width: var(--spacers-padding--max-width); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border-radius: 1rem; margin-left: auto; margin-right: auto; padding: 4.5rem 2.5rem; display: flex; } .faq_header, .faq_list_wrapper { flex: 1; } .faq_list { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; flex-flow: column; display: flex; } .prefooter_component { max-width: var(--spacers-padding--max-width); justify-content: flex-start; align-items: flex-start; margin-left: auto; margin-right: auto; padding: 2.5rem; display: flex; } .prefooter_content { background-color: var(--_color-modes---background-secondary); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; border-radius: .75rem; flex: 1; padding: 1.5rem; position: sticky; top: 6.5rem; } .prefooter_features { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer_features { grid-column-gap: .5rem; grid-row-gap: .5rem; margin-bottom: .5rem; display: flex; } .footer_features_card { background-color: var(--_color-modes---background-secondary); text-align: center; --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; border-radius: 1rem; flex-flow: column; flex: 1; justify-content: flex-start; align-items: center; padding: 2.5rem 4.5rem; display: flex; } .footer_features_icon { border-radius: .75rem; height: 3.5rem; } .footer_features_icon.has--shadow { box-shadow: 0 9.5px 9.5px #0000000f; } .heading-size-1x125rem { font-family: var(--font-family--headings); font-size: var(--_paragraphs---text-size-1x125rem--font-size); line-height: var(--_paragraphs---text-size-1x125rem--line-height); letter-spacing: -.03375rem; } .footer_component { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; border-radius: 1rem; padding: 2.5rem; position: relative; overflow: clip; } .footer_main { display: flex; } .footer_brand { flex: 1; max-width: 25.5rem; } .footer_logo { height: 2rem; } .footer_logo_image { max-height: 100%; } .footer_socials { justify-content: flex-start; align-items: center; display: flex; } .footer_socials_item { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .footer_socials_icon { color: #3f64e9; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; transition: all .125s; display: flex; } .footer_nav { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer_nav_list { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .footer_nav_link { color: var(--_color-modes---text-neutral); font-size: var(--_paragraphs---text-size-0x875rem--font-size); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); font-weight: 400; } .footer_nav_link:hover { color: var(--_color-modes---text-primary); } .footer_bottom { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border-top: 1px solid var(--_palettes---neutral--neutral200); justify-content: flex-start; align-items: center; margin-top: 2.5rem; padding: 1.5rem; display: flex; } .footer_bottom_text { color: var(--_color-modes---text-neutral); font-size: var(--_paragraphs---text-size-0x875rem--font-size); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); } .footer_bottom_link { color: var(--_color-modes---text-neutral); font-size: var(--_paragraphs---text-size-0x875rem--font-size); letter-spacing: var(--_paragraphs---text-size-0x875rem--letter-spacing); text-underline-offset: 15%; text-decoration: underline; text-decoration-thickness: .75px; } .hero2_section:where(.w-variant-100f991c-3c36-d5b7-7f85-c173518b4d8a) { --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: #1a2c66; --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: color-mix(in srgb, var(--_color-modes---cards-secondary--button-background) 80%, transparent 20%); --_color-modes---cards-primary--background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--badge-icon-border: #efede514; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---brand--bleunuit); --_color-modes---cards-primary--icon-border: #efede514; --_color-modes---cards-secondary--icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--menu-background: #fff3; --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral0); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; } .hero2_component { max-width: var(--spacers-padding--max-width); grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; color: var(--_color-modes---cards-primary--text-primary); border-radius: 1rem; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; padding: 2.5rem; display: flex; overflow: clip; } .hero2_content { flex: 1; } .hero2_image_wrapper { aspect-ratio: auto; border-radius: 1rem; flex-flow: column; flex: 1; justify-content: flex-end; align-self: stretch; align-items: flex-start; max-width: 32.125rem; min-height: 30rem; padding: 1.5rem; display: flex; position: relative; overflow: clip; } .testimonials3_component { max-width: var(--spacers-padding--max-width); color: var(--_color-modes---cards-primary--text-primary); border-radius: 1rem; margin-left: auto; margin-right: auto; padding: 3rem 2.5rem; overflow: clip; } .testimonials3_item { grid-column-gap: 3rem; grid-row-gap: 3rem; display: flex; } .testimonials3_image_wrapper { max-width: 32rem; min-height: 26.5rem; color: var(--_palettes---neutral--neutral0); border-radius: .75rem; flex: 1; justify-content: flex-start; align-items: flex-end; padding: 1.5rem; display: flex; position: relative; overflow: clip; } .testimonials3_gradient-bottom { border-radius: inherit; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); background-image: linear-gradient(#0000, #00000052); height: 7.5rem; position: absolute; inset: auto 0% 0%; -webkit-mask-image: linear-gradient(#0000 0%, #000 40%); mask-image: linear-gradient(#0000 0%, #000 40%); } .testimonials3_content { flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; display: flex; } .testimonials3_stats_list { grid-column-gap: 2rem; grid-row-gap: 2rem; display: flex; } .text-color-auto-neutral { color: color-mix(in srgb, var(--_color-modes---cards-primary--text-primary) 64%, transparent 36%); } .testimonials3_stats_separator { background-color: var(--_color-modes---cards-primary--text-primary); opacity: .32; width: .0625rem; } .testimonials3_buttons { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .testimonials3_profiles_content { margin-top: 1.75rem; position: relative; } .features3_component { max-width: var(--spacers-padding--max-width); --_color-modes---background-primary: var(--_palettes---brand--beige); --_color-modes---text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-neutral: color-mix(in srgb, var(--_color-modes---text-primary) 80%, transparent 20%); --_color-modes---text-accent: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---background-secondary: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--badge-background: var(--_palettes---brand--beige); --_color-modes---button-primary--background-color: var(--_palettes---brand--bleuelectrique); --_color-modes---button-primary--text-color: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-color: transparent; --_color-modes---button-secondary--text-color: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-primary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---cards-secondary--button-background: var(--_palettes---brand--bleuelectrique); --_color-modes---cards-secondary--button-text: var(--_palettes---neutral--neutral0); --_color-modes---button-primary--background-hover: var(--_palettes---brand--lavende); --_color-modes---button-primary--text-hover: var(--_palettes---neutral--neutral0); --_color-modes---button-secondary--background-hover: transparent; --_color-modes---button-secondary--text-hover: var(--_color-modes---text-primary); --_color-modes---cards-primary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-secondary--button-background-hover: var(--_palettes---brand--lavende); --_color-modes---cards-primary--background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-background: var(--_palettes---brand--lavende); --_color-modes---cards-primary--text-accent: var(--_palettes---neutral--neutral1000); --_color-modes---cards-primary--badge-icon-border: #eaebea; --_color-modes---cards-primary--badge-icon-background: var(--_palettes---neutral--neutral0); --_color-modes---cards-primary--icon-border: transparent; --_color-modes---cards-secondary--icon-background: var(--_color-modes---cards-primary--background); --_color-modes---cards-secondary--background: var(--_palettes---brand--beige); --_color-modes---cards-primary--menu-background: var(--_palettes---brand--beige); --_color-modes---cards-secondary--text-primary: var(--_palettes---neutral--neutral1000); --_color-modes---text-tertiary: #757575; --_color-modes---label-color: var(--_palettes---brand--olive); --_color-modes---cards-primary--badge-text: var(--_palettes---neutral--neutral1000); --_color-modes---cards-secondary--badge-text: white; --_color-modes---cards-secondary--badge-icon-background: white; --_color-modes---cards-secondary--badge-icon-border: white; border-radius: 1rem; margin-left: auto; margin-right: auto; padding: 4.5rem; overflow: clip; } .features4_component { max-width: var(--spacers-padding--max-width); border-radius: 1rem; flex-flow: column; min-height: 38rem; margin-left: auto; margin-right: auto; padding: 4.5rem; display: flex; overflow: clip; } .features4_list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .features4_item { padding: 2rem; position: relative; } .features4_item_separator { justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: 0% -.5rem 0% auto; } .features4_item_header { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: flex-start; align-items: flex-start; margin-bottom: 1rem; display: flex; } .features4_gradient_top { background-image: linear-gradient(182deg, #0000007a 30%, #0000 90%); height: 17rem; position: absolute; inset: 0% 0% auto; } .features4_gradient_blur_top { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); height: 17rem; position: absolute; inset: 0% 0% auto; -webkit-mask-image: linear-gradient(red, #0000); mask-image: linear-gradient(red, #0000); } .features4_gradient_blur_bottom { -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); height: 17rem; position: absolute; inset: auto 0% 0%; -webkit-mask-image: linear-gradient(0deg, red, #0000); mask-image: linear-gradient(0deg, red, #0000); } .features4_gradient_bottom { background-image: linear-gradient(0deg, #0000007a 30%, #0000 90%); height: 17rem; position: absolute; inset: auto 0% 0%; } .carousel_button_img { filter: invert(); } .carousel_button_img:where(.w-variant-8953ffb9-a230-c4a2-7097-29893453a791) { width: 1rem; height: 1rem; } .blog-list_card_details { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: flex-start; align-items: center; display: flex; } .resource_time { grid-column-gap: .38rem; grid-row-gap: .38rem; justify-content: flex-start; align-items: center; display: flex; } .blog-preview_component { max-width: var(--spacers-padding--max-width); color: var(--_color-modes---cards-primary--text-primary); border-radius: 1rem; margin-left: auto; margin-right: auto; padding: 2.5rem; overflow: clip; } .blog-preview_header { justify-content: space-between; align-items: flex-end; display: flex; } .blog-preview_header_content { max-width: 28rem; } .navbar_link_number { color: var(--_palettes---neutral--neutral600); letter-spacing: -.0125rem; text-transform: uppercase; align-self: flex-start; font-size: .625rem; } .dropdown_product_link { grid-column-gap: .75rem; grid-row-gap: .75rem; border-radius: .5rem; justify-content: flex-start; align-items: center; min-width: 16rem; height: 3.5rem; padding: .25rem .75rem .25rem .25rem; display: flex; position: relative; } .dropdown_product_link:hover { background-color: var(--_palettes---brand--beige); } .dropdown_product_image { z-index: 0; pointer-events: none; border-radius: .25rem; width: 3rem; height: 3rem; position: relative; overflow: clip; } .dropdown_solutions_wrapper { flex: none; padding-left: .5rem; } .text-color-tertiary { color: var(--_color-modes---text-tertiary); } .dropdown_solutions_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding-top: .75rem; display: grid; } .dropdown_solutions_link { grid-column-gap: .75rem; grid-row-gap: .75rem; border-radius: .5rem; justify-content: flex-start; align-items: center; min-width: 12.5rem; padding: .25rem .75rem .25rem .25rem; display: flex; position: relative; } .dropdown_solutions_link:where(.w-variant-7c79094a-a715-d5fe-7e0b-bafff604fbad) { position: relative; } .dropdown_solutions_link:hover { background-color: var(--_palettes---brand--beige); } .dropdown_resource_list { flex: 1; display: flex; } .dropdown_resource_item { display: flex; } .dropdown_resource_card { grid-column-gap: 0px; grid-row-gap: 0px; border: 1px solid var(--_palettes---neutral--neutral200); border-radius: .5rem; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 16.5rem; display: flex; position: relative; overflow: clip; } .dropdown_resource_card:hover { background-color: var(--_palettes---brand--beige); } .dropdown_resource_thumbnail { aspect-ratio: 3 / 2; pointer-events: none; position: relative; } .dropdown_resource_card_content { grid-column-gap: .25rem; grid-row-gap: .25rem; flex: 1; grid-template-rows: 2.5rem auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; padding: .75rem 1rem; display: grid; } .dropdown_separator { background-color: var(--_palettes---neutral--neutral200); width: .0625rem; } .navbar-container { width: 100%; max-width: 86rem; margin-left: auto; margin-right: auto; } .navbar-container.is--scrolled { max-width: 114rem; transition: all .4s cubic-bezier(.6, -.28, .735, .045); } @media screen and (max-width: 991px) { body { --font-family--paragraph: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-family--headings: Funneldisplay, Arial, sans-serif; --heading-mobile--hsm-2rem\: 1.75rem; --heading-mobile--hsm-1x5rem\: 1.5rem; --heading-mobile--hsm-1x25rem\: 1.25rem; --heading-mobile--hsm-1rem\: 1rem; --palette-neutral--n300\: #a7a7a7; --palette-neutral--n500\: #909090; --background-color--background-success\: var(--base-color-system--success-green\); --text-color--text-success\: var(--base-color-system--success-green-dark\); --spacers-padding--global: .5rem; --border-color--border-primary\: var(--palette-neutral--n200\); --text-color--text-secondary\: var(--color-2-neutral--neutral-darker\); --palette-neutral--n-white\: white; --background-color--background-error\: var(--base-color-system--error-red\); --text-color--text-error\: var(--base-color-system--error-red-dark\); --theme-1-default--background-primary\: var(--palette-neutral--n-white\); --border--rad0x5rem\: .5rem; --palette-neutral--n-black\: #0c0c0c; --palette-neutral--n800\: #383838; --background-color--background-warning\: var(--base-color-system--warning-yellow\); --text-color--text-warning\: var(--base-color-system--warning-yellow-dark\); --font-family--badges: Chivomono, Arial, sans-serif; --spacers-padding--max-width: 95rem; --base-color-system--success-green\: #cef5ca; --base-color-system--success-green-dark\: #114e0b; --palette-neutral--n200\: #bdbdbd; --color-2-neutral--neutral-darker\: #222; --base-color-system--error-red\: #f8e4e4; --base-color-system--error-red-dark\: #3b0b0b; --palette-neutral--n900\: #222; --base-color-system--warning-yellow\: #fcf8d8; --base-color-system--warning-yellow-dark\: #5e5515; } .hide-tablet { display: none; } .fs-styleguide_2-col { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .padding-global { padding-right: var(--spacers-padding--global); padding-left: var(--spacers-padding--global); } .fs-styleguide_1-col { grid-column-gap: 2rem; grid-row-gap: 2rem; } .fs-styleguide_heading-medium { font-size: 3rem; } .fs-styleguide_4-col, .fs-styleguide_3-col { grid-template-columns: 1fr; } .fs-styleguide_section { grid-column-gap: 2.5rem; grid-template-columns: 1fr; } .fs-styleguide_heading-header { font-size: 4rem; } .spacer-mob-0x25rem { width: 100%; padding-top: .25rem; } .spacer-mob-0x5rem { padding-top: .5rem; } .spacer-mob-0x75rem { padding-top: .75rem; } .spacer-mob-1rem { padding-top: 1rem; } .spacer-mob-1x5rem { padding-top: 1.5rem; } .spacer-mob-2rem { padding-top: 2rem; } .spacer-mob-2x5rem { padding-top: 2.5rem; } .spacer-mob-3rem { padding-top: 3rem; } .spacer-mob-3x5rem { padding-top: 3.5rem; } .spacer-mob-4rem { padding-top: 4rem; } .spacer-mob-5rem { padding-top: 5rem; } .spacer-mob-6rem { padding-top: 6rem; } .spacer-mob-8rem { padding-top: 8rem; } .spacer-mob-10rem { padding-top: 10rem; } .button { flex: none; } .blog-header_list { flex-flow: row; position: relative; overflow-x: scroll; } .blog-list_thumbnail-wrapper { max-width: none; } .filter-ui_form { width: calc(100% + (var(--spacers-padding-section--global) * 2)); left: calc(0rem - var(--spacers-padding-section--global)); padding-left: var(--spacers-padding-section--global); position: relative; } .blog-header_small-thumbnail { max-width: none; } .blog-header_component { grid-column-gap: 3rem; grid-row-gap: 3rem; flex-flow: column; display: flex; } .blog-list_card { border-radius: .5rem; } .blog-header_card-row { flex-flow: column; flex: none; align-self: stretch; align-items: stretch; } .blog-list_list { grid-row-gap: .62rem; grid-template-columns: 1fr 1fr; } .blog-header_card { flex: none; min-width: 10rem; } .filter-ui_form-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column-reverse; } .filter-ui_list { width: auto; } .blog-post_component { display: block; } .blog-post_sidebar { display: none; } .legals_component { display: block; } .legals_sidebar { display: none; } .block-inline { display: inline; } .ai-summarize_list { flex-flow: wrap; } .navbar_menu-button { z-index: 2; width: 2.5rem; height: 2.5rem; color: var(--_palettes---brand--kaki); border-radius: .5rem; justify-content: center; align-items: center; padding: .15rem; transition: background-color .4s, border-radius .4s; display: flex; } .navbar_menu-button.w--open { background-color: var(--_palettes---brand--kaki); color: var(--_palettes---brand--beige); } .navbar_mobile-brand { justify-content: flex-start; align-items: center; display: flex; } .navbar_dropdown { flex-flow: column; align-items: stretch; height: auto; } .navbar_dropdown-col { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .navbar_dropdown-col.is--resource { flex-flow: column; display: none; } .navbar_hamburger { grid-column-gap: var(--gap); grid-row-gap: var(--gap); flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .navbar_button-group { flex: none; justify-content: flex-start; align-items: center; height: auto; margin-top: 1.5rem; } .navbar_logo { justify-content: flex-start; align-items: center; } .navbar_dropdown-wrapper-small.w--open { padding-top: 0; position: static; } .navbar_link { height: auto; font-size: var(--_paragraphs---text-size-1x25rem--font-size); border-bottom: 1px solid #eaebea; border-radius: 0; justify-content: space-between; padding: 1rem 0; } .navbar_link:hover { background-color: #0000; } .navbar_link.w--open { border-bottom-color: #0000; } .navbar_link.is-dropdown { padding: .66rem .75rem; } .navbar_brand { display: none; } .navbar_navigation-list { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; flex: none; justify-content: flex-start; align-items: stretch; height: auto; } .navbar_hamburger-line { width: 50%; height: var(--thickness); background-color: currentColor; flex: none; padding: 0; transition-property: all; transition-duration: .4s; transition-timing-function: cubic-bezier(.645, .045, .355, 1); } .navbar_menu { background-color: #fff; flex-flow: column; height: calc(100vh - 4rem); padding: 1.5rem; overflow: scroll; } .navbar_padding { border-radius: 0; padding-left: 1.5rem; padding-right: 1.5rem; } .nav_hamburger-embed { display: none; } .navbar_dropdown-wrapper.w--open { padding-top: 0; padding-left: 0; padding-right: 0; position: static; top: 0; } .navbar { padding-left: 0; padding-right: 0; } .navbar_component { justify-content: space-between; align-items: center; } .navbar_dropdown-container { width: 100%; } .navbar_dropdown-card { box-shadow: none; border-color: #eaebea; margin-bottom: .5rem; padding: 1rem; } .navbar_dropdown-navigation { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: wrap; } .navbar_dropdown-navigation.is--resource { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .numbers_card { grid-column-gap: 1rem; grid-row-gap: 1rem; min-height: 0; } .numbers_card_header { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .tabs1_component { padding: 2.5rem 1.5rem .5rem; } .tabs1_pane { height: auto; display: flex; } .tabs1_pane_wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; width: 100%; } .tabs1_pane_wrapper:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .tabs1_pane_wrapper:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .tabs1_pane_wrapper:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .tabs1_pane_wrapper:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .tabs1_pane_wrapper:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .tabs1_pane_wrapper:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .tabs1_pane_wrapper:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .tabs1_pane_image { aspect-ratio: 16 / 9; border-radius: .5rem; align-self: stretch; } .tabs1_pane_image:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .tabs1_pane_image:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .tabs1_pane_image:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .tabs1_pane_image:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .tabs1_pane_image:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .tabs1_pane_image:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .tabs1_pane_image:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { max-width: none; } .tabs1_pane_image:where(.w-variant-9621c9aa-97a7-27f7-887c-ebd716a3da31) { border-radius: .75rem; } .tabs1_pane_content { max-width: none; min-height: 0; } .tabs1_pane_content:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .tabs1_pane_content:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .tabs1_pane_content:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .tabs1_pane_content:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .tabs1_pane_content:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .tabs1_pane_content:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .tabs1_pane_content:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { padding-top: 0; padding-bottom: .5rem; } .carousel1_component { padding: 2rem 1.5rem 1.5rem; } .carousel1_splide.splide { width: 100%; max-width: 100%; } .carousel1_slide.splide__slide { width: 100%; max-width: 100%; display: flex; } .carousel1_card { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; padding: 1.5rem; } .carousel1_card_content { max-width: none; padding-top: 0; padding-bottom: 0; } .carousel1_card_image { aspect-ratio: 3 / 2; max-width: none; } .carousel_button { display: none; } .testimonials2_component { flex-flow: column; padding: 2.5rem 1.5rem; } .testimonials2_profiles_list_wrapper { order: 9999; align-self: center; margin-top: 2.75rem; } .testimonials2_menu { grid-column-gap: 2rem; grid-row-gap: 2rem; -webkit-backdrop-filter: blur(67px); backdrop-filter: blur(67px); background-color: #171c1d0a; border-radius: .75rem; flex-flow: wrap; justify-content: center; align-items: center; width: fit-content; margin-left: auto; margin-right: auto; padding: .75rem; } .testimonials2_item { width: 3rem; } .features1_component { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; padding: 1.5rem; } .features1_image_wrapper { aspect-ratio: 3 / 2; margin-top: 0; margin-bottom: 0; } .features1_content { padding-top: 0; padding-bottom: 0; } .testimonials2_profiles_item { display: flex; } .testimonials2_profiles_picture { flex: none; width: 5.5rem; } .testimonials2_profiles_content { align-self: center; margin-top: 0; margin-left: 1rem; } .testimonials2_profiles_content.margin-top-4x5rem { margin-top: 0; margin-left: 0; } .faq_component { flex-flow: column; padding: 1.5rem; } .prefooter_component { padding: 1.5rem; } .prefooter_content { border-radius: .5rem; } .footer_features { flex-flow: column; } .footer_features_card, .footer_component { padding: 1.5rem; } .footer_main { grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; flex-flow: column; } .footer_brand { max-width: none; } .footer_bottom { grid-row-gap: 1rem; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .hero2_component { flex-flow: column; padding: 1.5rem; } .hero2_image_wrapper { align-self: stretch; max-width: none; } .logostrip1_component { padding-left: 1.5rem; padding-right: 1.5rem; } .tabs2_component { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; padding: 1.5rem; } .tabs2_content { padding-top: 0; } .tabs2_image_wrapper.sable-21 { aspect-ratio: 1; aspect-ratio: 1; min-height: 0; } .testimonials3_component { padding: 1.5rem; } .testimonials3_item { flex-flow: column; } .testimonials3_image_wrapper { order: 9999; justify-content: space-between; align-items: flex-start; max-width: none; } .testimonials3_profiles_content { align-self: flex-end; margin-top: 0; margin-left: 1rem; } .features2_component { padding: 1.5rem; } .features2_content { flex-flow: column; } .features2_image_wrapper { aspect-ratio: 3 / 2; width: 100%; min-height: 0; } .features2_list { max-width: none; } .features2_item { padding-left: 1rem; padding-right: 1rem; } .features3_component { padding: 2.5rem 1.5rem 1.5rem; } .features4_component { min-height: 0; padding: 2.5rem 1.5rem 1.5rem; } .features4_list { grid-template-columns: 1fr 1fr; } .features4_item { padding-left: 1rem; padding-right: 1rem; } .features4_gradient_top { background-color: #0000007a; background-image: none; height: auto; inset: 0%; } .features4_gradient_blur_top { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); height: auto; inset: 0%; -webkit-mask-image: none; mask-image: none; } .features4_gradient_blur_bottom, .features4_gradient_bottom { display: none; } .features5_component { flex-flow: column; } .features5_header { padding: 1.5rem; } .features5_item { min-height: 0; padding: 1.5rem; } .numbers2_component { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; padding: 1.5rem; } .numbers2_image { aspect-ratio: 3 / 2; } .numbers3_card, .team1_component { padding: 1.5rem; } .team1_slide.splide__slide { width: 20rem; max-width: 70vw; } .team1_card_content.is--cta { padding: 1.5rem; } .hero3_component { flex-flow: column; } .hero3_header { padding: 1.5rem; } .hero3_content:where(.w-variant-5c481801-341e-0265-cd76-97bf6b27b1b1) { padding-left: 1.5rem; padding-right: 1.5rem; } .bloglist_header_component { flex-flow: column; } .blog-list_category { padding: 2.5rem 1.5rem; } .resource-hero_component { padding: 1.5rem; } .resource-hero_content { padding-top: 0; } .resource-hero_thumbnail { align-self: stretch; max-width: none; } .resource-hero_content_wrapper { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: column; } .resource_component { flex-flow: column; } .resource_sidebar_wrapper { order: 9999; max-width: none; } .resource_sidebar, .resource_content_wrapper { padding: 1.5rem; } .features6_list { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .features6_card { min-width: 15rem; } .testimonials4_component { padding: 2.5rem 1.5rem; } .testimonials4_card { grid-column-gap: 2.5rem; grid-row-gap: 2.5rem; flex-flow: column; } .testimonials4_profile { order: 9999; padding-top: 0; padding-bottom: 0; } .dropdown_solutions_wrapper { order: -9999; } .dropdown_resource_card { width: auto; } .dropdown_separator { width: 100%; height: .0625rem; } .carousel1_mobile_nav { grid-column-gap: .75rem; grid-row-gap: .75rem; justify-content: flex-end; align-items: flex-start; margin-top: 2rem; display: flex; } .legal-list_component { padding: 2.5rem 1.5rem 1.5rem; } } @media screen and (max-width: 767px) { body { --font-family--paragraph: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-family--headings: Funneldisplay, Arial, sans-serif; --heading-mobile--hsm-2rem\: 1.75rem; --heading-mobile--hsm-1x5rem\: 1.5rem; --heading-mobile--hsm-1x25rem\: 1.25rem; --heading-mobile--hsm-1rem\: 1rem; --palette-neutral--n300\: #a7a7a7; --palette-neutral--n500\: #909090; --background-color--background-success\: var(--base-color-system--success-green\); --text-color--text-success\: var(--base-color-system--success-green-dark\); --spacers-padding--global: .5rem; --border-color--border-primary\: var(--palette-neutral--n200\); --text-color--text-secondary\: var(--color-2-neutral--neutral-darker\); --palette-neutral--n-white\: white; --background-color--background-error\: var(--base-color-system--error-red\); --text-color--text-error\: var(--base-color-system--error-red-dark\); --theme-1-default--background-primary\: var(--palette-neutral--n-white\); --border--rad0x5rem\: .5rem; --palette-neutral--n-black\: #0c0c0c; --palette-neutral--n800\: #383838; --background-color--background-warning\: var(--base-color-system--warning-yellow\); --text-color--text-warning\: var(--base-color-system--warning-yellow-dark\); --font-family--badges: Chivomono, Arial, sans-serif; --spacers-padding--max-width: 95rem; --base-color-system--success-green\: #cef5ca; --base-color-system--success-green-dark\: #114e0b; --palette-neutral--n200\: #bdbdbd; --color-2-neutral--neutral-darker\: #222; --base-color-system--error-red\: #f8e4e4; --base-color-system--error-red-dark\: #3b0b0b; --palette-neutral--n900\: #222; --base-color-system--warning-yellow\: #fcf8d8; --base-color-system--warning-yellow-dark\: #5e5515; --_headings---heading-size-2x5rem--font-size: 1.75rem; --_headings---heading-size-2x5rem--line-height: .98; --_headings---heading-size-2x5rem--font-weight: 400; --_headings---heading-size-2x5rem--letter-spacing: -.0525rem; --_headings---heading-size-3rem--font-size: 2rem; --_headings---heading-size-3rem--line-height: .98; --_headings---heading-size-3rem--letter-spacing: -.06rem; --_headings---heading-size-2rem--line-height: 1.12; --_headings---heading-size-2rem--font-size: 1.5rem; --_headings---heading-size-1x5rem--line-height: 1.24; --_headings---heading-size-2rem--letter-spacing: -.045rem; --_headings---heading-size-1x5rem--font-size: 1.375rem; --_headings---heading-size-1x25rem--line-height: 1.3; --_headings---heading-size-1x5rem--letter-spacing: -.04125rem; --_headings---heading-size-1x25rem--font-size: 1.25rem; --_headings---heading-size-1x25rem--letter-spacing: -.0375rem; --_headings---heading-size-3x5rem--font-size: 2rem; --_headings---heading-size-3x5rem--line-height: .98; --_headings---heading-size-3x5rem--font-weight: 400; --_headings---heading-size-3x5rem--letter-spacing: -.075rem; --_headings---heading-size-2rem--font-weight: 400; --_headings---heading-size-3rem--font-weight: 400; --_headings---heading-size-1x5rem--font-weight: 400; --_headings---heading-size-1x25rem--font-weight: 400; --_paragraphs---text-size-1rem--font-size: 1rem; --_paragraphs---text-size-1rem--line-height: 1.2; --_paragraphs---text-size-1rem--letter-spacing: -.02rem; --_paragraphs---text-size-1x125rem--line-height: 1.24; --_paragraphs---text-size-1x125rem--font-size: 1.125rem; --_paragraphs---text-size-1x125rem--font-weight\: 400; --_paragraphs---text-size-0x75rem--font-size: .75rem; --_paragraphs---text-size-0x875rem--line-height: 1.2; --_paragraphs---text-size-0x75rem--letter-spacing: 0px; --_paragraphs---text-size-0x875rem--font-size: .875rem; --_paragraphs---text-size-0x875rem--letter-spacing: -.0175rem; --_paragraphs---text-size-1x25rem--font-size: 1.25rem; --_paragraphs---text-size-1x25rem--line-height: 1.2; --_paragraphs---text-size-1x25rem--letter-spacing: 0px; --_paragraphs---text-size-1x125rem--letter-spacing: -.0225rem; --_paragraphs---text-style-badge--font-family: var(--font-family--badges); --_paragraphs---text-style-badge--font-size: .875rem; --_paragraphs---text-style-badge--letter-spacing: -.0175rem; --_paragraphs---text-size-1x375rem--font-size: 1.375rem; --_paragraphs---text-size-1x375rem--letter-spacing: -.04125rem; --_paragraphs---text-size-1x375rem--line-height: 1.24; --_paragraphs---text-size-0x75rem--line-height: 1.2; --_paragraphs---text-style-badge--line-height: 1.24; } h3 { font-size: var(--heading-mobile--hsm-2rem\); } h4 { font-size: var(--heading-mobile--hsm-1x5rem\); } h5 { font-size: var(--heading-mobile--hsm-1x25rem\); } h6 { font-size: var(--heading-mobile--hsm-1rem\); } .hide-mobile-landscape { display: none; } .padding-global { padding-right: var(--spacers-padding--global); padding-left: var(--spacers-padding--global); } .fs-styleguide_section-header { font-size: .875rem; } .fs-styleguide_heading-medium { font-size: 2rem; } .text-style-nowrap { white-space: normal; } .spacer-component { padding-top: 2rem; } .spacer-component:where(.w-variant-4e707de5-bf1e-dd42-7fb6-ac24ce686a4c) { padding-top: 3rem; } .spacer-component:where(.w-variant-83eec681-a82d-6e26-f749-52e4ca458c13) { padding-top: 4rem; } .spacer-component:where(.w-variant-c5e33d14-e297-6cd7-2fd0-a5ca94b32941) { padding-top: 0; } .spacer-component:where(.w-variant-77e3e437-ae5e-3759-9f1a-6f1b1a55481e) { padding-top: .5rem; } .blog-header_list { overflow: scroll; } .filter-ui_form { padding-left: var(--spacers-padding-section-mobile--global); left: calc(0rem - var(--spacers-padding-section-mobile--global)); width: calc(100% + (var(--spacers-padding-section-mobile--global) * 2)); } .blog-header_small-thumbnail { aspect-ratio: 3 / 2; } .filter-ui_list-wrapper { border-left: 1px solid #d3d3d3; margin-top: -6px; margin-bottom: -6px; padding-top: 6px; padding-bottom: 6px; } .blog-header_large-thumbnail { aspect-ratio: 3 / 2; } .blog-list_list { grid-row-gap: 1.5rem; flex-flow: column; display: flex; } .filter-ui_button { margin-bottom: .5rem; } .filter-ui_button.is-list-active { background-color: var(--_color-modes---background-secondary); background-color: var(--_palettes---brand--jaunecitron); background-color: var(--_color-modes---background-secondary); background-color: var(--_palettes---brand--jaunecitron); } .filter-ui_list { padding-right: calc(var(--spacers-padding-section-mobile--global) * 2); } .blog-post_author { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: column; } .overflow-auto { overflow: auto; } .ai-summarize_component { padding: 1rem; } .ai-summarize_list { grid-row-gap: 1rem; } .navbar_button-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: row; align-items: stretch; } .navbar_padding { padding-left: 1rem; padding-right: 1rem; } .navbar_dropdown-wrapper { padding-left: 0; padding-right: 0; } .navbar_dropdown-card { border-radius: .5rem; padding: .5rem; } .navbar_dropdown-navigation.is--solution { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-column-gap: 1rem; grid-row-gap: 1rem; } .faq_plus-icon { width: 2.5rem; height: 2.5rem; } .numbers_component { flex-flow: column; } .hero1_component { padding: 1.5rem; } .hero1_empty-space { height: 20rem; } .logostrip2_component { width: 100%; } .logostrip2_item { flex: 1; } .hero1_logostrip2_wrapper { align-self: stretch; margin-bottom: -1rem; margin-left: -1rem; margin-right: -1rem; } .tabs1_component { padding-left: 1.5rem; padding-right: 1.5rem; } .tabs1_menu { flex-flow: column; } .tabs1_wrapper { margin-left: -1.5rem; margin-right: -1.5rem; } .tabs1_content.is--mounted { padding-right: 1.5rem; } .tabs1_pane_content { padding: 1.5rem; } .tabs1_pane_content:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .tabs1_pane_content:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .tabs1_pane_content:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .tabs1_pane_content:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .tabs1_pane_content:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .tabs1_pane_content:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .tabs1_pane_content:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { padding: 0; } .features_list { grid-column-gap: 1rem; grid-row-gap: 1rem; } .testimonials1_component { padding: 2.5rem 1.5rem; } .carousel1_card_thumbnail { border-radius: .28838rem; width: 5rem; box-shadow: 0 0 0 1.538px #fffffb29, 0 9.613px 19.225px -4.614px #0006; } .testimonials2_component { padding: 1.5rem; } .testimonials2_menu { justify-content: space-around; width: auto; } .testimonials2_gradient-main { background-image: linear-gradient(#0000, #171c1dcc); } .text-size-1x5rem { font-size: 1rem; } .footer_nav { grid-column-gap: 1rem; grid-template-columns: 1fr 1fr; } .testimonials3_image_wrapper { aspect-ratio: 1; min-height: 0; } .testimonials3_buttons { display: none; } .features2_item { padding-left: 0; padding-right: 0; } .features4_list { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .features4_item { padding: 0 0 1rem; } .features4_item_separator { flex-flow: column; justify-content: center; align-items: center; inset: auto 0% -.5rem; } .numbers2_image { aspect-ratio: 1; min-height: 0; } .labels_list { flex-flow: wrap; } .labels_item { min-width: 10rem; max-width: none; } .hero3_logostrip2_wrapper { align-self: stretch; width: 100%; margin-bottom: -1rem; margin-left: -1rem; margin-right: -1rem; } .bloglist-header_item { flex: none; } .bloglist-header_item.is--row { width: 25rem; } .blog-list_category { padding-top: 2.5rem; padding-bottom: 2.5rem; } .resource-hero_thumbnail.is--usecase { border-radius: .5rem; } .blog-preview_component { padding: 1.5rem; } .blog-preview_header { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .guides_list { flex-flow: column; display: flex; } .dropdown_solutions_link { min-width: 0; } } @media screen and (max-width: 479px) { .fs-styleguide_row { flex-wrap: wrap; } .hide-mobile-portrait { display: none; } .navbar_dropdown-col { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; display: flex; } .navbar_link.w--open { border-bottom-style: none; } .navbar_dropdown-navigation.is--resource { flex-flow: column; display: flex; } .tabs1_pane_wrapper:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af) { align-self: stretch; } .tabs1_pane_content:where(.w-variant-cc92beec-bc76-a764-f0df-080f9e2e07af), .tabs1_pane_content:where(.w-variant-74d1403b-3f15-5d5a-5e72-4620eef7268a), .tabs1_pane_content:where(.w-variant-d3ec1aae-d344-e9be-06b9-c14450a8e396), .tabs1_pane_content:where(.w-variant-99420986-419b-127b-a00e-2c448238d5cb), .tabs1_pane_content:where(.w-variant-acbe708a-7e96-52f5-3863-1d664e032ca9), .tabs1_pane_content:where(.w-variant-e2dcf5b0-817a-69d9-1baf-0867b65fc428), .tabs1_pane_content:where(.w-variant-c6912b58-70b7-f419-2634-b45d86bd90df) { min-height: fit-content; } .footer_bottom { padding-left: 0; padding-right: 0; } .logostrip1_badge_number { min-width: 0; min-height: 0; padding-top: .25rem; padding-bottom: .25rem; } .logostrip1_badge_content { padding-left: .5rem; padding-right: .5rem; } .dropdown_solutions_list { display: flex; } } #w-node-_91bf8381-9d39-b428-c483-3edaa436f845-a436f83f, #w-node-_91bf8381-9d39-b428-c483-3edaa436f846-a436f83f { grid-area: 1 / 1 / 2 / 2; place-self: center; } @media screen and (max-width: 991px) { #w-node-d9224ec1-5eb6-03fb-739a-e6b79bb0e7c7-4245ab75 { grid-area: span 1 / span 2 / span 1 / span 2; } }