/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/***********************************
* base styles
************************************/
/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:13:45 GMT
 */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  src: url('ubuntu-v20-latin-300italic.27743def6b8e9eb7.woff2') format("woff2"), url('ubuntu-v20-latin-300italic.500ce44e5cdf481d.woff') format("woff"), url('ubuntu-v20-latin-300italic.dd70f2ead3badb38.eot') format("embedded-opentype"), url('ubuntu-v20-latin-300italic.3f9c3092d21d7430.ttf') format("truetype"), url('ubuntu-v20-latin-300italic.7fdd3a964cbdc69f.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  src: url('ubuntu-v20-latin-300.76412f87ec3a43cc.woff2') format("woff2"), url('ubuntu-v20-latin-300.a642d84fa1bdd4d3.woff') format("woff"), url('ubuntu-v20-latin-300.65d5632f6ace19ea.eot') format("embedded-opentype"), url('ubuntu-v20-latin-300.e85afdd4f253e4f6.ttf') format("truetype"), url('ubuntu-v20-latin-300.2ccd1e459bc7ad89.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  src: url('ubuntu-v20-latin-500italic.99f76c4f7520ca61.woff2') format("woff2"), url('ubuntu-v20-latin-500italic.6d9f84ca6c8c0ad5.woff') format("woff"), url('ubuntu-v20-latin-500italic.cb7a031c68391412.eot') format("embedded-opentype"), url('ubuntu-v20-latin-500italic.2259bda99415d344.ttf') format("truetype"), url('ubuntu-v20-latin-500italic.31fb042ac0b9a705.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  src: url('ubuntu-v20-latin-500.c61685cf1215ace8.woff2') format("woff2"), url('ubuntu-v20-latin-500.e18252566b472020.woff') format("woff"), url('ubuntu-v20-latin-500.15ab53c8ed90ae3f.eot') format("embedded-opentype"), url('ubuntu-v20-latin-500.4fdd700feb59013f.ttf') format("truetype"), url('ubuntu-v20-latin-500.045cf05ea687e047.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  src: url('ubuntu-v20-latin-700italic.372cf5ab8e52a51d.woff2') format("woff2"), url('ubuntu-v20-latin-700italic.eb57cc66beb86b96.woff') format("woff"), url('ubuntu-v20-latin-700italic.767ecf9a6994ea3f.eot') format("embedded-opentype"), url('ubuntu-v20-latin-700italic.4d7ea1ff611d4697.ttf') format("truetype"), url('ubuntu-v20-latin-700italic.fe028fc1afc94f54.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  src: url('ubuntu-v20-latin-700.f043dd385406bdff.woff2') format("woff2"), url('ubuntu-v20-latin-700.c526e0885a37d3b1.woff') format("woff"), url('ubuntu-v20-latin-700.527a5334d3b8a5a4.eot') format("embedded-opentype"), url('ubuntu-v20-latin-700.c1edd9b44a9e555f.ttf') format("truetype"), url('ubuntu-v20-latin-700.983d30cb7fb3865e.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: regular;
  src: url('ubuntu-v20-latin-italic.ae3461412cd31907.woff2') format("woff2"), url('ubuntu-v20-latin-italic.cde683ca7d658be4.woff') format("woff"), url('ubuntu-v20-latin-italic.4f0953dd5427508d.eot') format("embedded-opentype"), url('ubuntu-v20-latin-italic.023f4dd4f210b912.ttf') format("truetype"), url('ubuntu-v20-latin-italic.5054d786dadc5fa2.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: regular;
  src: url('ubuntu-v20-latin-regular.e82090ff6e33638e.woff2') format("woff2"), url('ubuntu-v20-latin-regular.def6d868fbb7191d.woff') format("woff"), url('ubuntu-v20-latin-regular.383f5cd971bc25e4.eot') format("embedded-opentype"), url('ubuntu-v20-latin-regular.d4e4bb0f95a07e85.ttf') format("truetype"), url('ubuntu-v20-latin-regular.5e34d1fa8b550c25.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "UbuntuMono";
  font-style: normal;
  font-weight: 700;
  src: url('ubuntu-mono-v15-latin-700.607f4ecc54e11bb1.woff2') format("woff2"), url('ubuntu-mono-v15-latin-700.f7388f4bb922ceb3.woff') format("woff"), url('ubuntu-mono-v15-latin-700.b80e9a6bdeb2d7e9.eot') format("embedded-opentype"), url('ubuntu-mono-v15-latin-700.be401a5123bf98a1.ttf') format("truetype"), url('ubuntu-mono-v15-latin-700.3b509bf6b1af2f90.svg') format("svg");
  font-display: fallback;
}
@font-face {
  font-family: "UbuntuMono";
  font-style: normal;
  font-weight: regular;
  src: url('ubuntu-mono-v15-latin-regular.13908c713ab5ad0d.woff2') format("woff2"), url('ubuntu-mono-v15-latin-regular.755e4927bb124d5c.woff') format("woff"), url('ubuntu-mono-v15-latin-regular.e7df2434c1adc621.eot') format("embedded-opentype"), url('ubuntu-mono-v15-latin-regular.4122d3500babcd18.ttf') format("truetype"), url('ubuntu-mono-v15-latin-regular.107956e89e9ddac2.svg') format("svg");
  font-display: fallback;
}
/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:13:47 GMT
 */
/* mobile devices (0 and up) */
html {
  --typography-body-m-bold-letter-spacing: -0.0112rem;
  --typography-body-m-bold-line-height: 1.5;
  --typography-body-m-bold-lining-nums-letter-spacing: 0;
  --typography-body-m-bold-lining-nums-line-height: 1.5;
  --typography-body-m-bold-lining-nums: 700 1rem/1.5 Ubuntu;
  --typography-body-m-bold: 700 1rem/1.5 Ubuntu;
  --typography-body-m-medium-letter-spacing: -0.0112rem;
  --typography-body-m-medium-line-height: 1.5;
  --typography-body-m-medium-lining-nums-letter-spacing: 0;
  --typography-body-m-medium-lining-nums-line-height: 1.5;
  --typography-body-m-medium-lining-nums: 500 1rem/1.5 Ubuntu;
  --typography-body-m-medium: 500 1rem/1.5 Ubuntu;
  --typography-body-m-regular-letter-spacing: -0.0112rem;
  --typography-body-m-regular-line-height: 1.5;
  --typography-body-m-regular-lining-nums-letter-spacing: 0;
  --typography-body-m-regular-lining-nums-line-height: 1.5;
  --typography-body-m-regular-lining-nums: 400 1rem/1.5 Ubuntu;
  --typography-body-m-regular: 400 1rem/1.5 Ubuntu;
  --typography-body-s-bold-letter-spacing: -0.005rem;
  --typography-body-s-bold-line-height: 1.5;
  --typography-body-s-bold-lining-nums-letter-spacing: 0;
  --typography-body-s-bold-lining-nums-line-height: 1.5;
  --typography-body-s-bold-lining-nums: 700 0.875rem/1.5 Ubuntu;
  --typography-body-s-bold: 700 0.875rem/1.5 Ubuntu;
  --typography-body-s-medium-letter-spacing: -0.005rem;
  --typography-body-s-medium-line-height: 1.5;
  --typography-body-s-medium-lining-nums-letter-spacing: 0;
  --typography-body-s-medium-lining-nums-line-height: 1.5;
  --typography-body-s-medium-lining-nums: 500 0.875rem/1.5 Ubuntu;
  --typography-body-s-medium: 500 0.875rem/1.5 Ubuntu;
  --typography-body-s-regular-letter-spacing: -0.005rem;
  --typography-body-s-regular-line-height: 1.5;
  --typography-body-s-regular-lining-nums-letter-spacing: 0;
  --typography-body-s-regular-lining-nums-line-height: 1.5;
  --typography-body-s-regular-lining-nums: 400 0.875rem/1.5 Ubuntu;
  --typography-body-s-regular: 400 0.875rem/1.5 Ubuntu;
  --typography-body-xs-bold-letter-spacing: -0.0019rem;
  --typography-body-xs-bold-line-height: 1.5;
  --typography-body-xs-bold-lining-nums-letter-spacing: 0;
  --typography-body-xs-bold-lining-nums-line-height: 1.5;
  --typography-body-xs-bold-lining-nums: 700 0.8125rem/1.5 Ubuntu;
  --typography-body-xs-bold: 700 0.8125rem/1.5 Ubuntu;
  --typography-body-xs-medium-letter-spacing: -0.0019rem;
  --typography-body-xs-medium-line-height: 1.5;
  --typography-body-xs-medium-lining-nums-letter-spacing: 0;
  --typography-body-xs-medium-lining-nums-line-height: 1.5;
  --typography-body-xs-medium-lining-nums: 500 0.8125rem/1.5 Ubuntu;
  --typography-body-xs-medium: 500 0.8125rem/1.5 Ubuntu;
  --typography-body-xs-regular-letter-spacing: -0.0019rem;
  --typography-body-xs-regular-line-height: 1.5;
  --typography-body-xs-regular-lining-nums-letter-spacing: 0;
  --typography-body-xs-regular-lining-nums-line-height: 1.5;
  --typography-body-xs-regular-lining-nums: 400 0.8125rem/1.5 Ubuntu;
  --typography-body-xs-regular: 400 0.8125rem/1.5 Ubuntu;
  --typography-body-xxs-bold-letter-spacing: 0.0031rem;
  --typography-body-xxs-bold-line-height: 1.5;
  --typography-body-xxs-bold-lining-nums-letter-spacing: 0;
  --typography-body-xxs-bold-lining-nums-line-height: 1.5;
  --typography-body-xxs-bold-lining-nums: 700 0.6875rem/1.5 Ubuntu;
  --typography-body-xxs-bold: 700 0.6875rem/1.5 Ubuntu;
  --typography-body-xxs-medium-letter-spacing: 0.0031rem;
  --typography-body-xxs-medium-line-height: 1.5;
  --typography-body-xxs-medium-lining-nums-letter-spacing: 0;
  --typography-body-xxs-medium-lining-nums-line-height: 1.5;
  --typography-body-xxs-medium-lining-nums: 500 0.6875rem/1.5 Ubuntu;
  --typography-body-xxs-medium: 500 0.6875rem/1.5 Ubuntu;
  --typography-body-xxs-regular-letter-spacing: 0.0031rem;
  --typography-body-xxs-regular-line-height: 1.5;
  --typography-body-xxs-regular-lining-nums-letter-spacing: 0;
  --typography-body-xxs-regular-lining-nums-line-height: 1.5;
  --typography-body-xxs-regular-lining-nums: 400 0.6875rem/1.5 Ubuntu;
  --typography-body-xxs-regular: 400 0.6875rem/1.5 Ubuntu;
  --typography-display-l-light-letter-spacing: -0.0663rem;
  --typography-display-l-light-line-height: 1.2;
  --typography-display-l-light: 300 3rem/1.2 Ubuntu;
  --typography-display-m-bold-letter-spacing: -0.055rem;
  --typography-display-m-bold-line-height: 1.2;
  --typography-display-m-bold: 700 2.5rem/1.2 Ubuntu;
  --typography-display-m-regular-letter-spacing: -0.055rem;
  --typography-display-m-regular-line-height: 1.2;
  --typography-display-m-regular: 400 2.5rem/1.2 Ubuntu;
  --typography-headline-l-bold-letter-spacing: -0.0444rem;
  --typography-headline-l-bold-line-height: 1.2;
  --typography-headline-l-bold: 700 2.125rem/1.2 Ubuntu;
  --typography-headline-l-light-letter-spacing: -0.0444rem;
  --typography-headline-l-light-line-height: 1.2;
  --typography-headline-l-light: 300 2.125rem/1.2 Ubuntu;
  --typography-headline-l-medium-letter-spacing: -0.0444rem;
  --typography-headline-l-medium-line-height: 1.2;
  --typography-headline-l-medium: 500 2.125rem/1.2 Ubuntu;
  --typography-headline-m-bold-letter-spacing: -0.0406rem;
  --typography-headline-m-bold-line-height: 1.2;
  --typography-headline-m-bold: 700 1.9375rem/1.2 Ubuntu;
  --typography-headline-m-medium-letter-spacing: -0.0406rem;
  --typography-headline-m-medium-line-height: 1.2;
  --typography-headline-m-medium: 500 1.9375rem/1.2 Ubuntu;
  --typography-headline-m-regular-letter-spacing: -0.0406rem;
  --typography-headline-m-regular-line-height: 1.2;
  --typography-headline-m-regular: 400 1.9375rem/1.2 Ubuntu;
  --typography-headline-s-light-letter-spacing: -0.0331rem;
  --typography-headline-s-light-line-height: 1.3;
  --typography-headline-s-light: 300 1.75rem/1.3 Ubuntu;
  --typography-headline-s-medium-letter-spacing: -0.0331rem;
  --typography-headline-s-medium-line-height: 1.3;
  --typography-headline-s-medium: 500 1.75rem/1.3 Ubuntu;
  --typography-headline-s-regular-letter-spacing: -0.0331rem;
  --typography-headline-s-regular-line-height: 1.3;
  --typography-headline-s-regular: 400 1.75rem/1.3 Ubuntu;
  --typography-title-l-bold-letter-spacing: -0.0288rem;
  --typography-title-l-bold-line-height: 1.3;
  --typography-title-l-bold: 700 1.375rem/1.3 Ubuntu;
  --typography-title-l-light-letter-spacing: -0.0288rem;
  --typography-title-l-light-line-height: 1.3;
  --typography-title-l-light: 300 1.375rem/1.3 Ubuntu;
  --typography-title-l-medium-letter-spacing: -0.0288rem;
  --typography-title-l-medium-line-height: 1.3;
  --typography-title-l-medium: 500 1.375rem/1.3 Ubuntu;
  --typography-title-l-regular-letter-spacing: -0.0288rem;
  --typography-title-l-regular-line-height: 1.3;
  --typography-title-l-regular: 400 1.375rem/1.3 Ubuntu;
  --typography-title-m-bold-letter-spacing: -0.0288rem;
  --typography-title-m-bold-line-height: 1.3;
  --typography-title-m-bold: 700 1.25rem/1.3 Ubuntu;
  --typography-title-m-light-letter-spacing: -0.0225rem;
  --typography-title-m-light-line-height: 1.3;
  --typography-title-m-light: 300 1.25rem/1.3 Ubuntu;
  --typography-title-m-medium-letter-spacing: -0.0225rem;
  --typography-title-m-medium-line-height: 1.3;
  --typography-title-m-medium: 500 1.25rem/1.3 Ubuntu;
  --typography-title-m-regular-letter-spacing: -0.0225rem;
  --typography-title-m-regular-line-height: 1.3;
  --typography-title-m-regular: 400 1.25rem/1.3 Ubuntu;
  --typography-title-s-bold-letter-spacing: -0.0181rem;
  --typography-title-s-bold-line-height: 1.3;
  --typography-title-s-bold: 700 1.125rem/1.3 Ubuntu;
  --typography-title-s-medium-letter-spacing: -0.0181rem;
  --typography-title-s-medium-line-height: 1.3;
  --typography-title-s-medium: 500 1.125rem/1.3 Ubuntu;
  --typography-title-s-regular-letter-spacing: -0.0181rem;
  --typography-title-s-regular-line-height: 1.3;
  --typography-title-s-regular: 400 1.125rem/1.3 Ubuntu;
  --typography-title-xl-bold-letter-spacing: -0.0294rem;
  --typography-title-xl-bold-line-height: 1.3;
  --typography-title-xl-bold: 700 1.5625rem/1.3 Ubuntu;
  --typography-title-xl-medium-letter-spacing: -0.0294rem;
  --typography-title-xl-medium-line-height: 1.3;
  --typography-title-xl-medium: 500 1.5625rem/1.3 Ubuntu;
  --typography-title-xl-regular-letter-spacing: -0.0294rem;
  --typography-title-xl-regular-line-height: 1.3;
  --typography-title-xl-regular: 400 1.5625rem/1.3 Ubuntu;
  font: var(--typography-body-m-regular);
}

/* desktop devices (768px and up) */
@media screen and (min-width: 768px) {
  html {
    --typography-body-m-bold-letter-spacing: -0.0112rem;
    --typography-body-m-bold-line-height: 1.5;
    --typography-body-m-bold-lining-nums-letter-spacing: 0;
    --typography-body-m-bold-lining-nums-line-height: 1.5;
    --typography-body-m-bold-lining-nums: 700 1rem/1.5 Ubuntu;
    --typography-body-m-bold: 700 1rem/1.5 Ubuntu;
    --typography-body-m-medium-letter-spacing: -0.0112rem;
    --typography-body-m-medium-line-height: 1.5;
    --typography-body-m-medium-lining-nums-letter-spacing: 0;
    --typography-body-m-medium-lining-nums-line-height: 1.5;
    --typography-body-m-medium-lining-nums: 500 1rem/1.5 Ubuntu;
    --typography-body-m-medium: 500 1rem/1.5 Ubuntu;
    --typography-body-m-regular-letter-spacing: -0.0112rem;
    --typography-body-m-regular-line-height: 1.5;
    --typography-body-m-regular-lining-nums-letter-spacing: 0;
    --typography-body-m-regular-lining-nums-line-height: 1.5;
    --typography-body-m-regular-lining-nums: 400 1rem/1.5 Ubuntu;
    --typography-body-m-regular: 400 1rem/1.5 Ubuntu;
    --typography-body-s-bold-letter-spacing: -0.005rem;
    --typography-body-s-bold-line-height: 1.5;
    --typography-body-s-bold-lining-nums-letter-spacing: 0;
    --typography-body-s-bold-lining-nums-line-height: 1.5;
    --typography-body-s-bold-lining-nums: 700 0.875rem/1.5 Ubuntu;
    --typography-body-s-bold: 700 0.875rem/1.5 Ubuntu;
    --typography-body-s-medium-letter-spacing: -0.005rem;
    --typography-body-s-medium-line-height: 1.5;
    --typography-body-s-medium-lining-nums-letter-spacing: 0;
    --typography-body-s-medium-lining-nums-line-height: 1.5;
    --typography-body-s-medium-lining-nums: 500 0.875rem/1.5 Ubuntu;
    --typography-body-s-medium: 500 0.875rem/1.5 Ubuntu;
    --typography-body-s-regular-letter-spacing: -0.005rem;
    --typography-body-s-regular-line-height: 1.5;
    --typography-body-s-regular-lining-nums-letter-spacing: 0;
    --typography-body-s-regular-lining-nums-line-height: 1.5;
    --typography-body-s-regular-lining-nums: 400 0.875rem/1.5 Ubuntu;
    --typography-body-s-regular: 400 0.875rem/1.5 Ubuntu;
    --typography-body-xs-bold-letter-spacing: -0.0019rem;
    --typography-body-xs-bold-line-height: 1.5;
    --typography-body-xs-bold-lining-nums-letter-spacing: 0;
    --typography-body-xs-bold-lining-nums-line-height: 1.5;
    --typography-body-xs-bold-lining-nums: 700 0.8125rem/1.5 Ubuntu;
    --typography-body-xs-bold: 700 0.8125rem/1.5 Ubuntu;
    --typography-body-xs-medium-letter-spacing: -0.0019rem;
    --typography-body-xs-medium-line-height: 1.5;
    --typography-body-xs-medium-lining-nums-letter-spacing: 0;
    --typography-body-xs-medium-lining-nums-line-height: 1.5;
    --typography-body-xs-medium-lining-nums: 500 0.8125rem/1.5 Ubuntu;
    --typography-body-xs-medium: 500 0.8125rem/1.5 Ubuntu;
    --typography-body-xs-regular-letter-spacing: -0.0019rem;
    --typography-body-xs-regular-line-height: 1.5;
    --typography-body-xs-regular-lining-nums-letter-spacing: 0;
    --typography-body-xs-regular-lining-nums-line-height: 1.5;
    --typography-body-xs-regular-lining-nums: 400 0.8125rem/1.5 Ubuntu;
    --typography-body-xs-regular: 400 0.8125rem/1.5 Ubuntu;
    --typography-body-xxs-bold-letter-spacing: 0.0031rem;
    --typography-body-xxs-bold-line-height: 1.5;
    --typography-body-xxs-bold-lining-nums-letter-spacing: 0;
    --typography-body-xxs-bold-lining-nums-line-height: 1.5;
    --typography-body-xxs-bold-lining-nums: 700 0.6875rem/1.5 Ubuntu;
    --typography-body-xxs-bold: 700 0.6875rem/1.5 Ubuntu;
    --typography-body-xxs-medium-letter-spacing: 0.0031rem;
    --typography-body-xxs-medium-line-height: 1.5;
    --typography-body-xxs-medium-lining-nums-letter-spacing: 0;
    --typography-body-xxs-medium-lining-nums-line-height: 1.5;
    --typography-body-xxs-medium-lining-nums: 500 0.6875rem/1.5 Ubuntu;
    --typography-body-xxs-medium: 500 0.6875rem/1.5 Ubuntu;
    --typography-body-xxs-regular-letter-spacing: 0.0031rem;
    --typography-body-xxs-regular-line-height: 1.5;
    --typography-body-xxs-regular-lining-nums-letter-spacing: 0;
    --typography-body-xxs-regular-lining-nums-line-height: 1.5;
    --typography-body-xxs-regular-lining-nums: 400 0.6875rem/1.5 Ubuntu;
    --typography-body-xxs-regular: 400 0.6875rem/1.5 Ubuntu;
    --typography-display-l-light-letter-spacing: -0.11rem;
    --typography-display-l-light-line-height: 1.2;
    --typography-display-l-light: 300 5rem/1.2 Ubuntu;
    --typography-display-m-bold-letter-spacing: -0.0781rem;
    --typography-display-m-bold-line-height: 1.2;
    --typography-display-m-bold: 700 3.5625rem/1.2 Ubuntu;
    --typography-display-m-regular-letter-spacing: -0.0781rem;
    --typography-display-m-regular-line-height: 1.2;
    --typography-display-m-regular: 400 3.5625rem/1.2 Ubuntu;
    --typography-headline-l-bold-letter-spacing: -0.0663rem;
    --typography-headline-l-bold-line-height: 1.2;
    --typography-headline-l-bold: 700 3rem/1.2 Ubuntu;
    --typography-headline-l-light-letter-spacing: -0.0663rem;
    --typography-headline-l-light-line-height: 1.2;
    --typography-headline-l-light: 300 3rem/1.2 Ubuntu;
    --typography-headline-l-medium-letter-spacing: -0.0663rem;
    --typography-headline-l-medium-line-height: 1.2;
    --typography-headline-l-medium: 500 3rem/1.2 Ubuntu;
    --typography-headline-m-bold-letter-spacing: -0.055rem;
    --typography-headline-m-bold-line-height: 1.2;
    --typography-headline-m-bold: 700 2.5rem/1.2 Ubuntu;
    --typography-headline-m-medium-letter-spacing: -0.055rem;
    --typography-headline-m-medium-line-height: 1.2;
    --typography-headline-m-medium: 500 2.5rem/1.2 Ubuntu;
    --typography-headline-m-regular-letter-spacing: -0.055rem;
    --typography-headline-m-regular-line-height: 1.2;
    --typography-headline-m-regular: 400 2.5rem/1.2 Ubuntu;
    --typography-headline-s-light-letter-spacing: -0.045rem;
    --typography-headline-s-light-line-height: 1.3;
    --typography-headline-s-light: 300 2rem/1.3 Ubuntu;
    --typography-headline-s-medium-letter-spacing: -0.045rem;
    --typography-headline-s-medium-line-height: 1.3;
    --typography-headline-s-medium: 500 2rem/1.3 Ubuntu;
    --typography-headline-s-regular-letter-spacing: -0.045rem;
    --typography-headline-s-regular-line-height: 1.3;
    --typography-headline-s-regular: 400 2rem/1.3 Ubuntu;
    --typography-title-l-bold-letter-spacing: -0.0288rem;
    --typography-title-l-bold-line-height: 1.3;
    --typography-title-l-bold: 700 1.5rem/1.3 Ubuntu;
    --typography-title-l-light-letter-spacing: -0.0288rem;
    --typography-title-l-light-line-height: 1.3;
    --typography-title-l-light: 300 1.5rem/1.3 Ubuntu;
    --typography-title-l-medium-letter-spacing: -0.0288rem;
    --typography-title-l-medium-line-height: 1.3;
    --typography-title-l-medium: 500 1.5rem/1.3 Ubuntu;
    --typography-title-l-regular-letter-spacing: -0.0288rem;
    --typography-title-l-regular-line-height: 1.3;
    --typography-title-l-regular: 400 1.5rem/1.3 Ubuntu;
    --typography-title-m-bold-letter-spacing: -0.0225rem;
    --typography-title-m-bold-line-height: 1.3;
    --typography-title-m-bold: 700 1.3125rem/1.3 Ubuntu;
    --typography-title-m-light-letter-spacing: -0.0225rem;
    --typography-title-m-light-line-height: 1.3;
    --typography-title-m-light: 300 1.3125rem/1.3 Ubuntu;
    --typography-title-m-medium-letter-spacing: -0.0225rem;
    --typography-title-m-medium-line-height: 1.3;
    --typography-title-m-medium: 500 1.3125rem/1.3 Ubuntu;
    --typography-title-m-regular-letter-spacing: -0.0225rem;
    --typography-title-m-regular-line-height: 1.3;
    --typography-title-m-regular: 400 1.3125rem/1.3 Ubuntu;
    --typography-title-s-bold-letter-spacing: -0.0181rem;
    --typography-title-s-bold-line-height: 1.3;
    --typography-title-s-bold: 700 1.1875rem/1.3 Ubuntu;
    --typography-title-s-medium-letter-spacing: -0.0181rem;
    --typography-title-s-medium-line-height: 1.3;
    --typography-title-s-medium: 500 1.1875rem/1.3 Ubuntu;
    --typography-title-s-regular-letter-spacing: -0.0181rem;
    --typography-title-s-regular-line-height: 1.3;
    --typography-title-s-regular: 400 1.1875rem/1.3 Ubuntu;
    --typography-title-xl-bold-letter-spacing: -0.0369rem;
    --typography-title-xl-bold-line-height: 1.3;
    --typography-title-xl-bold: 700 1.75rem/1.3 Ubuntu;
    --typography-title-xl-medium-letter-spacing: -0.0369rem;
    --typography-title-xl-medium-line-height: 1.3;
    --typography-title-xl-medium: 500 1.75rem/1.3 Ubuntu;
    --typography-title-xl-regular-letter-spacing: -0.0369rem;
    --typography-title-xl-regular-line-height: 1.3;
    --typography-title-xl-regular: 400 1.75rem/1.3 Ubuntu;
  }
}
/*
* common variables light mode :
* - color (additional, alpha, gray, information, warning, error, success),
* - size (border, breakpoint, dim, radius, space),
* - state (focus, keyboard)
*
* default brand mode light variables (neo):
* - color (primary, secondary et tertiary)
*/
/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:13:51 GMT
 */
/**
* version: 4.19.0 
*/
html,
.theme-light,
html[color-theme=light] {
  --color-additional-acier: #608dae;
  --color-additional-amarante: #bf483d;
  --color-additional-ambre: #eab818;
  --color-additional-amethyste: #7c5691;
  --color-additional-aquilain: #c6553d;
  --color-additional-azurin: #e6f0f7;
  --color-additional-beige-pastel: #d8c6bd;
  --color-additional-bleu: #007acc;
  --color-additional-bleu-azur: #1759a4;
  --color-additional-bleu-canard: #51a0a2;
  --color-additional-bleu-ciel: #009eba;
  --color-additional-bleu-de-prusse: #285066;
  --color-additional-bleu-electrique: #062499;
  --color-additional-bleu-fonce: #252c51;
  --color-additional-bleu-maya: #5f98cd;
  --color-additional-bleu-noir: #080d3d;
  --color-additional-bleu-paon: #589496;
  --color-additional-bleu-pastel: #89abd7;
  --color-additional-bleu-persan: #5048ec;
  --color-additional-bleu-roi: #537dee;
  --color-additional-bordeaux: #bb142c;
  --color-additional-capucine: #f06468;
  --color-additional-carmin: #b0435f;
  --color-additional-chaudron: #987001;
  --color-additional-corail: #e6434b;
  --color-additional-creme: #f3efed;
  --color-additional-curry: #bd8a00;
  --color-additional-fauve: #956c65;
  --color-additional-girs-de-lin: #edeaf8; /* ✋ DEPRECATED - use grisDeLin instead */
  --color-additional-gris-beige: #7c7667;
  --color-additional-gris-de-lin: #edeaf8;
  --color-additional-indigo: #521da5;
  --color-additional-lavande: #805bed;
  --color-additional-lilas: #b0479d;
  --color-additional-menthe: #00a193;
  --color-additional-moutarde: #c3811d;
  --color-additional-olive: #989407;
  --color-additional-or: #e5bd77;
  --color-additional-orange: #ec710f;
  --color-additional-orchidee: #d46ea7;
  --color-additional-plomb: #85979d;
  --color-additional-pourpre: #8f0e43;
  --color-additional-prune: #420c11;
  --color-additional-rubis: #d1005d;
  --color-additional-vert: #6e8e24;
  --color-additional-vert-bouteille: #00544d;
  --color-additional-vert-de-chrome: #1c2607;
  --color-additional-vert-emeraude: #506915;
  --color-additional-vert-pastel: #a6c5cb;
  --color-additional-vert-sapin: #2f3e0c;
  --color-additional-violet: #492578;
  --color-additional-violet-pastel: #bab2d9;
  --color-alpha-shape: rgba(0, 0, 0, 0.25);
  --color-alpha-shape-discrete: rgba(0, 0, 0, 0.05);
  --color-alpha-shape-inverted: rgba(255, 255, 255, 0.25);
  --color-alpha-shape-strong: rgba(0, 0, 0, 0.6);
  --color-alpha-surface: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-active: rgba(0, 0, 0, 0.15);
  --color-alpha-surface-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-discrete: rgba(0, 0, 0, 0.02);
  --color-alpha-surface-discrete-active: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-discrete-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-discrete-hover: rgba(0, 0, 0, 0.05);
  --color-alpha-surface-discrete-selected: rgba(0, 0, 0, 0.05);
  --color-alpha-surface-discrete-selected-hover: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-hover: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-inverted: rgba(255, 255, 255, 0.06);
  --color-alpha-surface-inverted-active: rgba(255, 255, 255, 0.15);
  --color-alpha-surface-inverted-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-inverted-discrete: rgba(255, 255, 255, 0.02);
  --color-alpha-surface-inverted-discrete-active: rgba(255, 255, 255, 0.06);
  --color-alpha-surface-inverted-discrete-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-inverted-discrete-hover: rgba(255, 255, 255, 0.05);
  --color-alpha-surface-inverted-discrete-selected: rgba(255, 255, 255, 0.05);
  --color-alpha-surface-inverted-discrete-selected-hover: rgba(
    255,
    255,
    255,
    0.06
  );
  --color-alpha-surface-inverted-hover: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-inverted-selected: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-inverted-selected-hover: rgba(255, 255, 255, 0.15);
  --color-alpha-surface-inverted-strong: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-inverted-strong-active: rgba(255, 255, 255, 0.25);
  --color-alpha-surface-inverted-strong-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-inverted-strong-hover: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-inverted-strong-selected: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-inverted-strong-selected-hover: rgba(
    255,
    255,
    255,
    0.25
  );
  --color-alpha-surface-selected: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-selected-hover: rgba(0, 0, 0, 0.15);
  --color-alpha-surface-strong: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-strong-active: rgba(0, 0, 0, 0.25);
  --color-alpha-surface-strong-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-strong-hover: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-strong-selected: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-strong-selected-hover: rgba(0, 0, 0, 0.25);
  --color-error-border: #d20319;
  --color-error-border-active: #7c000d;
  --color-error-border-disabled: #efefef;
  --color-error-border-discrete: #faafb7;
  --color-error-border-discrete-active: #f37885;
  --color-error-border-discrete-disabled: #efefef;
  --color-error-border-discrete-hover: #f7959f;
  --color-error-border-discrete-selected: #f7959f;
  --color-error-border-discrete-selected-hover: #f37885;
  --color-error-border-hover: #960010;
  --color-error-border-inverted: #ffe8ea;
  --color-error-border-inverted-active: #fffbfb;
  --color-error-border-inverted-disabled: #bebebe;
  --color-error-border-inverted-hover: #fff3f4;
  --color-error-border-inverted-selected: #fff3f4;
  --color-error-border-inverted-selected-hover: #fffbfb;
  --color-error-border-selected: #960010;
  --color-error-border-selected-hover: #7c000d;
  --color-error-reference: #d20319;
  --color-error-shape: #d20319;
  --color-error-shape-active: #210003;
  --color-error-shape-disabled: #bebebe;
  --color-error-shape-hover: #410007;
  --color-error-shape-inverted: #ffe8ea;
  --color-error-shape-inverted-active: #fffbfb;
  --color-error-shape-inverted-disabled: #bebebe;
  --color-error-shape-inverted-hover: #fff3f4;
  --color-error-shape-inverted-selected: #fff3f4;
  --color-error-shape-inverted-selected-hover: #fffbfb;
  --color-error-shape-selected: #410007;
  --color-error-shape-selected-hover: #210003;
  --color-error-surface: #d20319;
  --color-error-surface-active: #7c000d;
  --color-error-surface-disabled: #efefef;
  --color-error-surface-discrete: #fff3f4;
  --color-error-surface-discrete-active: #faafb7;
  --color-error-surface-discrete-disabled: #efefef;
  --color-error-surface-discrete-hover: #fcc6cc;
  --color-error-surface-discrete-selected: #fcc6cc;
  --color-error-surface-discrete-selected-hover: #faafb7;
  --color-error-surface-hover: #960010;
  --color-error-surface-inverted: #d20319;
  --color-error-surface-inverted-active: #e63b4d;
  --color-error-surface-inverted-disabled: #cccccc;
  --color-error-surface-inverted-hover: #dd1d31;
  --color-error-surface-inverted-selected: #dd1d31;
  --color-error-surface-inverted-selected-hover: #e63b4d;
  --color-error-surface-selected: #960010;
  --color-error-surface-selected-hover: #7c000d;
  --color-error-text: #960010;
  --color-error-text-active: #210003;
  --color-error-text-disabled: #bebebe;
  --color-error-text-hover: #410007;
  --color-error-text-inverted: #ffe8ea;
  --color-error-text-inverted-active: #fffbfb;
  --color-error-text-inverted-disabled: #bebebe;
  --color-error-text-inverted-hover: #fff3f4;
  --color-error-text-inverted-selected: #fff3f4;
  --color-error-text-inverted-selected-hover: #fffbfb;
  --color-error-text-selected: #410007;
  --color-error-text-selected-hover: #210003;
  --color-focus-outline-shadow: #ffffff;
  --color-gray-background: #ffffff; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border: #acacac; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-active: #808080; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete: #e1e1e1; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-active: #acacac; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-hover: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-selected: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-selected-hover: #acacac; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-hover: #989898; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted: #f3f3f3; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-active: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-hover: #f7f7f7; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-selected: #f7f7f7; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-selected-hover: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-selected: #989898; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-selected-hover: #808080; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong: #808080; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-active: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-hover: #666666; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-selected: #666666; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-selected-hover: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-g-10: #333333; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-20: #666666; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-30: #666666; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-40: #cccccc; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-45: #eeeeee; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-50: #f5f5f5; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-60: #f9f9fb; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-reference: #666666; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-active: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete: #666666; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-active: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-hover: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-selected: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-selected-hover: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-hover: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted: #f3f3f3; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-active: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-disabled: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-hover: #f7f7f7; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-selected: #f7f7f7; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-selected-hover: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-selected: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-selected-hover: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-active: #d8d8d8; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-background: #ffffff; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-active: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-hover: #f3f3f3; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-selected: #f3f3f3; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-selected-hover: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-hover: #e1e1e1; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-active: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-hover: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-selected: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-selected-hover: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-selected: #e1e1e1; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-selected-hover: #d8d8d8; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong: #e1e1e1; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-active: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-disabled: #efefef; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-hover: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-selected: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-selected-hover: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-active: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete: #666666; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-active: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-hover: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-selected: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-selected-hover: #232323; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-hover: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted: #f7f7f7; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-active: #ffffff; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-disabled: #bebebe; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-hover: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-selected: #f9f9f9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-selected-hover: #ffffff; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-selected: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-selected-hover: #000000; /* ✋ DEPRECATED - use neutral instead */
  --color-information-border: #0659ff;
  --color-information-border-active: #002671;
  --color-information-border-disabled: #efefef;
  --color-information-border-discrete: #c3deff;
  --color-information-border-discrete-active: #8ab8ff;
  --color-information-border-discrete-disabled: #efefef;
  --color-information-border-discrete-hover: #a8ccff;
  --color-information-border-discrete-selected: #a8ccff;
  --color-information-border-discrete-selected-hover: #8ab8ff;
  --color-information-border-hover: #003193;
  --color-information-border-inverted: #d9ecff;
  --color-information-border-inverted-active: #f7ffff;
  --color-information-border-inverted-disabled: #bebebe;
  --color-information-border-inverted-hover: #eaf7ff;
  --color-information-border-inverted-selected: #eaf7ff;
  --color-information-border-inverted-selected-hover: #f7ffff;
  --color-information-border-selected: #003193;
  --color-information-border-selected-hover: #002671;
  --color-information-reference: #0659ff;
  --color-information-shape: #003bb2;
  --color-information-shape-active: #002671;
  --color-information-shape-disabled: #bebebe;
  --color-information-shape-hover: #003193;
  --color-information-shape-inverted: #d9ecff;
  --color-information-shape-inverted-active: #f7ffff;
  --color-information-shape-inverted-disabled: #bebebe;
  --color-information-shape-inverted-hover: #eaf7ff;
  --color-information-shape-inverted-selected: #eaf7ff;
  --color-information-shape-inverted-selected-hover: #f7ffff;
  --color-information-shape-selected: #003193;
  --color-information-shape-selected-hover: #002671;
  --color-information-surface: #0659ff;
  --color-information-surface-active: #002671;
  --color-information-surface-disabled: #efefef;
  --color-information-surface-discrete: #eaf7ff;
  --color-information-surface-discrete-active: #c3deff;
  --color-information-surface-discrete-disabled: #efefef;
  --color-information-surface-discrete-hover: #d9ecff;
  --color-information-surface-discrete-selected: #d9ecff;
  --color-information-surface-discrete-selected-hover: #c3deff;
  --color-information-surface-hover: #003193;
  --color-information-surface-inverted: #0659ff;
  --color-information-surface-inverted-active: #4789ff;
  --color-information-surface-inverted-disabled: #cccccc;
  --color-information-surface-inverted-hover: #2570ff;
  --color-information-surface-inverted-selected: #2570ff;
  --color-information-surface-inverted-selected-hover: #4789ff;
  --color-information-surface-selected: #003193;
  --color-information-surface-selected-hover: #002671;
  --color-information-text: #003bb2;
  --color-information-text-active: #002671;
  --color-information-text-disabled: #bebebe;
  --color-information-text-hover: #003193;
  --color-information-text-inverted: #eaf7ff;
  --color-information-text-inverted-active: #ffffff;
  --color-information-text-inverted-disabled: #efefef;
  --color-information-text-inverted-hover: #f7ffff;
  --color-information-text-inverted-selected: #f7ffff;
  --color-information-text-inverted-selected-hover: #ffffff;
  --color-information-text-selected: #003193;
  --color-information-text-selected-hover: #002671;
  --color-neutral-background: #ffffff;
  --color-neutral-border: #acacac;
  --color-neutral-border-active: #808080;
  --color-neutral-border-disabled: #efefef;
  --color-neutral-border-discrete: #e1e1e1;
  --color-neutral-border-discrete-active: #acacac;
  --color-neutral-border-discrete-disabled: #efefef;
  --color-neutral-border-discrete-hover: #bebebe;
  --color-neutral-border-discrete-selected: #bebebe;
  --color-neutral-border-discrete-selected-hover: #acacac;
  --color-neutral-border-hover: #989898;
  --color-neutral-border-inverted: #f3f3f3;
  --color-neutral-border-inverted-active: #f9f9f9;
  --color-neutral-border-inverted-disabled: #bebebe;
  --color-neutral-border-inverted-hover: #f7f7f7;
  --color-neutral-border-inverted-selected: #f7f7f7;
  --color-neutral-border-inverted-selected-hover: #f9f9f9;
  --color-neutral-border-selected: #989898;
  --color-neutral-border-selected-hover: #808080;
  --color-neutral-border-strong: #808080;
  --color-neutral-border-strong-active: #454545;
  --color-neutral-border-strong-disabled: #efefef;
  --color-neutral-border-strong-hover: #666666;
  --color-neutral-border-strong-selected: #666666;
  --color-neutral-border-strong-selected-hover: #454545;
  --color-neutral-reference: #666666;
  --color-neutral-shape: #454545;
  --color-neutral-shape-active: #000000;
  --color-neutral-shape-disabled: #bebebe;
  --color-neutral-shape-discrete: #666666;
  --color-neutral-shape-discrete-active: #232323;
  --color-neutral-shape-discrete-disabled: #bebebe;
  --color-neutral-shape-discrete-hover: #454545;
  --color-neutral-shape-discrete-selected: #454545;
  --color-neutral-shape-discrete-selected-hover: #232323;
  --color-neutral-shape-hover: #232323;
  --color-neutral-shape-inverted: #f3f3f3;
  --color-neutral-shape-inverted-active: #f9f9f9;
  --color-neutral-shape-inverted-disabled: #d8d8d8;
  --color-neutral-shape-inverted-hover: #f7f7f7;
  --color-neutral-shape-inverted-selected: #f7f7f7;
  --color-neutral-shape-inverted-selected-hover: #f9f9f9;
  --color-neutral-shape-selected: #232323;
  --color-neutral-shape-selected-hover: #000000;
  --color-neutral-shape-unchanged-inverted: #f7f7f7;
  --color-neutral-shape-unchanged-inverted-active: #ffffff;
  --color-neutral-shape-unchanged-inverted-disabled: #bebebe;
  --color-neutral-shape-unchanged-inverted-hover: #f9f9f9;
  --color-neutral-shape-unchanged-inverted-selected: #f9f9f9;
  --color-neutral-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-neutral-surface: #efefef;
  --color-neutral-surface-active: #d8d8d8;
  --color-neutral-surface-background: #ffffff;
  --color-neutral-surface-disabled: #efefef;
  --color-neutral-surface-discrete: #f9f9f9;
  --color-neutral-surface-discrete-active: #efefef;
  --color-neutral-surface-discrete-disabled: #efefef;
  --color-neutral-surface-discrete-hover: #f3f3f3;
  --color-neutral-surface-discrete-selected: #f3f3f3;
  --color-neutral-surface-discrete-selected-hover: #efefef;
  --color-neutral-surface-hover: #e1e1e1;
  --color-neutral-surface-inverted: #000000;
  --color-neutral-surface-inverted-active: #454545;
  --color-neutral-surface-inverted-disabled: #bebebe;
  --color-neutral-surface-inverted-hover: #232323;
  --color-neutral-surface-inverted-selected: #232323;
  --color-neutral-surface-inverted-selected-hover: #454545;
  --color-neutral-surface-selected: #e1e1e1;
  --color-neutral-surface-selected-hover: #d8d8d8;
  --color-neutral-surface-strong: #e1e1e1;
  --color-neutral-surface-strong-active: #bebebe;
  --color-neutral-surface-strong-disabled: #efefef;
  --color-neutral-surface-strong-hover: #cccccc;
  --color-neutral-surface-strong-selected: #cccccc;
  --color-neutral-surface-strong-selected-hover: #bebebe;
  --color-neutral-text: #232323;
  --color-neutral-text-active: #000000;
  --color-neutral-text-disabled: #bebebe;
  --color-neutral-text-discrete: #666666;
  --color-neutral-text-discrete-active: #232323;
  --color-neutral-text-discrete-disabled: #bebebe;
  --color-neutral-text-discrete-hover: #454545;
  --color-neutral-text-discrete-selected: #454545;
  --color-neutral-text-discrete-selected-hover: #232323;
  --color-neutral-text-hover: #000000;
  --color-neutral-text-inverted: #f7f7f7;
  --color-neutral-text-inverted-active: #ffffff;
  --color-neutral-text-inverted-disabled: #bebebe;
  --color-neutral-text-inverted-hover: #f9f9f9;
  --color-neutral-text-inverted-selected: #f9f9f9;
  --color-neutral-text-inverted-selected-hover: #ffffff;
  --color-neutral-text-selected: #000000;
  --color-neutral-text-selected-hover: #000000;
  --color-neutral-text-unchanged: #232323;
  --color-neutral-text-unchanged-active: #000000;
  --color-neutral-text-unchanged-disabled: #bebebe;
  --color-neutral-text-unchanged-hover: #000000;
  --color-neutral-text-unchanged-inverted: #f7f7f7;
  --color-neutral-text-unchanged-inverted-active: #ffffff;
  --color-neutral-text-unchanged-inverted-disabled: #bebebe;
  --color-neutral-text-unchanged-inverted-hover: #f9f9f9;
  --color-neutral-text-unchanged-inverted-selected: #f9f9f9;
  --color-neutral-text-unchanged-inverted-selected-hover: #ffffff;
  --color-neutral-text-unchanged-selected: #000000;
  --color-neutral-text-unchanged-selected-hover: #000000;
  --color-page-background: #ffffff;
  --color-primary-border: #581d74;
  --color-primary-border-active: #1c0328;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-inverted: #fffeff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-border-unchanged: #581d74;
  --color-primary-border-unchanged-active: #1c0328;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3a0d4f;
  --color-primary-border-unchanged-selected: #3a0d4f;
  --color-primary-border-unchanged-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-active: #1c0328;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fffeff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fffeff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-shape-unchanged: #581d74;
  --color-primary-shape-unchanged-active: #1c0328;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3a0d4f;
  --color-primary-shape-unchanged-inverted: #fffeff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3a0d4f;
  --color-primary-shape-unchanged-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-active: #1c0328;
  --color-primary-surface-alt: #581d74;
  --color-primary-surface-alt-active: #1c0328;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #3a0d4f;
  --color-primary-surface-alt-selected: #3a0d4f;
  --color-primary-surface-alt-selected-hover: #1c0328;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --color-primary-surface-discrete-active: #dba3f6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #efd3fd;
  --color-primary-surface-discrete-selected: #efd3fd;
  --color-primary-surface-discrete-selected-hover: #dba3f6;
  --color-primary-surface-hover: #3a0d4f;
  --color-primary-surface-inverted: #6b218d;
  --color-primary-surface-inverted-active: #8927b8;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #7b25a4;
  --color-primary-surface-inverted-selected: #7b25a4;
  --color-primary-surface-inverted-selected-hover: #8927b8;
  --color-primary-surface-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-active: #1c0328;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fffeff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #fffeff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-primary-text-unchanged-inverted: #fffeff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #ae1580;
  --color-success-border: #0cba54;
  --color-success-border-active: #00692a;
  --color-success-border-disabled: #efefef;
  --color-success-border-discrete: #acecc8;
  --color-success-border-discrete-active: #78e2a5;
  --color-success-border-discrete-disabled: #efefef;
  --color-success-border-discrete-hover: #93e8b8;
  --color-success-border-discrete-selected: #93e8b8;
  --color-success-border-discrete-selected-hover: #78e2a5;
  --color-success-border-hover: #008234;
  --color-success-border-inverted: #d5f4e3;
  --color-success-border-inverted-active: #f0f9f4;
  --color-success-border-inverted-disabled: #efefef;
  --color-success-border-inverted-hover: #e4f7ed;
  --color-success-border-inverted-selected: #e4f7ed;
  --color-success-border-inverted-selected-hover: #f0f9f4;
  --color-success-border-selected: #008234;
  --color-success-border-selected-hover: #00692a;
  --color-success-reference: #008234;
  --color-success-shape: #008234;
  --color-success-shape-active: #005122;
  --color-success-shape-disabled: #bebebe;
  --color-success-shape-hover: #00692a;
  --color-success-shape-inverted: #e4f7ed;
  --color-success-shape-inverted-active: #f9fcfa;
  --color-success-shape-inverted-disabled: #efefef;
  --color-success-shape-inverted-hover: #f0f9f4;
  --color-success-shape-inverted-selected: #f0f9f4;
  --color-success-shape-inverted-selected-hover: #f9fcfa;
  --color-success-shape-selected: #00692a;
  --color-success-shape-selected-hover: #005122;
  --color-success-surface: #0cba54;
  --color-success-surface-active: #00692a;
  --color-success-surface-disabled: #efefef;
  --color-success-surface-discrete: #f0f9f4;
  --color-success-surface-discrete-active: #c2f0d7;
  --color-success-surface-discrete-disabled: #efefef;
  --color-success-surface-discrete-hover: #d5f4e3;
  --color-success-surface-discrete-selected: #d5f4e3;
  --color-success-surface-discrete-selected-hover: #c2f0d7;
  --color-success-surface-hover: #008234;
  --color-success-surface-inverted: #008234;
  --color-success-surface-inverted-active: #00aa46;
  --color-success-surface-inverted-disabled: #cccccc;
  --color-success-surface-inverted-hover: #00983e;
  --color-success-surface-inverted-selected: #00983e;
  --color-success-surface-inverted-selected-hover: #00aa46;
  --color-success-surface-selected: #008234;
  --color-success-surface-selected-hover: #00692a;
  --color-success-text: #008234;
  --color-success-text-active: #005122;
  --color-success-text-disabled: #bebebe;
  --color-success-text-hover: #00692a;
  --color-success-text-inverted: #e4f7ed;
  --color-success-text-inverted-active: #f9fcfa;
  --color-success-text-inverted-disabled: #efefef;
  --color-success-text-inverted-hover: #f0f9f4;
  --color-success-text-inverted-selected: #f0f9f4;
  --color-success-text-inverted-selected-hover: #f9fcfa;
  --color-success-text-selected: #00692a;
  --color-success-text-selected-hover: #005122;
  --color-tertiary-brand: #666666;
  --color-warning-border: #fa5c00;
  --color-warning-border-active: #903500;
  --color-warning-border-disabled: #efefef;
  --color-warning-border-discrete: #ffdcbd;
  --color-warning-border-discrete-active: #ffb784;
  --color-warning-border-discrete-disabled: #efefef;
  --color-warning-border-discrete-hover: #ffcba2;
  --color-warning-border-discrete-selected: #ffcba2;
  --color-warning-border-discrete-selected-hover: #ffb784;
  --color-warning-border-hover: #af4000;
  --color-warning-border-inverted: #fff5e6;
  --color-warning-border-inverted-active: #fffffd;
  --color-warning-border-inverted-disabled: #efefef;
  --color-warning-border-inverted-hover: #fffdf3;
  --color-warning-border-inverted-selected: #fffdf3;
  --color-warning-border-inverted-selected-hover: #fffffd;
  --color-warning-border-selected: #af4000;
  --color-warning-border-selected-hover: #903500;
  --color-warning-reference: #fa5c00;
  --color-warning-shape: #af4000;
  --color-warning-shape-active: #6f2900;
  --color-warning-shape-disabled: #bebebe;
  --color-warning-shape-hover: #903500;
  --color-warning-shape-inverted: #fff5e6;
  --color-warning-shape-inverted-active: #fffffd;
  --color-warning-shape-inverted-disabled: #bebebe;
  --color-warning-shape-inverted-hover: #fffdf3;
  --color-warning-shape-inverted-selected: #fffdf3;
  --color-warning-shape-inverted-selected-hover: #fffffd;
  --color-warning-shape-selected: #903500;
  --color-warning-shape-selected-hover: #6f2900;
  --color-warning-surface: #fa5c00;
  --color-warning-surface-active: #903500;
  --color-warning-surface-disabled: #efefef;
  --color-warning-surface-discrete: #fff5e6;
  --color-warning-surface-discrete-active: #ffcba2;
  --color-warning-surface-discrete-disabled: #efefef;
  --color-warning-surface-discrete-hover: #ffdcbd;
  --color-warning-surface-discrete-selected: #ffdcbd;
  --color-warning-surface-discrete-selected-hover: #ffcba2;
  --color-warning-surface-hover: #af4000;
  --color-warning-surface-inverted: #fa5c00;
  --color-warning-surface-inverted-active: #ff8a40;
  --color-warning-surface-inverted-disabled: #cccccc;
  --color-warning-surface-inverted-hover: #ff721f;
  --color-warning-surface-inverted-selected: #ff721f;
  --color-warning-surface-inverted-selected-hover: #ff8a40;
  --color-warning-surface-selected: #af4000;
  --color-warning-surface-selected-hover: #903500;
  --color-warning-text: #af4000;
  --color-warning-text-active: #6f2900;
  --color-warning-text-disabled: #bebebe;
  --color-warning-text-hover: #903500;
  --color-warning-text-inverted: #fffffd;
  --color-warning-text-inverted-active: #ffffff;
  --color-warning-text-inverted-disabled: #efefef;
  --color-warning-text-inverted-hover: #fffffe;
  --color-warning-text-inverted-selected: #fffffe;
  --color-warning-text-inverted-selected-hover: #ffffff;
  --color-warning-text-selected: #903500;
  --color-warning-text-selected-hover: #6f2900;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-color-overlay-background: #00000033;
  --component-dialog-size-overlay-blur: 24px;
  --component-shimmering-color-background: #00000033;
  --component-shimmering-color-gradient: #00000033;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
  --elevation-1: 0 0 4px 0 #0000001a, 0 4px 8px 0 #0000001a;
  --elevation-1hover: 0 4px 16px 0 #00000029, 0 4px 8px 0 #0000001a;
  --elevation-2: 0 4px 16px 0 #0000001f;
  --elevation-3: 0 4px 24px 0 #00000026;
  --shadow-m: 0 4px 24px 0 #00000026; /* ✋ DEPRECATED - use elevation.3 instead */
  --shadow-s: 0 4px 16px 0 #0000001f; /* ✋ DEPRECATED - use elevation.2 instead */
  --shadow-xs: 0 0 4px 0 #0000001a, 0 4px 8px 0 #0000001a; /* ✋ DEPRECATED - use elevation.1 instead */
  --shadow-xs-hover: 0 4px 16px 0 #00000029, 0 4px 8px 0 #0000001a; /* ✋ DEPRECATED - use elevation.1hover instead */
  --size-border-l: 4px;
  --size-border-m: 3px;
  --size-border-s: 2px;
  --size-border-xs: 1px;
  --size-breakpoint-desktop: 768px;
  --size-breakpoint-l: 1012px;
  --size-breakpoint-m: 768px;
  --size-breakpoint-mobile: 0px;
  --size-breakpoint-s: 544px;
  --size-breakpoint-xl: 1280px;
  --size-breakpoint-xxl: 1920px;
  --size-dim-100: 8px;
  --size-dim-1000: 80px;
  --size-dim-1100: 88px;
  --size-dim-1200: 96px;
  --size-dim-150: 12px;
  --size-dim-200: 16px;
  --size-dim-300: 24px;
  --size-dim-400: 32px;
  --size-dim-500: 40px;
  --size-dim-600: 48px;
  --size-dim-700: 56px;
  --size-dim-800: 64px;
  --size-dim-900: 72px;
  --size-radius-l: 16px;
  --size-radius-m: 8px;
  --size-radius-s: 4px;
  --size-radius-xs: 2px;
  --size-space-100: 8px;
  --size-space-1000: 80px;
  --size-space-1100: 88px;
  --size-space-1200: 96px;
  --size-space-150: 12px;
  --size-space-200: 16px;
  --size-space-25: 2px;
  --size-space-300: 24px;
  --size-space-400: 32px;
  --size-space-50: 4px;
  --size-space-500: 40px;
  --size-space-600: 48px;
  --size-space-700: 56px;
  --size-space-800: 64px;
  --size-space-900: 72px;
  --size-space-l: 16px;
  --size-space-m: 8px;
  --size-space-s: 4px;
  --state-focus-outline-box-shadow: 0 0 0 2px #ffffff;
  --state-focus-outline-color: #0659ff;
  --state-focus-outline-offset: 2px;
  --state-focus-outline-size: 2px;
  --state-focus-outline-type: solid;
  --state-keyboard-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0659ff; /* ✋ DEPRECATED - deprecated: use outline options */
  --state-keyboard-focus-form: 0 0 0 2px #0659ff; /* ✋ DEPRECATED - deprecated: use outline options */
  --time-productive-motion-long: 0.35s;
  --time-productive-motion-medium-move: 0.16s;
  --time-productive-motion-medium-scale: 0.23s;
  --time-productive-motion-short-move: 0.07s;
  --time-productive-motion-short-scale: 0.11s;
}

/*
* /!\ This import is optional, add it only if you're using dark mode /!\
*/
/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:01 GMT
 */
/**
* version: 4.19.0 
*/
.theme-dark,
html[color-theme=dark] {
  --color-additional-acier: #517e9f;
  --color-additional-amarante: #c24b40;
  --color-additional-ambre: #e7b515;
  --color-additional-amethyste: #946ea9;
  --color-additional-aquilain: #c25139;
  --color-additional-azurin: #112737;
  --color-additional-beige-pastel: #423027;
  --color-additional-bleu: #33adff;
  --color-additional-bleu-azur: #5b9de8;
  --color-additional-bleu-canard: #5dacae;
  --color-additional-bleu-ciel: #45e3ff;
  --color-additional-bleu-de-prusse: #99c1d7;
  --color-additional-bleu-electrique: #6684f9;
  --color-additional-bleu-fonce: #aeb5da;
  --color-additional-bleu-maya: #326ba0;
  --color-additional-bleu-noir: #c2c7f7;
  --color-additional-bleu-paon: #69a5a7;
  --color-additional-bleu-pastel: #284a76;
  --color-additional-bleu-persan: #1b13b7;
  --color-additional-bleu-roi: #113bac;
  --color-additional-bordeaux: #eb445c;
  --color-additional-capucine: #9b0f13;
  --color-additional-carmin: #bc4f6b;
  --color-additional-chaudron: #fed667;
  --color-additional-corail: #bc1921;
  --color-additional-creme: #2b221d;
  --color-additional-curry: #ffcc42;
  --color-additional-fauve: #9a716a;
  --color-additional-girs-de-lin: #1a1236; /* ✋ DEPRECATED - use grisDeLin instead */
  --color-additional-gris-beige: #989283;
  --color-additional-gris-de-lin: #1a1236;
  --color-additional-indigo: #8f5ae2;
  --color-additional-lavande: #3712a4;
  --color-additional-lilas: #b84fa5;
  --color-additional-menthe: #5efff1;
  --color-additional-moutarde: #e2a03c;
  --color-additional-olive: #f8f467;
  --color-additional-or: #88601a;
  --color-additional-orange: #f07513;
  --color-additional-orchidee: #912b64;
  --color-additional-plomb: #62747a;
  --color-additional-pourpre: #f170a5;
  --color-additional-prune: #f3bdc2;
  --color-additional-rubis: #ff2e8b;
  --color-additional-vert: #bbdb71;
  --color-additional-vert-bouteille: #abfff8;
  --color-additional-vert-de-chrome: #eef8d9;
  --color-additional-vert-emeraude: #d1ea96;
  --color-additional-vert-pastel: #345359;
  --color-additional-vert-sapin: #e4f3c1;
  --color-additional-violet: #ab87da;
  --color-additional-violet-pastel: #2e264d;
  --color-alpha-shape: rgba(255, 255, 255, 0.25);
  --color-alpha-shape-discrete: rgba(255, 255, 255, 0.05);
  --color-alpha-shape-inverted: rgba(0, 0, 0, 0.25);
  --color-alpha-shape-strong: rgba(255, 255, 255, 0.6);
  --color-alpha-surface: rgba(255, 255, 255, 0.06);
  --color-alpha-surface-active: rgba(255, 255, 255, 0.15);
  --color-alpha-surface-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-discrete: rgba(255, 255, 255, 0.02);
  --color-alpha-surface-discrete-active: rgba(255, 255, 255, 0.06);
  --color-alpha-surface-discrete-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-discrete-hover: rgba(255, 255, 255, 0.05);
  --color-alpha-surface-discrete-selected: rgba(255, 255, 255, 0.05);
  --color-alpha-surface-discrete-selected-hover: rgba(255, 255, 255, 0.06);
  --color-alpha-surface-hover: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-inverted: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-inverted-active: rgba(0, 0, 0, 0.15);
  --color-alpha-surface-inverted-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-inverted-discrete: rgba(0, 0, 0, 0.02);
  --color-alpha-surface-inverted-discrete-active: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-inverted-discrete-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-inverted-discrete-hover: rgba(0, 0, 0, 0.05);
  --color-alpha-surface-inverted-discrete-selected: rgba(0, 0, 0, 0.05);
  --color-alpha-surface-inverted-discrete-selected-hover: rgba(0, 0, 0, 0.06);
  --color-alpha-surface-inverted-hover: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-inverted-selected: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-inverted-selected-hover: rgba(0, 0, 0, 0.15);
  --color-alpha-surface-inverted-strong: rgba(0, 0, 0, 0.12);
  --color-alpha-surface-inverted-strong-active: rgba(0, 0, 0, 0.25);
  --color-alpha-surface-inverted-strong-disabled: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-inverted-strong-hover: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-inverted-strong-selected: rgba(0, 0, 0, 0.2);
  --color-alpha-surface-inverted-strong-selected-hover: rgba(0, 0, 0, 0.25);
  --color-alpha-surface-selected: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-selected-hover: rgba(255, 255, 255, 0.15);
  --color-alpha-surface-strong: rgba(255, 255, 255, 0.12);
  --color-alpha-surface-strong-active: rgba(255, 255, 255, 0.25);
  --color-alpha-surface-strong-disabled: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-strong-hover: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-strong-selected: rgba(255, 255, 255, 0.2);
  --color-alpha-surface-strong-selected-hover: rgba(255, 255, 255, 0.25);
  --color-error-border: #c1505c;
  --color-error-border-active: #c7a2a6;
  --color-error-border-disabled: #3b3b3b;
  --color-error-border-discrete: #cb1e31;
  --color-error-border-discrete-active: #c07b82;
  --color-error-border-discrete-disabled: #3b3b3b;
  --color-error-border-discrete-hover: #c06670;
  --color-error-border-discrete-selected: #c06670;
  --color-error-border-discrete-selected-hover: #c07b82;
  --color-error-border-hover: #c38f94;
  --color-error-border-inverted: #720004;
  --color-error-border-inverted-active: #490005;
  --color-error-border-inverted-disabled: #7a7a7a;
  --color-error-border-inverted-hover: #640005;
  --color-error-border-inverted-selected: #640005;
  --color-error-border-inverted-selected-hover: #490005;
  --color-error-border-selected: #c38f94;
  --color-error-border-selected-hover: #c7a2a6;
  --color-error-reference: #c1505c;
  --color-error-shape: #c1505c;
  --color-error-shape-active: #dfd9da;
  --color-error-shape-disabled: #7a7a7a;
  --color-error-shape-hover: #d6c7c9;
  --color-error-shape-inverted: #720004;
  --color-error-shape-inverted-active: #490005;
  --color-error-shape-inverted-disabled: #7a7a7a;
  --color-error-shape-inverted-hover: #640005;
  --color-error-shape-inverted-selected: #640005;
  --color-error-shape-inverted-selected-hover: #490005;
  --color-error-shape-selected: #d6c7c9;
  --color-error-shape-selected-hover: #dfd9da;
  --color-error-surface: #c1505c;
  --color-error-surface-active: #c7a2a6;
  --color-error-surface-disabled: #3b3b3b;
  --color-error-surface-discrete: #640005;
  --color-error-surface-discrete-active: #9f0000;
  --color-error-surface-discrete-disabled: #3b3b3b;
  --color-error-surface-discrete-hover: #900001;
  --color-error-surface-discrete-selected: #900001;
  --color-error-surface-discrete-selected-hover: #9f0000;
  --color-error-surface-hover: #c38f94;
  --color-error-surface-inverted: #c1505c;
  --color-error-surface-inverted-active: #cb1e31;
  --color-error-surface-inverted-disabled: #6c6c6c;
  --color-error-surface-inverted-hover: #c53847;
  --color-error-surface-inverted-selected: #c53847;
  --color-error-surface-inverted-selected-hover: #cb1e31;
  --color-error-surface-selected: #c38f94;
  --color-error-surface-selected-hover: #c7a2a6;
  --color-error-text: #c38f94;
  --color-error-text-active: #dfd9da;
  --color-error-text-disabled: #7a7a7a;
  --color-error-text-hover: #d6c7c9;
  --color-error-text-inverted: #720004;
  --color-error-text-inverted-active: #490005;
  --color-error-text-inverted-disabled: #7a7a7a;
  --color-error-text-inverted-hover: #640005;
  --color-error-text-inverted-selected: #640005;
  --color-error-text-inverted-selected-hover: #490005;
  --color-error-text-selected: #d6c7c9;
  --color-error-text-selected-hover: #dfd9da;
  --color-focus-outline-shadow: #ffffff;
  --color-gray-background: #161616; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border: #8a8a8a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-active: #aaaaaa; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete: #515151; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-active: #8a8a8a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-hover: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-selected: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-discrete-selected-hover: #8a8a8a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-hover: #9a9a9a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted: #323232; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-active: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-hover: #2a2a2a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-selected: #2a2a2a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-inverted-selected-hover: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-selected: #9a9a9a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-selected-hover: #aaaaaa; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong: #aaaaaa; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-active: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-hover: #bbbbbb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-selected: #bbbbbb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-border-strong-selected-hover: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-g-10: #f7f7f7; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-20: #c6c6c6; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-30: #a6a6a6; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-40: #646464; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-45: #484848; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-50: #242424; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-g-60: #1c1c1c; /* ✋ DEPRECATED - deprecated: for migration only */
  --color-gray-reference: #bbbbbb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-active: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete: #bbbbbb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-active: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-hover: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-selected: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-discrete-selected-hover: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-hover: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted: #323232; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-active: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-disabled: #454545; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-hover: #2a2a2a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-selected: #2a2a2a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-inverted-selected-hover: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-selected: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-shape-selected-hover: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-active: #5e5e5e; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-background: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-active: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-hover: #323232; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-selected: #323232; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-discrete-selected-hover: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-hover: #515151; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-active: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-hover: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-selected: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-inverted-selected-hover: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-selected: #515151; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-selected-hover: #5e5e5e; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong: #515151; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-active: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-disabled: #3b3b3b; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-hover: #6c6c6c; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-selected: #6c6c6c; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-surface-strong-selected-hover: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-active: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete: #bbbbbb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-active: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-hover: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-selected: #cccccc; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-discrete-selected-hover: #dbdbdb; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-hover: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted: #2a2a2a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-active: #161616; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-disabled: #7a7a7a; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-hover: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-selected: #242424; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-inverted-selected-hover: #161616; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-selected: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-gray-text-selected-hover: #e9e9e9; /* ✋ DEPRECATED - use neutral instead */
  --color-information-border: #457ded;
  --color-information-border-active: #b5c6e9;
  --color-information-border-disabled: #3b3b3b;
  --color-information-border-discrete: #0659ff;
  --color-information-border-discrete-active: #779be4;
  --color-information-border-discrete-disabled: #3b3b3b;
  --color-information-border-discrete-hover: #5f8ce7;
  --color-information-border-discrete-selected: #5f8ce7;
  --color-information-border-discrete-selected-hover: #779be4;
  --color-information-border-hover: #a1b8e5;
  --color-information-border-inverted: #002598;
  --color-information-border-inverted-active: #001f74;
  --color-information-border-inverted-disabled: #7a7a7a;
  --color-information-border-inverted-hover: #002286;
  --color-information-border-inverted-selected: #002286;
  --color-information-border-inverted-selected-hover: #001f74;
  --color-information-border-selected: #a1b8e5;
  --color-information-border-selected-hover: #b5c6e9;
  --color-information-reference: #457ded;
  --color-information-shape: #8daae3;
  --color-information-shape-active: #b5c6e9;
  --color-information-shape-disabled: #7a7a7a;
  --color-information-shape-hover: #a1b8e5;
  --color-information-shape-inverted: #002598;
  --color-information-shape-inverted-active: #001f74;
  --color-information-shape-inverted-disabled: #7a7a7a;
  --color-information-shape-inverted-hover: #002286;
  --color-information-shape-inverted-selected: #002286;
  --color-information-shape-inverted-selected-hover: #001f74;
  --color-information-shape-selected: #a1b8e5;
  --color-information-shape-selected-hover: #b5c6e9;
  --color-information-surface: #457ded;
  --color-information-surface-active: #b5c6e9;
  --color-information-surface-disabled: #3b3b3b;
  --color-information-surface-discrete: #002286;
  --color-information-surface-discrete-active: #0027ab;
  --color-information-surface-discrete-disabled: #3b3b3b;
  --color-information-surface-discrete-hover: #002598;
  --color-information-surface-discrete-selected: #002598;
  --color-information-surface-discrete-selected-hover: #0027ab;
  --color-information-surface-hover: #a1b8e5;
  --color-information-surface-inverted: #457ded;
  --color-information-surface-inverted-active: #0659ff;
  --color-information-surface-inverted-disabled: #6c6c6c;
  --color-information-surface-inverted-hover: #276cf5;
  --color-information-surface-inverted-selected: #276cf5;
  --color-information-surface-inverted-selected-hover: #0659ff;
  --color-information-surface-selected: #a1b8e5;
  --color-information-surface-selected-hover: #b5c6e9;
  --color-information-text: #8daae3;
  --color-information-text-active: #b5c6e9;
  --color-information-text-disabled: #7a7a7a;
  --color-information-text-hover: #a1b8e5;
  --color-information-text-inverted: #002286;
  --color-information-text-inverted-active: #001c63;
  --color-information-text-inverted-disabled: #3b3b3b;
  --color-information-text-inverted-hover: #001f74;
  --color-information-text-inverted-selected: #001f74;
  --color-information-text-inverted-selected-hover: #001c63;
  --color-information-text-selected: #a1b8e5;
  --color-information-text-selected-hover: #b5c6e9;
  --color-neutral-background: #161616;
  --color-neutral-border: #8a8a8a;
  --color-neutral-border-active: #aaaaaa;
  --color-neutral-border-disabled: #3b3b3b;
  --color-neutral-border-discrete: #515151;
  --color-neutral-border-discrete-active: #8a8a8a;
  --color-neutral-border-discrete-disabled: #3b3b3b;
  --color-neutral-border-discrete-hover: #7a7a7a;
  --color-neutral-border-discrete-selected: #7a7a7a;
  --color-neutral-border-discrete-selected-hover: #8a8a8a;
  --color-neutral-border-hover: #9a9a9a;
  --color-neutral-border-inverted: #323232;
  --color-neutral-border-inverted-active: #242424;
  --color-neutral-border-inverted-disabled: #7a7a7a;
  --color-neutral-border-inverted-hover: #2a2a2a;
  --color-neutral-border-inverted-selected: #2a2a2a;
  --color-neutral-border-inverted-selected-hover: #242424;
  --color-neutral-border-selected: #9a9a9a;
  --color-neutral-border-selected-hover: #aaaaaa;
  --color-neutral-border-strong: #aaaaaa;
  --color-neutral-border-strong-active: #cccccc;
  --color-neutral-border-strong-disabled: #3b3b3b;
  --color-neutral-border-strong-hover: #bbbbbb;
  --color-neutral-border-strong-selected: #bbbbbb;
  --color-neutral-border-strong-selected-hover: #cccccc;
  --color-neutral-reference: #bbbbbb;
  --color-neutral-shape: #cccccc;
  --color-neutral-shape-active: #e9e9e9;
  --color-neutral-shape-disabled: #7a7a7a;
  --color-neutral-shape-discrete: #bbbbbb;
  --color-neutral-shape-discrete-active: #dbdbdb;
  --color-neutral-shape-discrete-disabled: #7a7a7a;
  --color-neutral-shape-discrete-hover: #cccccc;
  --color-neutral-shape-discrete-selected: #cccccc;
  --color-neutral-shape-discrete-selected-hover: #dbdbdb;
  --color-neutral-shape-hover: #dbdbdb;
  --color-neutral-shape-inverted: #323232;
  --color-neutral-shape-inverted-active: #242424;
  --color-neutral-shape-inverted-disabled: #454545;
  --color-neutral-shape-inverted-hover: #2a2a2a;
  --color-neutral-shape-inverted-selected: #2a2a2a;
  --color-neutral-shape-inverted-selected-hover: #242424;
  --color-neutral-shape-selected: #dbdbdb;
  --color-neutral-shape-selected-hover: #e9e9e9;
  --color-neutral-shape-unchanged-inverted: #e9e9e9;
  --color-neutral-shape-unchanged-inverted-active: #dbdbdb;
  --color-neutral-shape-unchanged-inverted-disabled: #9a9a9a;
  --color-neutral-shape-unchanged-inverted-hover: #dbdbdb;
  --color-neutral-shape-unchanged-inverted-selected: #cccccc;
  --color-neutral-shape-unchanged-inverted-selected-hover: #cccccc;
  --color-neutral-surface: #323232;
  --color-neutral-surface-active: #5e5e5e;
  --color-neutral-surface-background: #242424;
  --color-neutral-surface-disabled: #3b3b3b;
  --color-neutral-surface-discrete: #2a2a2a;
  --color-neutral-surface-discrete-active: #3b3b3b;
  --color-neutral-surface-discrete-disabled: #3b3b3b;
  --color-neutral-surface-discrete-hover: #323232;
  --color-neutral-surface-discrete-selected: #323232;
  --color-neutral-surface-discrete-selected-hover: #3b3b3b;
  --color-neutral-surface-hover: #515151;
  --color-neutral-surface-inverted: #e9e9e9;
  --color-neutral-surface-inverted-active: #cccccc;
  --color-neutral-surface-inverted-disabled: #7a7a7a;
  --color-neutral-surface-inverted-hover: #dbdbdb;
  --color-neutral-surface-inverted-selected: #dbdbdb;
  --color-neutral-surface-inverted-selected-hover: #cccccc;
  --color-neutral-surface-selected: #515151;
  --color-neutral-surface-selected-hover: #5e5e5e;
  --color-neutral-surface-strong: #3b3b3b;
  --color-neutral-surface-strong-active: #7a7a7a;
  --color-neutral-surface-strong-disabled: #3b3b3b;
  --color-neutral-surface-strong-hover: #6c6c6c;
  --color-neutral-surface-strong-selected: #6c6c6c;
  --color-neutral-surface-strong-selected-hover: #7a7a7a;
  --color-neutral-text: #f6f6f6;
  --color-neutral-text-active: #e9e9e9;
  --color-neutral-text-disabled: #7a7a7a;
  --color-neutral-text-discrete: #bbbbbb;
  --color-neutral-text-discrete-active: #dbdbdb;
  --color-neutral-text-discrete-disabled: #7a7a7a;
  --color-neutral-text-discrete-hover: #cccccc;
  --color-neutral-text-discrete-selected: #cccccc;
  --color-neutral-text-discrete-selected-hover: #dbdbdb;
  --color-neutral-text-hover: #e9e9e9;
  --color-neutral-text-inverted: #2a2a2a;
  --color-neutral-text-inverted-active: #161616;
  --color-neutral-text-inverted-disabled: #7a7a7a;
  --color-neutral-text-inverted-hover: #242424;
  --color-neutral-text-inverted-selected: #242424;
  --color-neutral-text-inverted-selected-hover: #161616;
  --color-neutral-text-selected: #e9e9e9;
  --color-neutral-text-selected-hover: #e9e9e9;
  --color-neutral-text-unchanged: #1b1b1b;
  --color-neutral-text-unchanged-active: #161616;
  --color-neutral-text-unchanged-disabled: #dbdbdb;
  --color-neutral-text-unchanged-hover: #161616;
  --color-neutral-text-unchanged-inverted: #e9e9e9;
  --color-neutral-text-unchanged-inverted-active: #dbdbdb;
  --color-neutral-text-unchanged-inverted-disabled: #9a9a9a;
  --color-neutral-text-unchanged-inverted-hover: #dbdbdb;
  --color-neutral-text-unchanged-inverted-selected: #cccccc;
  --color-neutral-text-unchanged-inverted-selected-hover: #cccccc;
  --color-neutral-text-unchanged-selected: #161616;
  --color-neutral-text-unchanged-selected-hover: #161616;
  --color-page-background: #161616;
  --color-primary-border: #ca93e4;
  --color-primary-border-active: #e1c2ef;
  --color-primary-border-disabled: #3b3b3b;
  --color-primary-border-hover: #f7f1fa;
  --color-primary-border-inverted: #49006c;
  --color-primary-border-inverted-active: #190025;
  --color-primary-border-inverted-disabled: #7a7a7a;
  --color-primary-border-inverted-hover: #2d0042;
  --color-primary-border-inverted-selected: #2d0042;
  --color-primary-border-inverted-selected-hover: #190025;
  --color-primary-border-selected: #f7f1fa;
  --color-primary-border-selected-hover: #fcf9fd;
  --color-primary-border-unchanged: #a240d1;
  --color-primary-border-unchanged-active: #49006c;
  --color-primary-border-unchanged-disabled: #3b3b3b;
  --color-primary-border-unchanged-hover: #670098;
  --color-primary-border-unchanged-selected: #670098;
  --color-primary-border-unchanged-selected-hover: #49006c;
  --color-primary-brand: #ae5bd6;
  --color-primary-shape: #ca93e4;
  --color-primary-shape-active: #e1c2ef;
  --color-primary-shape-disabled: #7a7a7a;
  --color-primary-shape-hover: #f7f1fa;
  --color-primary-shape-inverted: #0f0016;
  --color-primary-shape-inverted-active: #49006c;
  --color-primary-shape-inverted-disabled: #7a7a7a;
  --color-primary-shape-inverted-hover: #0f0016;
  --color-primary-shape-inverted-selected: #0f0016;
  --color-primary-shape-inverted-selected-hover: #49006c;
  --color-primary-shape-selected: #f7f1fa;
  --color-primary-shape-selected-hover: #fcf9fd;
  --color-primary-shape-unchanged: #a240d1;
  --color-primary-shape-unchanged-active: #49006c;
  --color-primary-shape-unchanged-disabled: #3b3b3b;
  --color-primary-shape-unchanged-hover: #670098;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #7a7a7a;
  --color-primary-shape-unchanged-inverted-hover: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #670098;
  --color-primary-shape-unchanged-selected-hover: #49006c;
  --color-primary-surface: #f1e5f7;
  --color-primary-surface-active: #fcf9fd;
  --color-primary-surface-alt: #f1e5f7;
  --color-primary-surface-alt-active: #fcf9fd;
  --color-primary-surface-alt-disabled: #3b3b3b;
  --color-primary-surface-alt-hover: #f7f1fa;
  --color-primary-surface-alt-selected: #f7f1fa;
  --color-primary-surface-alt-selected-hover: #fcf9fd;
  --color-primary-surface-disabled: #3b3b3b;
  --color-primary-surface-discrete: #590083;
  --color-primary-surface-discrete-active: #870ec1;
  --color-primary-surface-discrete-disabled: #3b3b3b;
  --color-primary-surface-discrete-hover: #7200a8;
  --color-primary-surface-discrete-selected: #7200a8;
  --color-primary-surface-discrete-selected-hover: #870ec1;
  --color-primary-surface-hover: #f7f1fa;
  --color-primary-surface-inverted: #ead5f3;
  --color-primary-surface-inverted-active: #d6acea;
  --color-primary-surface-inverted-disabled: #3b3b3b;
  --color-primary-surface-inverted-hover: #e1c2ef;
  --color-primary-surface-inverted-selected: #e1c2ef;
  --color-primary-surface-inverted-selected-hover: #d6acea;
  --color-primary-surface-selected: #f7f1fa;
  --color-primary-surface-selected-hover: #fcf9fd;
  --color-primary-text: #ca93e4;
  --color-primary-text-active: #e1c2ef;
  --color-primary-text-disabled: #7a7a7a;
  --color-primary-text-hover: #f7f1fa;
  --color-primary-text-inverted: #0f0016;
  --color-primary-text-inverted-active: #49006c;
  --color-primary-text-inverted-disabled: #7a7a7a;
  --color-primary-text-inverted-hover: #0f0016;
  --color-primary-text-inverted-selected: #0f0016;
  --color-primary-text-inverted-selected-hover: #49006c;
  --color-primary-text-selected: #f7f1fa;
  --color-primary-text-selected-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #7a7a7a;
  --color-primary-text-unchanged-inverted-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #e528ac;
  --color-success-border: #00692a;
  --color-success-border-active: #34a665;
  --color-success-border-disabled: #3b3b3b;
  --color-success-border-discrete: #005923;
  --color-success-border-discrete-active: #148342;
  --color-success-border-discrete-disabled: #3b3b3b;
  --color-success-border-discrete-hover: #097535;
  --color-success-border-discrete-selected: #097535;
  --color-success-border-discrete-selected-hover: #148342;
  --color-success-border-hover: #239352;
  --color-success-border-inverted: #00441d;
  --color-success-border-inverted-active: #01411e;
  --color-success-border-inverted-disabled: #3b3b3b;
  --color-success-border-inverted-hover: #00421d;
  --color-success-border-inverted-selected: #00421d;
  --color-success-border-inverted-selected-hover: #01411e;
  --color-success-border-selected: #239352;
  --color-success-border-selected-hover: #34a665;
  --color-success-reference: #239352;
  --color-success-shape: #239352;
  --color-success-shape-active: #4aba7b;
  --color-success-shape-disabled: #7a7a7a;
  --color-success-shape-hover: #34a665;
  --color-success-shape-inverted: #00421d;
  --color-success-shape-inverted-active: #04401f;
  --color-success-shape-inverted-disabled: #3b3b3b;
  --color-success-shape-inverted-hover: #01411e;
  --color-success-shape-inverted-selected: #01411e;
  --color-success-shape-inverted-selected-hover: #04401f;
  --color-success-shape-selected: #34a665;
  --color-success-shape-selected-hover: #4aba7b;
  --color-success-surface: #00692a;
  --color-success-surface-active: #34a665;
  --color-success-surface-disabled: #3b3b3b;
  --color-success-surface-discrete: #01411e;
  --color-success-surface-discrete-active: #00451d;
  --color-success-surface-discrete-disabled: #3b3b3b;
  --color-success-surface-discrete-hover: #00441d;
  --color-success-surface-discrete-selected: #00441d;
  --color-success-surface-discrete-selected-hover: #00451d;
  --color-success-surface-hover: #239352;
  --color-success-surface-inverted: #239352;
  --color-success-surface-inverted-active: #097535;
  --color-success-surface-inverted-disabled: #6c6c6c;
  --color-success-surface-inverted-hover: #148342;
  --color-success-surface-inverted-selected: #148342;
  --color-success-surface-inverted-selected-hover: #097535;
  --color-success-surface-selected: #239352;
  --color-success-surface-selected-hover: #34a665;
  --color-success-text: #239352;
  --color-success-text-active: #4aba7b;
  --color-success-text-disabled: #7a7a7a;
  --color-success-text-hover: #34a665;
  --color-success-text-inverted: #00421d;
  --color-success-text-inverted-active: #04401f;
  --color-success-text-inverted-disabled: #3b3b3b;
  --color-success-text-inverted-hover: #01411e;
  --color-success-text-inverted-selected: #01411e;
  --color-success-text-inverted-selected-hover: #04401f;
  --color-success-text-selected: #34a665;
  --color-success-text-selected-hover: #4aba7b;
  --color-tertiary-brand: #161616;
  --color-warning-border: #cb3d00;
  --color-warning-border-active: #ed915c;
  --color-warning-border-disabled: #3b3b3b;
  --color-warning-border-discrete: #a62300;
  --color-warning-border-discrete-active: #fa5c00;
  --color-warning-border-discrete-disabled: #3b3b3b;
  --color-warning-border-discrete-hover: #e14c00;
  --color-warning-border-discrete-selected: #e14c00;
  --color-warning-border-discrete-selected-hover: #fa5c00;
  --color-warning-border-hover: #f27831;
  --color-warning-border-inverted: #541000;
  --color-warning-border-inverted-active: #3e1000;
  --color-warning-border-inverted-disabled: #3b3b3b;
  --color-warning-border-inverted-hover: #491000;
  --color-warning-border-inverted-selected: #491000;
  --color-warning-border-inverted-selected-hover: #3e1000;
  --color-warning-border-selected: #f27831;
  --color-warning-border-selected-hover: #ed915c;
  --color-warning-reference: #cb3d00;
  --color-warning-shape: #f27831;
  --color-warning-shape-active: #eaa983;
  --color-warning-shape-disabled: #7a7a7a;
  --color-warning-shape-hover: #ed915c;
  --color-warning-shape-inverted: #541000;
  --color-warning-shape-inverted-active: #3e1000;
  --color-warning-shape-inverted-disabled: #7a7a7a;
  --color-warning-shape-inverted-hover: #491000;
  --color-warning-shape-inverted-selected: #491000;
  --color-warning-shape-inverted-selected-hover: #3e1000;
  --color-warning-shape-selected: #ed915c;
  --color-warning-shape-selected-hover: #eaa983;
  --color-warning-surface: #cb3d00;
  --color-warning-surface-active: #ed915c;
  --color-warning-surface-disabled: #3b3b3b;
  --color-warning-surface-discrete: #541000;
  --color-warning-surface-discrete-active: #790d00;
  --color-warning-surface-discrete-disabled: #3b3b3b;
  --color-warning-surface-discrete-hover: #6c0f00;
  --color-warning-surface-discrete-selected: #6c0f00;
  --color-warning-surface-discrete-selected-hover: #790d00;
  --color-warning-surface-hover: #f27831;
  --color-warning-surface-inverted: #cb3d00;
  --color-warning-surface-inverted-active: #a62300;
  --color-warning-surface-inverted-disabled: #6c6c6c;
  --color-warning-surface-inverted-hover: #b83000;
  --color-warning-surface-inverted-selected: #b83000;
  --color-warning-surface-inverted-selected-hover: #a62300;
  --color-warning-surface-selected: #f27831;
  --color-warning-surface-selected-hover: #ed915c;
  --color-warning-text: #f27831;
  --color-warning-text-active: #eaa983;
  --color-warning-text-disabled: #7a7a7a;
  --color-warning-text-hover: #ed915c;
  --color-warning-text-inverted: #3e1000;
  --color-warning-text-inverted-active: #2a0d00;
  --color-warning-text-inverted-disabled: #3b3b3b;
  --color-warning-text-inverted-hover: #340f00;
  --color-warning-text-inverted-selected: #340f00;
  --color-warning-text-inverted-selected-hover: #2a0d00;
  --color-warning-text-selected: #ed915c;
  --color-warning-text-selected-hover: #eaa983;
  --component-dialog-color-overlay-background: #ffffff33;
  --component-shimmering-color-background: #ffffff33;
  --component-shimmering-color-gradient: #ffffff33;
  --elevation-1: 0 0 4px 0 #0000001a, 0 4px 8px 0 #0000001a;
  --elevation-1hover: 0 4px 16px 0 #00000029, 0 4px 8px 0 #0000001a;
  --elevation-2: 0 4px 16px 0 #0000001f;
  --elevation-3: 0 4px 24px 0 #00000026;
  --shadow-m: 0 4px 24px 0 #00000026; /* ✋ DEPRECATED - use elevation.3 instead */
  --shadow-s: 0 4px 16px 0 #0000001f; /* ✋ DEPRECATED - use elevation.2 instead */
  --shadow-xs: 0 0 4px 0 #0000001a, 0 4px 8px 0 #0000001a; /* ✋ DEPRECATED - use elevation.1 instead */
  --shadow-xs-hover: 0 4px 16px 0 #00000029, 0 4px 8px 0 #0000001a; /* ✋ DEPRECATED - use elevation.1hover instead */
  --size-border-l: 4px;
  --size-border-m: 3px;
  --size-border-s: 2px;
  --size-border-xs: 1px;
  --state-focus-outline-box-shadow: 0 0 0 2px #ffffff;
  --state-focus-outline-color: #457ded;
  --state-focus-outline-offset: 2px;
  --state-focus-outline-type: solid;
  --state-keyboard-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0659ff; /* ✋ DEPRECATED - deprecated: use outline options */
  --state-keyboard-focus-form: 0 0 0 2px #0659ff; /* ✋ DEPRECATED - deprecated: use outline options */
  --time-productive-motion-long: 0.35s;
  --time-productive-motion-medium-move: 0.16s;
  --time-productive-motion-medium-scale: 0.23s;
  --time-productive-motion-short-move: 0.07s;
  --time-productive-motion-short-scale: 0.11s;
}

/*
* - "@angular/cdk/overlay-prebuilt.css" import
* - force "box-sizing: border-box" for all elements
* default text styles
* - text link style
* - focus ring
*/
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.cdk-overlay-backdrop-showing {
  opacity: 1;
}

@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* prettier-ignore */
html, body, div, iframe, a,
h1, h2, h3, h4, h5, h6, p,
span, main, menu, nav, ol, ul, li,
section,
applet, object, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
output, ruby, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

[hidden] {
  display: none;
}

html {
  font: var(--typography-body-m-regular);
}

body {
  color: var(--color-neutral-text);
  background-color: var(--color-page-background);
}

/* Reset default :focus without deleting it */
:focus:not(:focus-visible) {
  outline-color: transparent;
}

/* Redefine focus outline styles only when browsers decide to display it  */
:focus-visible {
  outline: var(--state-focus-outline-size) var(--state-focus-outline-type) var(--state-focus-outline-color);
  outline-offset: var(--state-focus-outline-offset);
  /* add an inner white border for uncontrolled backgrounds or for dark mode */
  box-shadow: var(--state-focus-outline-box-shadow);
}

a {
  color: var(--color-primary-text);
  transition: color var(--time-productive-motion-short-move) ease;
  text-underline-position: under;
}

a:hover {
  color: var(--color-primary-text-hover);
}

a:active {
  color: var(--color-primary-text-active);
}

hr {
  border: 0;
  margin: 0;
  width: 100%;
  border-bottom: var(--size-border-xs) solid var(--color-neutral-border);
}

/***********************************
* brand themes
*
* NOTE: each of the files below overrides the "brand" variables that have been defined by default in the file "@bpce/design-tokens/web/css/variables".
* Each override is encapsulated in a css namespace "html.id-brand, html[brand-theme="id-brand"]".
* Files ending in "-dark" override the "brand" variables defined by default in the file "@bpce/design-tokens/web/css/variables-dark".
* WARNING: Import only the brand and color mode files you need.
************************************/
/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:10 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-bcp,
.banque-bcp.theme-light,
html[brand-theme=banque-bcp],
html[brand-theme=banque-bcp][color-theme=light] {
  --color-primary-border: #d1005d;
  --color-primary-border-active: #7c0037;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ac004d;
  --color-primary-border-inverted: #ffe6f1;
  --color-primary-border-inverted-active: #fffcfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fff6fa;
  --color-primary-border-inverted-selected: #fff6fa;
  --color-primary-border-inverted-selected-hover: #fffcfe;
  --color-primary-border-selected: #ac004d;
  --color-primary-border-selected-hover: #7c0037;
  --color-primary-border-unchanged: #7c0037;
  --color-primary-border-unchanged-active: #21000f;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #41001d;
  --color-primary-border-unchanged-selected: #41001d;
  --color-primary-border-unchanged-selected-hover: #21000f;
  --color-primary-brand: #d1005d;
  --color-primary-shape: #d1005d;
  --color-primary-shape-active: #7c0037;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ac004d;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fff2f8;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fffafc;
  --color-primary-shape-inverted-selected: #fffafc;
  --color-primary-shape-inverted-selected-hover: #fff2f8;
  --color-primary-shape-selected: #ac004d;
  --color-primary-shape-selected-hover: #7c0037;
  --color-primary-shape-unchanged: #7c0037;
  --color-primary-shape-unchanged-active: #21000f;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #41001d;
  --color-primary-shape-unchanged-inverted: #ffe6f1;
  --color-primary-shape-unchanged-inverted-active: #fffcfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fff6fa;
  --color-primary-shape-unchanged-inverted-selected: #fff6fa;
  --color-primary-shape-unchanged-inverted-selected-hover: #fffcfe;
  --color-primary-shape-unchanged-selected: #41001d;
  --color-primary-shape-unchanged-selected-hover: #21000f;
  --color-primary-surface: #d1005d;
  --color-primary-surface-active: #7c0037;
  --color-primary-surface-alt: #d1005d;
  --color-primary-surface-alt-active: #7c0037;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #ac004d;
  --color-primary-surface-alt-selected: #ac004d;
  --color-primary-surface-alt-selected-hover: #7c0037;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fff2f8;
  --color-primary-surface-discrete-active: #fed7e8;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ffe6f1;
  --color-primary-surface-discrete-selected: #ffe6f1;
  --color-primary-surface-discrete-selected-hover: #fed7e8;
  --color-primary-surface-hover: #ac004d;
  --color-primary-surface-inverted: #7c0037;
  --color-primary-surface-inverted-active: #ac004d;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #960043;
  --color-primary-surface-inverted-selected: #960043;
  --color-primary-surface-inverted-selected-hover: #ac004d;
  --color-primary-surface-selected: #ac004d;
  --color-primary-surface-selected-hover: #7c0037;
  --color-primary-text: #d1005d;
  --color-primary-text-active: #7c0037;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ac004d;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fff2f8;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fffafc;
  --color-primary-text-inverted-selected: #fffafc;
  --color-primary-text-inverted-selected-hover: #fff2f8;
  --color-primary-text-selected: #ac004d;
  --color-primary-text-selected-hover: #7c0037;
  --color-primary-text-unchanged-inverted: #ffe6f1;
  --color-primary-text-unchanged-inverted-active: #fffcfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fff6fa;
  --color-primary-text-unchanged-inverted-selected: #fff6fa;
  --color-primary-text-unchanged-inverted-selected-hover: #fffcfe;
  --color-secondary-brand: #4a4a4a;
  --color-tertiary-brand: #f4f2f0;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:13 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-bcp.theme-dark,
.banque-bcp.theme-dark,
html[brand-theme=banque-bcp][color-theme=dark] {
  --color-primary-border: #ff7db7;
  --color-primary-border-active: #fad5e5;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ffb2d4;
  --color-primary-border-inverted: #8a003b;
  --color-primary-border-inverted-active: #2e0014;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #560026;
  --color-primary-border-inverted-selected: #560026;
  --color-primary-border-inverted-selected-hover: #2e0014;
  --color-primary-border-selected: #ffb2d4;
  --color-primary-border-selected-hover: #fad5e5;
  --color-primary-border-unchanged: #e8005f;
  --color-primary-border-unchanged-active: #6a002e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #a60046;
  --color-primary-border-unchanged-selected: #a60046;
  --color-primary-border-unchanged-selected-hover: #6a002e;
  --color-primary-brand: #f9006e;
  --color-primary-shape: #ff7db7;
  --color-primary-shape-active: #fad5e5;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ffb2d4;
  --color-primary-shape-inverted: #1a000b;
  --color-primary-shape-inverted-active: #6a002e;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #42001d;
  --color-primary-shape-inverted-selected: #42001d;
  --color-primary-shape-inverted-selected-hover: #6a002e;
  --color-primary-shape-selected: #ffb2d4;
  --color-primary-shape-selected-hover: #fad5e5;
  --color-primary-shape-unchanged: #e8005f;
  --color-primary-shape-unchanged-active: #6a002e;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #a60046;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #eeeaec;
  --color-primary-shape-unchanged-inverted-selected: #eeeaec;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #a60046;
  --color-primary-shape-unchanged-selected-hover: #6a002e;
  --color-primary-surface: #ff7db7;
  --color-primary-surface-active: #fad5e5;
  --color-primary-surface-alt: #ff7db7;
  --color-primary-surface-alt-active: #fad5e5;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #ffb2d4;
  --color-primary-surface-alt-selected: #ffb2d4;
  --color-primary-surface-alt-selected-hover: #fad5e5;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #6a002e;
  --color-primary-surface-discrete-active: #a60046;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #8a003b;
  --color-primary-surface-discrete-selected: #8a003b;
  --color-primary-surface-discrete-selected-hover: #a60046;
  --color-primary-surface-hover: #ffb2d4;
  --color-primary-surface-inverted: #fad5e5;
  --color-primary-surface-inverted-active: #ffb2d4;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #fdc6de;
  --color-primary-surface-inverted-selected: #fdc6de;
  --color-primary-surface-inverted-selected-hover: #ffb2d4;
  --color-primary-surface-selected: #ffb2d4;
  --color-primary-surface-selected-hover: #fad5e5;
  --color-primary-text: #ff7db7;
  --color-primary-text-active: #fad5e5;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ffb2d4;
  --color-primary-text-inverted: #1a000b;
  --color-primary-text-inverted-active: #6a002e;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #42001d;
  --color-primary-text-inverted-selected: #42001d;
  --color-primary-text-inverted-selected-hover: #6a002e;
  --color-primary-text-selected: #ffb2d4;
  --color-primary-text-selected-hover: #fad5e5;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #eeeaec;
  --color-primary-text-unchanged-inverted-selected: #eeeaec;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:18 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-btp,
.banque-btp.theme-light,
html[brand-theme=banque-btp],
html[brand-theme=banque-btp][color-theme=light] {
  --color-primary-border: #0b569d;
  --color-primary-border-active: #01203c;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #053d71;
  --color-primary-border-inverted: #ebf2f8;
  --color-primary-border-inverted-active: #fdfefe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f9fafc;
  --color-primary-border-inverted-selected: #f9fafc;
  --color-primary-border-inverted-selected-hover: #fdfefe;
  --color-primary-border-selected: #053d71;
  --color-primary-border-selected-hover: #01203c;
  --color-primary-border-unchanged: #053d71;
  --color-primary-border-unchanged-active: #00101e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #01203c;
  --color-primary-border-unchanged-selected: #01203c;
  --color-primary-border-unchanged-selected-hover: #00101e;
  --color-primary-brand: #0b569d;
  --color-primary-shape: #0b569d;
  --color-primary-shape-active: #01203c;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #053d71;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f6f8fb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fcfcfd;
  --color-primary-shape-inverted-selected: #fcfcfd;
  --color-primary-shape-inverted-selected-hover: #f6f8fb;
  --color-primary-shape-selected: #053d71;
  --color-primary-shape-selected-hover: #01203c;
  --color-primary-shape-unchanged: #053d71;
  --color-primary-shape-unchanged-active: #00101e;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #01203c;
  --color-primary-shape-unchanged-inverted: #ebf2f8;
  --color-primary-shape-unchanged-inverted-active: #fdfefe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f9fafc;
  --color-primary-shape-unchanged-inverted-selected: #f9fafc;
  --color-primary-shape-unchanged-inverted-selected-hover: #fdfefe;
  --color-primary-shape-unchanged-selected: #01203c;
  --color-primary-shape-unchanged-selected-hover: #00101e;
  --color-primary-surface: #0b569d;
  --color-primary-surface-active: #01203c;
  --color-primary-surface-alt: #0b569d;
  --color-primary-surface-alt-active: #01203c;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #053d71;
  --color-primary-surface-alt-selected: #053d71;
  --color-primary-surface-alt-selected-hover: #01203c;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f6f8fb;
  --color-primary-surface-discrete-active: #ddeaf6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ebf2f8;
  --color-primary-surface-discrete-selected: #ebf2f8;
  --color-primary-surface-discrete-selected-hover: #ddeaf6;
  --color-primary-surface-hover: #053d71;
  --color-primary-surface-inverted: #053d71;
  --color-primary-surface-inverted-active: #0b569d;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #084a89;
  --color-primary-surface-inverted-selected: #084a89;
  --color-primary-surface-inverted-selected-hover: #0b569d;
  --color-primary-surface-selected: #053d71;
  --color-primary-surface-selected-hover: #01203c;
  --color-primary-text: #0b569d;
  --color-primary-text-active: #01203c;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #053d71;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f6f8fb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fcfcfd;
  --color-primary-text-inverted-selected: #fcfcfd;
  --color-primary-text-inverted-selected-hover: #f6f8fb;
  --color-primary-text-selected: #053d71;
  --color-primary-text-selected-hover: #01203c;
  --color-primary-text-unchanged-inverted: #ebf2f8;
  --color-primary-text-unchanged-inverted-active: #fdfefe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f9fafc;
  --color-primary-text-unchanged-inverted-selected: #f9fafc;
  --color-primary-text-unchanged-inverted-selected-hover: #fdfefe;
  --color-secondary-brand: #4a5a64;
  --color-tertiary-brand: #f4f6f6;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:22 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-btp.theme-dark,
.banque-btp.theme-dark,
html[brand-theme=banque-btp][color-theme=dark] {
  --color-primary-border: #6ca4d9;
  --color-primary-border-active: #c5d2df;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #9cbbd9;
  --color-primary-border-inverted: #003576;
  --color-primary-border-inverted-active: #002448;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #002d5f;
  --color-primary-border-inverted-selected: #002d5f;
  --color-primary-border-inverted-selected-hover: #002448;
  --color-primary-border-selected: #9cbbd9;
  --color-primary-border-selected-hover: #c5d2df;
  --color-primary-border-unchanged: #006cd7;
  --color-primary-border-unchanged-active: #003983;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00409c;
  --color-primary-border-unchanged-selected: #00409c;
  --color-primary-border-unchanged-selected-hover: #003983;
  --color-primary-brand: #107fe9;
  --color-primary-shape: #6ca4d9;
  --color-primary-shape-active: #c5d2df;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #9cbbd9;
  --color-primary-shape-inverted: #00203d;
  --color-primary-shape-inverted-active: #00316a;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #002954;
  --color-primary-shape-inverted-selected: #002954;
  --color-primary-shape-inverted-selected-hover: #00316a;
  --color-primary-shape-selected: #9cbbd9;
  --color-primary-shape-selected-hover: #c5d2df;
  --color-primary-shape-unchanged: #006cd7;
  --color-primary-shape-unchanged-active: #003983;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #00409c;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #d8dee4;
  --color-primary-shape-unchanged-inverted-selected: #d8dee4;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #00409c;
  --color-primary-shape-unchanged-selected-hover: #003983;
  --color-primary-surface: #6ca4d9;
  --color-primary-surface-active: #c5d2df;
  --color-primary-surface-alt: #6ca4d9;
  --color-primary-surface-alt-active: #c5d2df;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #9cbbd9;
  --color-primary-surface-alt-selected: #9cbbd9;
  --color-primary-surface-alt-selected-hover: #c5d2df;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #00316a;
  --color-primary-surface-discrete-active: #003983;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #003576;
  --color-primary-surface-discrete-selected: #003576;
  --color-primary-surface-discrete-selected-hover: #003983;
  --color-primary-surface-hover: #9cbbd9;
  --color-primary-surface-inverted: #9cbbd9;
  --color-primary-surface-inverted-active: #6ca4d9;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #85afd8;
  --color-primary-surface-inverted-selected: #85afd8;
  --color-primary-surface-inverted-selected-hover: #6ca4d9;
  --color-primary-surface-selected: #9cbbd9;
  --color-primary-surface-selected-hover: #c5d2df;
  --color-primary-text: #6ca4d9;
  --color-primary-text-active: #c5d2df;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #9cbbd9;
  --color-primary-text-inverted: #00203d;
  --color-primary-text-inverted-active: #00316a;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #002954;
  --color-primary-text-inverted-selected: #002954;
  --color-primary-text-inverted-selected-hover: #00316a;
  --color-primary-text-selected: #9cbbd9;
  --color-primary-text-selected-hover: #c5d2df;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #d8dee4;
  --color-primary-text-unchanged-inverted-selected: #d8dee4;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #6b8391;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:26 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-nouvelle-caledonie,
.banque-de-nouvelle-caledonie.theme-light,
html[brand-theme=banque-de-nouvelle-caledonie],
html[brand-theme=banque-de-nouvelle-caledonie][color-theme=light] {
  --color-primary-border: #0063af;
  --color-primary-border-active: #003258;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004e89;
  --color-primary-border-inverted: #e6f0f8;
  --color-primary-border-inverted-active: #fcfdfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f5f9fc;
  --color-primary-border-inverted-selected: #f5f9fc;
  --color-primary-border-inverted-selected-hover: #fcfdfe;
  --color-primary-border-selected: #004e89;
  --color-primary-border-selected-hover: #003258;
  --color-primary-border-unchanged: #004072;
  --color-primary-border-unchanged-active: #00111f;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00223c;
  --color-primary-border-unchanged-selected: #00223c;
  --color-primary-border-unchanged-selected-hover: #00111f;
  --color-primary-brand: #0063af;
  --color-primary-shape: #0063af;
  --color-primary-shape-active: #003258;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004e89;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f1f6fb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fafbfd;
  --color-primary-shape-inverted-selected: #fafbfd;
  --color-primary-shape-inverted-selected-hover: #f1f6fb;
  --color-primary-shape-selected: #004e89;
  --color-primary-shape-selected-hover: #003258;
  --color-primary-shape-unchanged: #004072;
  --color-primary-shape-unchanged-active: #00111f;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #00223c;
  --color-primary-shape-unchanged-inverted: #e6f0f8;
  --color-primary-shape-unchanged-inverted-active: #fcfdfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f5f9fc;
  --color-primary-shape-unchanged-inverted-selected: #f5f9fc;
  --color-primary-shape-unchanged-inverted-selected-hover: #fcfdfe;
  --color-primary-shape-unchanged-selected: #00223c;
  --color-primary-shape-unchanged-selected-hover: #00111f;
  --color-primary-surface: #0063af;
  --color-primary-surface-active: #003258;
  --color-primary-surface-alt: #0063af;
  --color-primary-surface-alt-active: #003258;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #004e89;
  --color-primary-surface-alt-selected: #004e89;
  --color-primary-surface-alt-selected-hover: #003258;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f1f6fb;
  --color-primary-surface-discrete-active: #d7e8f6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #e6f0f8;
  --color-primary-surface-discrete-selected: #e6f0f8;
  --color-primary-surface-discrete-selected-hover: #d7e8f6;
  --color-primary-surface-hover: #004e89;
  --color-primary-surface-inverted: #004072;
  --color-primary-surface-inverted-active: #00599e;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #004e89;
  --color-primary-surface-inverted-selected: #004e89;
  --color-primary-surface-inverted-selected-hover: #00599e;
  --color-primary-surface-selected: #004e89;
  --color-primary-surface-selected-hover: #003258;
  --color-primary-text: #0063af;
  --color-primary-text-active: #003258;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004e89;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f1f6fb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fafbfd;
  --color-primary-text-inverted-selected: #fafbfd;
  --color-primary-text-inverted-selected-hover: #f1f6fb;
  --color-primary-text-selected: #004e89;
  --color-primary-text-selected-hover: #003258;
  --color-primary-text-unchanged-inverted: #e6f0f8;
  --color-primary-text-unchanged-inverted-active: #fcfdfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f5f9fc;
  --color-primary-text-unchanged-inverted-selected: #f5f9fc;
  --color-primary-text-unchanged-inverted-selected-hover: #fcfdfe;
  --color-secondary-brand: #00abda;
  --color-tertiary-brand: #f1fbfd;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:30 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-nouvelle-caledonie.theme-dark,
.banque-de-nouvelle-caledonie.theme-dark,
html[brand-theme=banque-de-nouvelle-caledonie][color-theme=dark] {
  --color-primary-border: #238dde;
  --color-primary-border-active: #99bfdc;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #61a5d9;
  --color-primary-border-inverted: #003670;
  --color-primary-border-inverted-active: #002849;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #002f5c;
  --color-primary-border-inverted-selected: #002f5c;
  --color-primary-border-inverted-selected-hover: #002849;
  --color-primary-border-selected: #61a5d9;
  --color-primary-border-selected-hover: #99bfdc;
  --color-primary-border-unchanged: #0074d3;
  --color-primary-border-unchanged-active: #003b7a;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #0055a8;
  --color-primary-border-unchanged-selected: #0055a8;
  --color-primary-border-unchanged-selected-hover: #003b7a;
  --color-primary-brand: #0081e4;
  --color-primary-shape: #238dde;
  --color-primary-shape-active: #99bfdc;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #61a5d9;
  --color-primary-shape-inverted: #002440;
  --color-primary-shape-inverted-active: #003265;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #002c52;
  --color-primary-shape-inverted-selected: #002c52;
  --color-primary-shape-inverted-selected-hover: #003265;
  --color-primary-shape-selected: #61a5d9;
  --color-primary-shape-selected-hover: #99bfdc;
  --color-primary-shape-unchanged: #0074d3;
  --color-primary-shape-unchanged-active: #003b7a;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #004690;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #cfdbe4;
  --color-primary-shape-unchanged-inverted-selected: #cfdbe4;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #004690;
  --color-primary-shape-unchanged-selected-hover: #003b7a;
  --color-primary-surface: #238dde;
  --color-primary-surface-active: #99bfdc;
  --color-primary-surface-alt: #238dde;
  --color-primary-surface-alt-active: #99bfdc;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #61a5d9;
  --color-primary-surface-alt-selected: #61a5d9;
  --color-primary-surface-alt-selected-hover: #99bfdc;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #003265;
  --color-primary-surface-discrete-active: #003b7a;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #003670;
  --color-primary-surface-discrete-selected: #003670;
  --color-primary-surface-discrete-selected-hover: #003b7a;
  --color-primary-surface-hover: #61a5d9;
  --color-primary-surface-inverted: #7eb2da;
  --color-primary-surface-inverted-active: #4399db;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #61a5d9;
  --color-primary-surface-inverted-selected: #61a5d9;
  --color-primary-surface-inverted-selected-hover: #4399db;
  --color-primary-surface-selected: #61a5d9;
  --color-primary-surface-selected-hover: #99bfdc;
  --color-primary-text: #238dde;
  --color-primary-text-active: #99bfdc;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #61a5d9;
  --color-primary-text-inverted: #002440;
  --color-primary-text-inverted-active: #003265;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #002c52;
  --color-primary-text-inverted-selected: #002c52;
  --color-primary-text-inverted-selected-hover: #003265;
  --color-primary-text-selected: #61a5d9;
  --color-primary-text-selected-hover: #99bfdc;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #cfdbe4;
  --color-primary-text-unchanged-inverted-selected: #cfdbe4;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #00abda;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:35 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-savoie,
.banque-de-savoie.theme-light,
html[brand-theme=banque-de-savoie],
html[brand-theme=banque-de-savoie][color-theme=light] {
  --color-primary-border: #e30613;
  --color-primary-border-active: #850008;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ba000b;
  --color-primary-border-inverted: #ffeef0;
  --color-primary-border-inverted-active: #fffefe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fffbfb;
  --color-primary-border-inverted-selected: #fffbfb;
  --color-primary-border-inverted-selected-hover: #fffefe;
  --color-primary-border-selected: #ba000b;
  --color-primary-border-selected-hover: #850008;
  --color-primary-border-unchanged: #850008;
  --color-primary-border-unchanged-active: #230002;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #450004;
  --color-primary-border-unchanged-selected: #450004;
  --color-primary-border-unchanged-selected-hover: #230002;
  --color-primary-brand: #e30613;
  --color-primary-shape: #e30613;
  --color-primary-shape-active: #850008;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ba000b;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fffbfb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fffbfb;
  --color-primary-shape-selected: #ba000b;
  --color-primary-shape-selected-hover: #850008;
  --color-primary-shape-unchanged: #850008;
  --color-primary-shape-unchanged-active: #230002;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #450004;
  --color-primary-shape-unchanged-inverted: #ffeef0;
  --color-primary-shape-unchanged-inverted-active: #fffefe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fffbfb;
  --color-primary-shape-unchanged-inverted-selected: #fffbfb;
  --color-primary-shape-unchanged-inverted-selected-hover: #fffefe;
  --color-primary-shape-unchanged-selected: #450004;
  --color-primary-shape-unchanged-selected-hover: #230002;
  --color-primary-surface: #e30613;
  --color-primary-surface-active: #850008;
  --color-primary-surface-alt: #808080;
  --color-primary-surface-alt-active: #454545;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #acacac;
  --color-primary-surface-alt-selected: #acacac;
  --color-primary-surface-alt-selected-hover: #808080;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fffbfb;
  --color-primary-surface-discrete-active: #ffe0e3;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ffeef0;
  --color-primary-surface-discrete-selected: #ffeef0;
  --color-primary-surface-discrete-selected-hover: #ffe0e3;
  --color-primary-surface-hover: #ba000b;
  --color-primary-surface-inverted: #850008;
  --color-primary-surface-inverted-active: #ba000b;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #a1000a;
  --color-primary-surface-inverted-selected: #a1000a;
  --color-primary-surface-inverted-selected-hover: #ba000b;
  --color-primary-surface-selected: #ba000b;
  --color-primary-surface-selected-hover: #850008;
  --color-primary-text: #e30613;
  --color-primary-text-active: #850008;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ba000b;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fffbfb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #fffbfb;
  --color-primary-text-selected: #ba000b;
  --color-primary-text-selected-hover: #850008;
  --color-primary-text-unchanged-inverted: #ffeef0;
  --color-primary-text-unchanged-inverted-active: #fffefe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fffbfb;
  --color-primary-text-unchanged-inverted-selected: #fffbfb;
  --color-primary-text-unchanged-inverted-selected-hover: #fffefe;
  --color-secondary-brand: #2e3642;
  --color-tertiary-brand: #ffffff;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:38 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-savoie.theme-dark,
.banque-de-savoie.theme-dark,
html[brand-theme=banque-de-savoie][color-theme=dark] {
  --color-primary-border: #ff9198;
  --color-primary-border-active: #ffe3e5;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ffc1c5;
  --color-primary-border-inverted: #88030b;
  --color-primary-border-inverted-active: #2a0003;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #530106;
  --color-primary-border-inverted-selected: #530106;
  --color-primary-border-inverted-selected-hover: #2a0003;
  --color-primary-border-selected: #ffc1c5;
  --color-primary-border-selected-hover: #ffe3e5;
  --color-primary-border-unchanged: #e80a17;
  --color-primary-border-unchanged-active: #670208;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #a5050f;
  --color-primary-border-unchanged-selected: #a5050f;
  --color-primary-border-unchanged-selected-hover: #670208;
  --color-primary-brand: #f91d2a;
  --color-primary-shape: #ff9198;
  --color-primary-shape-active: #ffe3e5;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ffc1c5;
  --color-primary-shape-inverted: #160001;
  --color-primary-shape-inverted-active: #530106;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #160001;
  --color-primary-shape-inverted-selected: #160001;
  --color-primary-shape-inverted-selected-hover: #530106;
  --color-primary-shape-selected: #ffc1c5;
  --color-primary-shape-selected-hover: #ffe3e5;
  --color-primary-shape-unchanged: #e80a17;
  --color-primary-shape-unchanged-active: #670208;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #a5050f;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fffdfd;
  --color-primary-shape-unchanged-inverted-selected: #fffdfd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #a5050f;
  --color-primary-shape-unchanged-selected-hover: #670208;
  --color-primary-surface: #ff9198;
  --color-primary-surface-active: #ffe3e5;
  --color-primary-surface-alt: #808080;
  --color-primary-surface-alt-active: #454545;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #acacac;
  --color-primary-surface-alt-selected: #acacac;
  --color-primary-surface-alt-selected-hover: #808080;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #530106;
  --color-primary-surface-discrete-active: #a5050f;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #88030b;
  --color-primary-surface-discrete-selected: #88030b;
  --color-primary-surface-discrete-selected-hover: #a5050f;
  --color-primary-surface-hover: #ffc1c5;
  --color-primary-surface-inverted: #ffe3e5;
  --color-primary-surface-inverted-active: #ffc1c5;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #ffd4d7;
  --color-primary-surface-inverted-selected: #ffd4d7;
  --color-primary-surface-inverted-selected-hover: #ffc1c5;
  --color-primary-surface-selected: #ffc1c5;
  --color-primary-surface-selected-hover: #ffe3e5;
  --color-primary-text: #ff9198;
  --color-primary-text-active: #ffe3e5;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ffc1c5;
  --color-primary-text-inverted: #160001;
  --color-primary-text-inverted-active: #530106;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #160001;
  --color-primary-text-inverted-selected: #160001;
  --color-primary-text-inverted-selected-hover: #530106;
  --color-primary-text-selected: #ffc1c5;
  --color-primary-text-selected-hover: #ffe3e5;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fffdfd;
  --color-primary-text-unchanged-inverted-selected: #fffdfd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #6f809a;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:43 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-tahiti,
.banque-de-tahiti.theme-light,
html[brand-theme=banque-de-tahiti],
html[brand-theme=banque-de-tahiti][color-theme=light] {
  --color-primary-border: #0063af;
  --color-primary-border-active: #003258;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004e89;
  --color-primary-border-inverted: #e6f0f8;
  --color-primary-border-inverted-active: #fcfdfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f5f9fc;
  --color-primary-border-inverted-selected: #f5f9fc;
  --color-primary-border-inverted-selected-hover: #fcfdfe;
  --color-primary-border-selected: #004e89;
  --color-primary-border-selected-hover: #003258;
  --color-primary-border-unchanged: #004072;
  --color-primary-border-unchanged-active: #00111f;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00223c;
  --color-primary-border-unchanged-selected: #00223c;
  --color-primary-border-unchanged-selected-hover: #00111f;
  --color-primary-brand: #0063af;
  --color-primary-shape: #0063af;
  --color-primary-shape-active: #003258;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004e89;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f1f6fb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fafbfd;
  --color-primary-shape-inverted-selected: #fafbfd;
  --color-primary-shape-inverted-selected-hover: #f1f6fb;
  --color-primary-shape-selected: #004e89;
  --color-primary-shape-selected-hover: #003258;
  --color-primary-shape-unchanged: #004072;
  --color-primary-shape-unchanged-active: #00111f;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #00223c;
  --color-primary-shape-unchanged-inverted: #e6f0f8;
  --color-primary-shape-unchanged-inverted-active: #fcfdfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f5f9fc;
  --color-primary-shape-unchanged-inverted-selected: #f5f9fc;
  --color-primary-shape-unchanged-inverted-selected-hover: #fcfdfe;
  --color-primary-shape-unchanged-selected: #00223c;
  --color-primary-shape-unchanged-selected-hover: #00111f;
  --color-primary-surface: #0063af;
  --color-primary-surface-active: #003258;
  --color-primary-surface-alt: #0063af;
  --color-primary-surface-alt-active: #003258;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #004e89;
  --color-primary-surface-alt-selected: #004e89;
  --color-primary-surface-alt-selected-hover: #003258;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fafbfd;
  --color-primary-surface-discrete-active: #d7e8f6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #f1f6fb;
  --color-primary-surface-discrete-selected: #f1f6fb;
  --color-primary-surface-discrete-selected-hover: #d7e8f6;
  --color-primary-surface-hover: #004e89;
  --color-primary-surface-inverted: #004072;
  --color-primary-surface-inverted-active: #00599e;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #004e89;
  --color-primary-surface-inverted-selected: #004e89;
  --color-primary-surface-inverted-selected-hover: #00599e;
  --color-primary-surface-selected: #004e89;
  --color-primary-surface-selected-hover: #003258;
  --color-primary-text: #0063af;
  --color-primary-text-active: #003258;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004e89;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f1f6fb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fafbfd;
  --color-primary-text-inverted-selected: #fafbfd;
  --color-primary-text-inverted-selected-hover: #f1f6fb;
  --color-primary-text-selected: #004e89;
  --color-primary-text-selected-hover: #003258;
  --color-primary-text-unchanged-inverted: #e6f0f8;
  --color-primary-text-unchanged-inverted-active: #fcfdfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f5f9fc;
  --color-primary-text-unchanged-inverted-selected: #f5f9fc;
  --color-primary-text-unchanged-inverted-selected-hover: #fcfdfe;
  --color-secondary-brand: #00abda;
  --color-tertiary-brand: #f1fbfd;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:47 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-de-tahiti.theme-dark,
.banque-de-tahiti.theme-dark,
html[brand-theme=banque-de-tahiti][color-theme=dark] {
  --color-primary-border: #5cb5f8;
  --color-primary-border-active: #c8e7ff;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #c8e7ff;
  --color-primary-border-inverted: #00457d;
  --color-primary-border-inverted-active: #001728;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #002b4c;
  --color-primary-border-inverted-selected: #002b4c;
  --color-primary-border-inverted-selected-hover: #001728;
  --color-primary-border-selected: #c8e7ff;
  --color-primary-border-selected-hover: #e8f5ff;
  --color-primary-border-unchanged: #0073d6;
  --color-primary-border-unchanged-active: #00345e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #005499;
  --color-primary-border-unchanged-selected: #005499;
  --color-primary-border-unchanged-selected-hover: #00345e;
  --color-primary-brand: #0081e4;
  --color-primary-shape: #5cb5f8;
  --color-primary-shape-active: #c8e7ff;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #c8e7ff;
  --color-primary-shape-inverted: #000c16;
  --color-primary-shape-inverted-active: #00345e;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #00213b;
  --color-primary-shape-inverted-selected: #00213b;
  --color-primary-shape-inverted-selected-hover: #00345e;
  --color-primary-shape-selected: #c8e7ff;
  --color-primary-shape-selected-hover: #e8f5ff;
  --color-primary-shape-unchanged: #0073d6;
  --color-primary-shape-unchanged-active: #00345e;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #005499;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fafdff;
  --color-primary-shape-unchanged-inverted-selected: #fafdff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #005499;
  --color-primary-shape-unchanged-selected-hover: #00345e;
  --color-primary-surface: #99d3ff;
  --color-primary-surface-active: #e8f5ff;
  --color-primary-surface-alt: #99d3ff;
  --color-primary-surface-alt-active: #e8f5ff;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #c8e7ff;
  --color-primary-surface-alt-selected: #c8e7ff;
  --color-primary-surface-alt-selected-hover: #e8f5ff;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #00213b;
  --color-primary-surface-discrete-active: #005499;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #00345e;
  --color-primary-surface-discrete-selected: #00345e;
  --color-primary-surface-discrete-selected-hover: #005499;
  --color-primary-surface-hover: #c8e7ff;
  --color-primary-surface-inverted: #d9efff;
  --color-primary-surface-inverted-active: #b2deff;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #c8e7ff;
  --color-primary-surface-inverted-selected: #c8e7ff;
  --color-primary-surface-inverted-selected-hover: #b2deff;
  --color-primary-surface-selected: #c8e7ff;
  --color-primary-surface-selected-hover: #e8f5ff;
  --color-primary-text: #5cb5f8;
  --color-primary-text-active: #c8e7ff;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #c8e7ff;
  --color-primary-text-inverted: #000c16;
  --color-primary-text-inverted-active: #00345e;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #00213b;
  --color-primary-text-inverted-selected: #00213b;
  --color-primary-text-inverted-selected-hover: #00345e;
  --color-primary-text-selected: #c8e7ff;
  --color-primary-text-selected-hover: #e8f5ff;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fafdff;
  --color-primary-text-unchanged-inverted-selected: #fafdff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #00abda;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:51 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-dupuy-de-parseval,
.banque-dupuy-de-parseval.theme-light,
html[brand-theme=banque-dupuy-de-parseval],
html[brand-theme=banque-dupuy-de-parseval][color-theme=light] {
  --color-primary-border: #7c252c;
  --color-primary-border-active: #2b0407;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #541116;
  --color-primary-border-inverted: #ffffff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #541116;
  --color-primary-border-selected-hover: #2b0407;
  --color-primary-border-unchanged: #952a33;
  --color-primary-border-unchanged-active: #2b0407;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #541116;
  --color-primary-border-unchanged-selected: #541116;
  --color-primary-border-unchanged-selected-hover: #2b0407;
  --color-primary-brand: #7c252c;
  --color-primary-shape: #7c252c;
  --color-primary-shape-active: #2b0407;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #541116;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fffafb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fffafb;
  --color-primary-shape-selected: #541116;
  --color-primary-shape-selected-hover: #2b0407;
  --color-primary-shape-unchanged: #952a33;
  --color-primary-shape-unchanged-active: #2b0407;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #541116;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #541116;
  --color-primary-shape-unchanged-selected-hover: #2b0407;
  --color-primary-surface: #7c252c;
  --color-primary-surface-active: #2b0407;
  --color-primary-surface-alt: #7c252c;
  --color-primary-surface-alt-active: #2b0407;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #541116;
  --color-primary-surface-alt-selected: #541116;
  --color-primary-surface-alt-selected-hover: #2b0407;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #ffedee;
  --color-primary-surface-discrete-active: #ffdbde;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ffedee;
  --color-primary-surface-discrete-selected: #ffedee;
  --color-primary-surface-discrete-selected-hover: #ffdbde;
  --color-primary-surface-hover: #541116;
  --color-primary-surface-inverted: #952a33;
  --color-primary-surface-inverted-active: #bf303b;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #ab2e38;
  --color-primary-surface-inverted-selected: #ab2e38;
  --color-primary-surface-inverted-selected-hover: #bf303b;
  --color-primary-surface-selected: #541116;
  --color-primary-surface-selected-hover: #2b0407;
  --color-primary-text: #7c252c;
  --color-primary-text-active: #2b0407;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #541116;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fffafb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #fffafb;
  --color-primary-text-selected: #541116;
  --color-primary-text-selected-hover: #2b0407;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #f9b237;
  --color-tertiary-brand: #fcf9f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:14:55 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-dupuy-de-parseval.theme-dark,
.banque-dupuy-de-parseval.theme-dark,
html[brand-theme=banque-dupuy-de-parseval][color-theme=dark] {
  --color-primary-border: #eac0c3;
  --color-primary-border-active: #f4e3e4;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #f8f0f0;
  --color-primary-border-inverted: #680109;
  --color-primary-border-inverted-active: #240003;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #400005;
  --color-primary-border-inverted-selected: #400005;
  --color-primary-border-inverted-selected-hover: #240003;
  --color-primary-border-selected: #f8f0f0;
  --color-primary-border-selected-hover: #fcf9f9;
  --color-primary-border-unchanged: #c8404b;
  --color-primary-border-unchanged-active: #7f010b;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #a3020e;
  --color-primary-border-unchanged-selected: #a3020e;
  --color-primary-border-unchanged-selected-hover: #7f010b;
  --color-primary-brand: #cd5a63;
  --color-primary-shape: #eac0c3;
  --color-primary-shape-active: #f4e3e4;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #f8f0f0;
  --color-primary-shape-inverted: #160002;
  --color-primary-shape-inverted-active: #7f010b;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #160002;
  --color-primary-shape-inverted-selected: #160002;
  --color-primary-shape-inverted-selected-hover: #7f010b;
  --color-primary-shape-selected: #f8f0f0;
  --color-primary-shape-selected-hover: #fcf9f9;
  --color-primary-shape-unchanged: #c8404b;
  --color-primary-shape-unchanged-active: #680109;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #93010d;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fcf9f9;
  --color-primary-shape-unchanged-inverted-selected: #fcf9f9;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #93010d;
  --color-primary-shape-unchanged-selected-hover: #680109;
  --color-primary-surface: #f4e3e4;
  --color-primary-surface-active: #fcf9f9;
  --color-primary-surface-alt: #f4e3e4;
  --color-primary-surface-alt-active: #fcf9f9;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #f8f0f0;
  --color-primary-surface-alt-selected: #f8f0f0;
  --color-primary-surface-alt-selected-hover: #fcf9f9;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #93010d;
  --color-primary-surface-discrete-active: #a3020e;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #93010d;
  --color-primary-surface-discrete-selected: #93010d;
  --color-primary-surface-discrete-selected-hover: #a3020e;
  --color-primary-surface-hover: #f8f0f0;
  --color-primary-surface-inverted: #efd3d6;
  --color-primary-surface-inverted-active: #e4aaae;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #eac0c3;
  --color-primary-surface-inverted-selected: #eac0c3;
  --color-primary-surface-inverted-selected-hover: #e4aaae;
  --color-primary-surface-selected: #f8f0f0;
  --color-primary-surface-selected-hover: #fcf9f9;
  --color-primary-text: #eac0c3;
  --color-primary-text-active: #f4e3e4;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #f8f0f0;
  --color-primary-text-inverted: #160002;
  --color-primary-text-inverted-active: #7f010b;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #160002;
  --color-primary-text-inverted-selected: #160002;
  --color-primary-text-inverted-selected-hover: #7f010b;
  --color-primary-text-selected: #f8f0f0;
  --color-primary-text-selected-hover: #fcf9f9;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fcf9f9;
  --color-primary-text-unchanged-inverted-selected: #fcf9f9;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #f9b237;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:00 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-marze,
.banque-marze.theme-light,
html[brand-theme=banque-marze],
html[brand-theme=banque-marze][color-theme=light] {
  --color-primary-border: #136aba;
  --color-primary-border-active: #023b70;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #05539b;
  --color-primary-border-inverted: #e8eff7;
  --color-primary-border-inverted-active: #fdfdfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f6f9fb;
  --color-primary-border-inverted-selected: #f6f9fb;
  --color-primary-border-inverted-selected-hover: #fdfdfe;
  --color-primary-border-selected: #05539b;
  --color-primary-border-selected-hover: #023b70;
  --color-primary-border-unchanged: #023b70;
  --color-primary-border-unchanged-active: #00101e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #011f3b;
  --color-primary-border-unchanged-selected: #011f3b;
  --color-primary-border-unchanged-selected-hover: #00101e;
  --color-primary-brand: #136aba;
  --color-primary-shape: #136aba;
  --color-primary-shape-active: #023b70;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #05539b;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f3f6f9;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fafbfc;
  --color-primary-shape-inverted-selected: #fafbfc;
  --color-primary-shape-inverted-selected-hover: #f3f6f9;
  --color-primary-shape-selected: #05539b;
  --color-primary-shape-selected-hover: #023b70;
  --color-primary-shape-unchanged: #023b70;
  --color-primary-shape-unchanged-active: #00101e;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #011f3b;
  --color-primary-shape-unchanged-inverted: #e8eff7;
  --color-primary-shape-unchanged-inverted-active: #fdfdfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f6f9fb;
  --color-primary-shape-unchanged-inverted-selected: #f6f9fb;
  --color-primary-shape-unchanged-inverted-selected-hover: #fdfdfe;
  --color-primary-shape-unchanged-selected: #011f3b;
  --color-primary-shape-unchanged-selected-hover: #00101e;
  --color-primary-surface: #136aba;
  --color-primary-surface-active: #023b70;
  --color-primary-surface-alt: #136aba;
  --color-primary-surface-alt-active: #023b70;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #05539b;
  --color-primary-surface-alt-selected: #05539b;
  --color-primary-surface-alt-selected-hover: #023b70;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f6f9fb;
  --color-primary-surface-discrete-active: #d9e7f4;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #e8eff7;
  --color-primary-surface-discrete-selected: #e8eff7;
  --color-primary-surface-discrete-selected-hover: #d9e7f4;
  --color-primary-surface-hover: #05539b;
  --color-primary-surface-inverted: #023b70;
  --color-primary-surface-inverted-active: #05539b;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #034887;
  --color-primary-surface-inverted-selected: #034887;
  --color-primary-surface-inverted-selected-hover: #05539b;
  --color-primary-surface-selected: #05539b;
  --color-primary-surface-selected-hover: #023b70;
  --color-primary-text: #136aba;
  --color-primary-text-active: #023b70;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #05539b;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f3f6f9;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fafbfc;
  --color-primary-text-inverted-selected: #fafbfc;
  --color-primary-text-inverted-selected-hover: #f3f6f9;
  --color-primary-text-selected: #05539b;
  --color-primary-text-selected-hover: #023b70;
  --color-primary-text-unchanged-inverted: #e8eff7;
  --color-primary-text-unchanged-inverted-active: #fdfdfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f6f9fb;
  --color-primary-text-unchanged-inverted-selected: #f6f9fb;
  --color-primary-text-unchanged-inverted-selected-hover: #fdfdfe;
  --color-secondary-brand: #293133;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:03 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-marze.theme-dark,
.banque-marze.theme-dark,
html[brand-theme=banque-marze][color-theme=dark] {
  --color-primary-border: #8cc6fb;
  --color-primary-border-active: #e2f1ff;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #bfe0ff;
  --color-primary-border-inverted: #02417c;
  --color-primary-border-inverted-active: #001528;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #01284c;
  --color-primary-border-inverted-selected: #01284c;
  --color-primary-border-inverted-selected-hover: #001528;
  --color-primary-border-selected: #bfe0ff;
  --color-primary-border-selected-hover: #e2f1ff;
  --color-primary-border-unchanged: #0671d4;
  --color-primary-border-unchanged-active: #01315e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #035097;
  --color-primary-border-unchanged-selected: #035097;
  --color-primary-border-unchanged-selected-hover: #01315e;
  --color-primary-brand: #1781e2;
  --color-primary-shape: #8cc6fb;
  --color-primary-shape-active: #e2f1ff;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #bfe0ff;
  --color-primary-shape-inverted: #000b16;
  --color-primary-shape-inverted-active: #01315e;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #001e3a;
  --color-primary-shape-inverted-selected: #001e3a;
  --color-primary-shape-inverted-selected-hover: #01315e;
  --color-primary-shape-selected: #bfe0ff;
  --color-primary-shape-selected-hover: #e2f1ff;
  --color-primary-shape-unchanged: #0671d4;
  --color-primary-shape-unchanged-active: #01315e;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #035097;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fcfeff;
  --color-primary-shape-unchanged-inverted-selected: #fcfeff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #035097;
  --color-primary-shape-unchanged-selected-hover: #01315e;
  --color-primary-surface: #8cc6fb;
  --color-primary-surface-active: #e2f1ff;
  --color-primary-surface-alt: #8cc6fb;
  --color-primary-surface-alt-active: #e2f1ff;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #bfe0ff;
  --color-primary-surface-alt-selected: #bfe0ff;
  --color-primary-surface-alt-selected-hover: #e2f1ff;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #01284c;
  --color-primary-surface-discrete-active: #035097;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #02417c;
  --color-primary-surface-discrete-selected: #02417c;
  --color-primary-surface-discrete-selected-hover: #035097;
  --color-primary-surface-hover: #bfe0ff;
  --color-primary-surface-inverted: #e2f1ff;
  --color-primary-surface-inverted-active: #bfe0ff;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #d3eaff;
  --color-primary-surface-inverted-selected: #d3eaff;
  --color-primary-surface-inverted-selected-hover: #bfe0ff;
  --color-primary-surface-selected: #bfe0ff;
  --color-primary-surface-selected-hover: #e2f1ff;
  --color-primary-text: #8cc6fb;
  --color-primary-text-active: #e2f1ff;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #bfe0ff;
  --color-primary-text-inverted: #000b16;
  --color-primary-text-inverted-active: #01315e;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #001e3a;
  --color-primary-text-inverted-selected: #001e3a;
  --color-primary-text-inverted-selected-hover: #01315e;
  --color-primary-text-selected: #bfe0ff;
  --color-primary-text-selected-hover: #e2f1ff;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fcfeff;
  --color-primary-text-unchanged-inverted-selected: #fcfeff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #6d8388;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:08 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-palatine,
.banque-palatine.theme-light,
html[brand-theme=banque-palatine],
html[brand-theme=banque-palatine][color-theme=light] {
  --color-primary-border: #62120f;
  --color-primary-border-active: #220302;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #430907;
  --color-primary-border-inverted: #fcf4f3;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fefefe;
  --color-primary-border-inverted-selected: #fefefe;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #430907;
  --color-primary-border-selected-hover: #220302;
  --color-primary-border-unchanged: #7c1612;
  --color-primary-border-unchanged-active: #220302;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #430907;
  --color-primary-border-unchanged-selected: #430907;
  --color-primary-border-unchanged-selected-hover: #220302;
  --color-primary-brand: #62120f;
  --color-primary-shape: #62120f;
  --color-primary-shape-active: #220302;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #430907;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fefcfc;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fefcfc;
  --color-primary-shape-selected: #430907;
  --color-primary-shape-selected-hover: #220302;
  --color-primary-shape-unchanged: #7c1612;
  --color-primary-shape-unchanged-active: #220302;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #430907;
  --color-primary-shape-unchanged-inverted: #fcf4f3;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fefefe;
  --color-primary-shape-unchanged-inverted-selected: #fefefe;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #430907;
  --color-primary-shape-unchanged-selected-hover: #220302;
  --color-primary-surface: #62120f;
  --color-primary-surface-active: #220302;
  --color-primary-surface-alt: #7c1612;
  --color-primary-surface-alt-active: #220302;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #430907;
  --color-primary-surface-alt-selected: #430907;
  --color-primary-surface-alt-selected-hover: #220302;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fefcfc;
  --color-primary-surface-discrete-active: #fae7e7;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #fcf4f3;
  --color-primary-surface-discrete-selected: #fcf4f3;
  --color-primary-surface-discrete-selected-hover: #fae7e7;
  --color-primary-surface-hover: #430907;
  --color-primary-surface-inverted: #7c1612;
  --color-primary-surface-inverted-active: #a91b16;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #941914;
  --color-primary-surface-inverted-selected: #941914;
  --color-primary-surface-inverted-selected-hover: #a91b16;
  --color-primary-surface-selected: #430907;
  --color-primary-surface-selected-hover: #220302;
  --color-primary-text: #62120f;
  --color-primary-text-active: #220302;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #430907;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fefcfc;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #fefcfc;
  --color-primary-text-selected: #430907;
  --color-primary-text-selected-hover: #220302;
  --color-primary-text-unchanged-inverted: #fcf4f3;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fefefe;
  --color-primary-text-unchanged-inverted-selected: #fefefe;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #000000;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:11 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-palatine.theme-dark,
.banque-palatine.theme-dark,
html[brand-theme=banque-palatine][color-theme=dark] {
  --color-primary-border: #f9cbc9;
  --color-primary-border-active: #fdeaea;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #fef4f4;
  --color-primary-border-inverted: #730300;
  --color-primary-border-inverted-active: #260100;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #460200;
  --color-primary-border-inverted-selected: #460200;
  --color-primary-border-inverted-selected-hover: #260100;
  --color-primary-border-selected: #fef4f4;
  --color-primary-border-selected-hover: #fffbfb;
  --color-primary-border-unchanged: #cf140c;
  --color-primary-border-unchanged-active: #8c0400;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #b40500;
  --color-primary-border-unchanged-selected: #b40500;
  --color-primary-border-unchanged-selected-hover: #8c0400;
  --color-primary-brand: #e24842;
  --color-primary-shape: #f9cbc9;
  --color-primary-shape-active: #fdeaea;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #fef4f4;
  --color-primary-shape-inverted: #160100;
  --color-primary-shape-inverted-active: #560300;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #160100;
  --color-primary-shape-inverted-selected: #160100;
  --color-primary-shape-inverted-selected-hover: #560300;
  --color-primary-shape-selected: #fef4f4;
  --color-primary-shape-selected-hover: #fffbfb;
  --color-primary-shape-unchanged: #cf140c;
  --color-primary-shape-unchanged-active: #8c0400;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #b40500;
  --color-primary-shape-unchanged-inverted: #fef4f4;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fffbfb;
  --color-primary-shape-unchanged-inverted-selected: #fffbfb;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #b40500;
  --color-primary-shape-unchanged-selected-hover: #8c0400;
  --color-primary-surface: #fdeaea;
  --color-primary-surface-active: #fffbfb;
  --color-primary-surface-alt: #fcdcdb;
  --color-primary-surface-alt-active: #fffbfb;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #fef4f4;
  --color-primary-surface-alt-selected: #fef4f4;
  --color-primary-surface-alt-selected-hover: #fffbfb;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #560300;
  --color-primary-surface-discrete-active: #8c0400;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #730300;
  --color-primary-surface-discrete-selected: #730300;
  --color-primary-surface-discrete-selected-hover: #8c0400;
  --color-primary-surface-hover: #fef4f4;
  --color-primary-surface-inverted: #fcdcdb;
  --color-primary-surface-inverted-active: #f7b6b3;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #f9cbc9;
  --color-primary-surface-inverted-selected: #f9cbc9;
  --color-primary-surface-inverted-selected-hover: #f7b6b3;
  --color-primary-surface-selected: #fef4f4;
  --color-primary-surface-selected-hover: #fffbfb;
  --color-primary-text: #f9cbc9;
  --color-primary-text-active: #fdeaea;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #fef4f4;
  --color-primary-text-inverted: #160100;
  --color-primary-text-inverted-active: #560300;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #160100;
  --color-primary-text-inverted-selected: #160100;
  --color-primary-text-inverted-selected-hover: #560300;
  --color-primary-text-selected: #fef4f4;
  --color-primary-text-selected-hover: #fffbfb;
  --color-primary-text-unchanged-inverted: #fef4f4;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fffbfb;
  --color-primary-text-unchanged-inverted-selected: #fffbfb;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:16 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-populaire,
.banque-populaire.theme-light,
html[brand-theme=banque-populaire],
html[brand-theme=banque-populaire][color-theme=light] {
  --color-primary-border: #051b71;
  --color-primary-border-active: #00061e;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #000c3c;
  --color-primary-border-inverted: #e9ecf9;
  --color-primary-border-inverted-active: #fcfdfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f6f7fc;
  --color-primary-border-inverted-selected: #f6f7fc;
  --color-primary-border-inverted-selected-hover: #fcfdfe;
  --color-primary-border-selected: #000c3c;
  --color-primary-border-selected-hover: #00061e;
  --color-primary-border-unchanged: #051b71;
  --color-primary-border-unchanged-active: #00061e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #000c3c;
  --color-primary-border-unchanged-selected: #000c3c;
  --color-primary-border-unchanged-selected-hover: #00061e;
  --color-primary-brand: #051b71;
  --color-primary-shape: #051b71;
  --color-primary-shape-active: #00061e;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #000c3c;
  --color-primary-shape-inverted: #e9ecf9;
  --color-primary-shape-inverted-active: #fcfdfe;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #f6f7fc;
  --color-primary-shape-inverted-selected: #f6f7fc;
  --color-primary-shape-inverted-selected-hover: #fcfdfe;
  --color-primary-shape-selected: #000c3c;
  --color-primary-shape-selected-hover: #00061e;
  --color-primary-shape-unchanged: #051b71;
  --color-primary-shape-unchanged-active: #00061e;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #000c3c;
  --color-primary-shape-unchanged-inverted: #e9ecf9;
  --color-primary-shape-unchanged-inverted-active: #fcfdfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f6f7fc;
  --color-primary-shape-unchanged-inverted-selected: #f6f7fc;
  --color-primary-shape-unchanged-inverted-selected-hover: #fcfdfe;
  --color-primary-shape-unchanged-selected: #000c3c;
  --color-primary-shape-unchanged-selected-hover: #00061e;
  --color-primary-surface: #051b71;
  --color-primary-surface-active: #00061e;
  --color-primary-surface-alt: #051b71;
  --color-primary-surface-alt-active: #00061e;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #000c3c;
  --color-primary-surface-alt-selected: #000c3c;
  --color-primary-surface-alt-selected-hover: #00061e;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #e9ecf9;
  --color-primary-surface-discrete-active: #93a4e6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #bdc7f0;
  --color-primary-surface-discrete-selected: #bdc7f0;
  --color-primary-surface-discrete-selected-hover: #93a4e6;
  --color-primary-surface-hover: #000c3c;
  --color-primary-surface-inverted: #051b71;
  --color-primary-surface-inverted-active: #18339f;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #0d2689;
  --color-primary-surface-inverted-selected: #0d2689;
  --color-primary-surface-inverted-selected-hover: #18339f;
  --color-primary-surface-selected: #000c3c;
  --color-primary-surface-selected-hover: #00061e;
  --color-primary-text: #051b71;
  --color-primary-text-active: #00061e;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #000c3c;
  --color-primary-text-inverted: #e9ecf9;
  --color-primary-text-inverted-active: #fcfdfe;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #f6f7fc;
  --color-primary-text-inverted-selected: #f6f7fc;
  --color-primary-text-inverted-selected-hover: #fcfdfe;
  --color-primary-text-selected: #000c3c;
  --color-primary-text-selected-hover: #00061e;
  --color-primary-text-unchanged-inverted: #e9ecf9;
  --color-primary-text-unchanged-inverted-active: #fcfdfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f6f7fc;
  --color-primary-text-unchanged-inverted-selected: #f6f7fc;
  --color-primary-text-unchanged-inverted-selected-hover: #fcfdfe;
  --color-secondary-brand: #369ad4;
  --color-tertiary-brand: #e6f0f7;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:19 GMT
 */
/**
* version: 4.19.0 
*/
html.banque-populaire.theme-dark,
.banque-populaire.theme-dark,
html[brand-theme=banque-populaire][color-theme=dark] {
  --color-primary-border: #899be2;
  --color-primary-border-active: #d9dce5;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #c9cee1;
  --color-primary-border-inverted: #203277;
  --color-primary-border-inverted-active: #192142;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #1d2a5c;
  --color-primary-border-inverted-selected: #1d2a5c;
  --color-primary-border-inverted-selected-hover: #192142;
  --color-primary-border-selected: #c9cee1;
  --color-primary-border-selected-hover: #d9dce5;
  --color-primary-border-unchanged: #4868e4;
  --color-primary-border-unchanged-active: #233785;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #2a42a2;
  --color-primary-border-unchanged-selected: #2a42a2;
  --color-primary-border-unchanged-selected-hover: #233785;
  --color-primary-brand: #5375f7;
  --color-primary-shape: #a9b4de;
  --color-primary-shape-active: #d9dce5;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #c9cee1;
  --color-primary-shape-inverted: #203277;
  --color-primary-shape-inverted-active: #192142;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #1d2a5c;
  --color-primary-shape-inverted-selected: #1d2a5c;
  --color-primary-shape-inverted-selected-hover: #192142;
  --color-primary-shape-selected: #c9cee1;
  --color-primary-shape-selected-hover: #d9dce5;
  --color-primary-shape-unchanged: #4868e4;
  --color-primary-shape-unchanged-active: #233785;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #2a42a2;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #d9dce5;
  --color-primary-shape-unchanged-inverted-selected: #d9dce5;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #2a42a2;
  --color-primary-shape-unchanged-selected-hover: #233785;
  --color-primary-surface: #899be2;
  --color-primary-surface-active: #d9dce5;
  --color-primary-surface-alt: #a9b4de;
  --color-primary-surface-alt-active: #d9dce5;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #c9cee1;
  --color-primary-surface-alt-selected: #c9cee1;
  --color-primary-surface-alt-selected-hover: #d9dce5;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #203277;
  --color-primary-surface-discrete-active: #3653c1;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #2a42a2;
  --color-primary-surface-discrete-selected: #2a42a2;
  --color-primary-surface-discrete-selected-hover: #3653c1;
  --color-primary-surface-hover: #c9cee1;
  --color-primary-surface-inverted: #a9b4de;
  --color-primary-surface-inverted-active: #899be2;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #99a8df;
  --color-primary-surface-inverted-selected: #99a8df;
  --color-primary-surface-inverted-selected-hover: #899be2;
  --color-primary-surface-selected: #c9cee1;
  --color-primary-surface-selected-hover: #d9dce5;
  --color-primary-text: #a9b4de;
  --color-primary-text-active: #d9dce5;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #c9cee1;
  --color-primary-text-inverted: #1d2a5c;
  --color-primary-text-inverted-active: #192142;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #1b264f;
  --color-primary-text-inverted-selected: #1b264f;
  --color-primary-text-inverted-selected-hover: #192142;
  --color-primary-text-selected: #c9cee1;
  --color-primary-text-selected-hover: #d9dce5;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #d9dce5;
  --color-primary-text-unchanged-inverted-selected: #d9dce5;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #369ad4;
  --color-tertiary-brand: #070a16;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:32 GMT
 */
/**
* version: 4.19.0 
*/
html.bpce,
.bpce.theme-light,
html[brand-theme=bpce],
html[brand-theme=bpce][color-theme=light] {
  --color-primary-border: #6b218d;
  --color-primary-border-active: #3a0d4f;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #581d74;
  --color-primary-border-inverted: #fffeff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #581d74;
  --color-primary-border-selected-hover: #3a0d4f;
  --color-primary-border-unchanged: #6b218d;
  --color-primary-border-unchanged-active: #1c0328;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3a0d4f;
  --color-primary-border-unchanged-selected: #3a0d4f;
  --color-primary-border-unchanged-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #6b218d;
  --color-primary-shape-active: #3a0d4f;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #581d74;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fffeff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fffeff;
  --color-primary-shape-selected: #581d74;
  --color-primary-shape-selected-hover: #3a0d4f;
  --color-primary-shape-unchanged: #6b218d;
  --color-primary-shape-unchanged-active: #1c0328;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3a0d4f;
  --color-primary-shape-unchanged-inverted: #fffeff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3a0d4f;
  --color-primary-shape-unchanged-selected-hover: #1c0328;
  --color-primary-surface: #6b218d;
  --color-primary-surface-active: #3a0d4f;
  --color-primary-surface-alt: #6b218d;
  --color-primary-surface-alt-active: #3a0d4f;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #581d74;
  --color-primary-surface-alt-selected: #581d74;
  --color-primary-surface-alt-selected-hover: #3a0d4f;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --color-primary-surface-discrete-active: #efd3fd;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #f7e5ff;
  --color-primary-surface-discrete-selected: #f7e5ff;
  --color-primary-surface-discrete-selected-hover: #efd3fd;
  --color-primary-surface-hover: #581d74;
  --color-primary-surface-inverted: #6b218d;
  --color-primary-surface-inverted-active: #8927b8;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #7b25a4;
  --color-primary-surface-inverted-selected: #7b25a4;
  --color-primary-surface-inverted-selected-hover: #8927b8;
  --color-primary-surface-selected: #581d74;
  --color-primary-surface-selected-hover: #3a0d4f;
  --color-primary-text: #6b218d;
  --color-primary-text-active: #3a0d4f;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #581d74;
  --color-primary-text-inverted: #fffeff;
  --color-primary-text-inverted-active: #f7e5ff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fcf4ff;
  --color-primary-text-inverted-selected: #fcf4ff;
  --color-primary-text-inverted-selected-hover: #f7e5ff;
  --color-primary-text-selected: #581d74;
  --color-primary-text-selected-hover: #3a0d4f;
  --color-primary-text-unchanged-inverted: #fffeff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #666666;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:36 GMT
 */
/**
* version: 4.19.0 
*/
html.bpce.theme-dark,
.bpce.theme-dark,
html[brand-theme=bpce][color-theme=dark] {
  --color-primary-border: #cfa6e2;
  --color-primary-border-active: #ddcae7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #e2d7e8;
  --color-primary-border-inverted: #48006a;
  --color-primary-border-inverted-active: #190025;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #2d0042;
  --color-primary-border-inverted-selected: #2d0042;
  --color-primary-border-inverted-selected-hover: #190025;
  --color-primary-border-selected: #e2d7e8;
  --color-primary-border-selected-hover: #e6e0e9;
  --color-primary-border-unchanged: #a140d0;
  --color-primary-border-unchanged-active: #580082;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #7000a6;
  --color-primary-border-unchanged-selected: #7000a6;
  --color-primary-border-unchanged-selected-hover: #580082;
  --color-primary-brand: #ae5bd6;
  --color-primary-shape: #cfa6e2;
  --color-primary-shape-active: #ddcae7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #e2d7e8;
  --color-primary-shape-inverted: #0f0016;
  --color-primary-shape-inverted-active: #650095;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #580082;
  --color-primary-shape-inverted-selected: #580082;
  --color-primary-shape-inverted-selected-hover: #650095;
  --color-primary-shape-selected: #e2d7e8;
  --color-primary-shape-selected-hover: #e6e0e9;
  --color-primary-shape-unchanged: #a140d0;
  --color-primary-shape-unchanged-active: #580082;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #7000a6;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #e8e6e9;
  --color-primary-shape-unchanged-inverted-selected: #e8e6e9;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #7000a6;
  --color-primary-shape-unchanged-selected-hover: #580082;
  --color-primary-surface: #ddcae7;
  --color-primary-surface-active: #e6e0e9;
  --color-primary-surface-alt: #ddcae7;
  --color-primary-surface-alt-active: #e6e0e9;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #e2d7e8;
  --color-primary-surface-alt-selected: #e2d7e8;
  --color-primary-surface-alt-selected-hover: #e6e0e9;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #580082;
  --color-primary-surface-discrete-active: #7000a6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #650095;
  --color-primary-surface-discrete-selected: #650095;
  --color-primary-surface-discrete-selected-hover: #7000a6;
  --color-primary-surface-hover: #e2d7e8;
  --color-primary-surface-inverted: #ddcae7;
  --color-primary-surface-inverted-active: #cfa6e2;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #d7bae5;
  --color-primary-surface-inverted-selected: #d7bae5;
  --color-primary-surface-inverted-selected-hover: #cfa6e2;
  --color-primary-surface-selected: #e2d7e8;
  --color-primary-surface-selected-hover: #e6e0e9;
  --color-primary-text: #cfa6e2;
  --color-primary-text-active: #ddcae7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #e2d7e8;
  --color-primary-text-inverted: #48006a;
  --color-primary-text-inverted-active: #650095;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #580082;
  --color-primary-text-inverted-selected: #580082;
  --color-primary-text-inverted-selected-hover: #650095;
  --color-primary-text-selected: #e2d7e8;
  --color-primary-text-selected-hover: #e6e0e9;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #e8e6e9;
  --color-primary-text-unchanged-inverted-selected: #e8e6e9;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:41 GMT
 */
/**
* version: 4.19.0 
*/
html.caisse-d-epargne,
.caisse-d-epargne.theme-light,
html[brand-theme=caisse-d-epargne],
html[brand-theme=caisse-d-epargne][color-theme=light] {
  --color-primary-border: #c5000e;
  --color-primary-border-active: #620007;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #7f0009;
  --color-primary-border-inverted: #ffe8ea;
  --color-primary-border-inverted-active: #fffdfd;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fff7f8;
  --color-primary-border-inverted-selected: #fff7f8;
  --color-primary-border-inverted-selected-hover: #fffdfd;
  --color-primary-border-selected: #7f0009;
  --color-primary-border-selected-hover: #620007;
  --color-primary-border-unchanged: #c5000e;
  --color-primary-border-unchanged-active: #620007;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #7f0009;
  --color-primary-border-unchanged-selected: #7f0009;
  --color-primary-border-unchanged-selected-hover: #620007;
  --color-primary-brand: #d7000f;
  --color-primary-shape: #c5000e;
  --color-primary-shape-active: #620007;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #7f0009;
  --color-primary-shape-inverted: #ffe8ea;
  --color-primary-shape-inverted-active: #fffdfd;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fff7f8;
  --color-primary-shape-inverted-selected: #fff7f8;
  --color-primary-shape-inverted-selected-hover: #fffdfd;
  --color-primary-shape-selected: #7f0009;
  --color-primary-shape-selected-hover: #620007;
  --color-primary-shape-unchanged: #c5000e;
  --color-primary-shape-unchanged-active: #620007;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #7f0009;
  --color-primary-shape-unchanged-inverted: #ffe8ea;
  --color-primary-shape-unchanged-inverted-active: #fffdfd;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fff7f8;
  --color-primary-shape-unchanged-inverted-selected: #fff7f8;
  --color-primary-shape-unchanged-inverted-selected-hover: #fffdfd;
  --color-primary-shape-unchanged-selected: #7f0009;
  --color-primary-shape-unchanged-selected-hover: #620007;
  --color-primary-surface: #d7000f;
  --color-primary-surface-active: #420004;
  --color-primary-surface-alt: #808080;
  --color-primary-surface-alt-active: #454545;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #989898;
  --color-primary-surface-alt-selected: #989898;
  --color-primary-surface-alt-selected-hover: #454545;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #ffe8ea;
  --color-primary-surface-discrete-active: #f67880;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #fdafb5;
  --color-primary-surface-discrete-selected: #fdafb5;
  --color-primary-surface-discrete-selected-hover: #f67880;
  --color-primary-surface-hover: #99000b;
  --color-primary-surface-inverted: #d7000f;
  --color-primary-surface-inverted-active: #eb3945;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #e21b29;
  --color-primary-surface-inverted-selected: #e21b29;
  --color-primary-surface-inverted-selected-hover: #eb3945;
  --color-primary-surface-selected: #99000b;
  --color-primary-surface-selected-hover: #420004;
  --color-primary-text: #c5000e;
  --color-primary-text-active: #620007;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #7f0009;
  --color-primary-text-inverted: #ffe8ea;
  --color-primary-text-inverted-active: #fffdfd;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fff7f8;
  --color-primary-text-inverted-selected: #fff7f8;
  --color-primary-text-inverted-selected-hover: #fffdfd;
  --color-primary-text-selected: #7f0009;
  --color-primary-text-selected-hover: #620007;
  --color-primary-text-unchanged-inverted: #ffe8ea;
  --color-primary-text-unchanged-inverted-active: #fffdfd;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fff7f8;
  --color-primary-text-unchanged-inverted-selected: #fff7f8;
  --color-primary-text-unchanged-inverted-selected-hover: #fffdfd;
  --color-secondary-brand: #3e454a;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:44 GMT
 */
/**
* version: 4.19.0 
*/
html.caisse-d-epargne.theme-dark,
.caisse-d-epargne.theme-dark,
html[brand-theme=caisse-d-epargne][color-theme=dark] {
  --color-primary-border: #e08a90;
  --color-primary-border-active: #e5dadb;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #e1cacb;
  --color-primary-border-inverted: #640000;
  --color-primary-border-inverted-active: #250002;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #440001;
  --color-primary-border-inverted-selected: #440001;
  --color-primary-border-inverted-selected-hover: #250002;
  --color-primary-border-selected: #e1cacb;
  --color-primary-border-selected-hover: #e1cacb;
  --color-primary-border-unchanged: #e80000;
  --color-primary-border-unchanged-active: #860000;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #980000;
  --color-primary-border-unchanged-selected: #980000;
  --color-primary-border-unchanged-selected-hover: #860000;
  --color-primary-brand: #ff0012;
  --color-primary-shape: #e08a90;
  --color-primary-shape-active: #e5dadb;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #e1cacb;
  --color-primary-shape-inverted: #640000;
  --color-primary-shape-inverted-active: #250002;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #440001;
  --color-primary-shape-inverted-selected: #440001;
  --color-primary-shape-inverted-selected-hover: #250002;
  --color-primary-shape-selected: #e1cacb;
  --color-primary-shape-selected-hover: #e5dadb;
  --color-primary-shape-unchanged: #e80000;
  --color-primary-shape-unchanged-active: #860000;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #980000;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #e9e9e9;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #e5dadb;
  --color-primary-shape-unchanged-inverted-selected: #e5dadb;
  --color-primary-shape-unchanged-inverted-selected-hover: #e9e9e9;
  --color-primary-shape-unchanged-selected: #980000;
  --color-primary-shape-unchanged-selected-hover: #860000;
  --color-primary-surface: #e46f77;
  --color-primary-surface-active: #e5dadb;
  --color-primary-surface-alt: #808080;
  --color-primary-surface-alt-active: #454545;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #989898;
  --color-primary-surface-alt-selected: #989898;
  --color-primary-surface-alt-selected-hover: #454545;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #980000;
  --color-primary-surface-discrete-active: #be0000;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #980000;
  --color-primary-surface-discrete-selected: #980000;
  --color-primary-surface-discrete-selected-hover: #be0000;
  --color-primary-surface-hover: #e08a90;
  --color-primary-surface-inverted: #f42b39;
  --color-primary-surface-inverted-active: #e80000;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #ff0012;
  --color-primary-surface-inverted-selected: #ff0012;
  --color-primary-surface-inverted-selected-hover: #e80000;
  --color-primary-surface-selected: #e08a90;
  --color-primary-surface-selected-hover: #e1cacb;
  --color-primary-text: #e08a90;
  --color-primary-text-active: #e5dadb;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #e1cacb;
  --color-primary-text-inverted: #440001;
  --color-primary-text-inverted-active: #250002;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #350002;
  --color-primary-text-inverted-selected: #350002;
  --color-primary-text-inverted-selected-hover: #250002;
  --color-primary-text-selected: #e1cacb;
  --color-primary-text-selected-hover: #e5dadb;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #e9e9e9;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #e5dadb;
  --color-primary-text-unchanged-inverted-selected: #e5dadb;
  --color-primary-text-unchanged-inverted-selected-hover: #e9e9e9;
  --color-secondary-brand: #73818a;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:15:57 GMT
 */
/**
* version: 4.19.0 
*/
html.casden,
.casden.theme-light,
html[brand-theme=casden],
html[brand-theme=casden][color-theme=light] {
  --color-primary-border: #0070b0;
  --color-primary-border-active: #004973;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #00649f;
  --color-primary-border-inverted: #e1eff8;
  --color-primary-border-inverted-active: #fbfdfe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f2f8fb;
  --color-primary-border-inverted-selected: #f2f8fb;
  --color-primary-border-inverted-selected-hover: #fbfdfe;
  --color-primary-border-selected: #00649f;
  --color-primary-border-selected-hover: #004973;
  --color-primary-border-unchanged: #004973;
  --color-primary-border-unchanged-active: #00131f;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00263c;
  --color-primary-border-unchanged-selected: #00263c;
  --color-primary-border-unchanged-selected-hover: #00131f;
  --color-primary-brand: #369ad4;
  --color-primary-shape: #0070b0;
  --color-primary-shape-active: #004973;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #00649f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #edf5fa;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #f8fbfd;
  --color-primary-shape-inverted-selected: #f8fbfd;
  --color-primary-shape-inverted-selected-hover: #edf5fa;
  --color-primary-shape-selected: #00649f;
  --color-primary-shape-selected-hover: #004973;
  --color-primary-shape-unchanged: #004973;
  --color-primary-shape-unchanged-active: #00131f;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #00263c;
  --color-primary-shape-unchanged-inverted: #e1eff8;
  --color-primary-shape-unchanged-inverted-active: #fbfdfe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f2f8fb;
  --color-primary-shape-unchanged-inverted-selected: #f2f8fb;
  --color-primary-shape-unchanged-inverted-selected-hover: #fbfdfe;
  --color-primary-shape-unchanged-selected: #00263c;
  --color-primary-shape-unchanged-selected-hover: #00131f;
  --color-primary-surface: #0070b0;
  --color-primary-surface-active: #004973;
  --color-primary-surface-alt: #0070b0;
  --color-primary-surface-alt-active: #004973;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #00649f;
  --color-primary-surface-alt-selected: #00649f;
  --color-primary-surface-alt-selected-hover: #004973;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f8fbfd;
  --color-primary-surface-discrete-active: #e1eff8;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #edf5fa;
  --color-primary-surface-discrete-selected: #edf5fa;
  --color-primary-surface-discrete-selected-hover: #e1eff8;
  --color-primary-surface-hover: #00649f;
  --color-primary-surface-inverted: #004973;
  --color-primary-surface-inverted-active: #00649f;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #00578a;
  --color-primary-surface-inverted-selected: #00578a;
  --color-primary-surface-inverted-selected-hover: #00649f;
  --color-primary-surface-selected: #00649f;
  --color-primary-surface-selected-hover: #004973;
  --color-primary-text: #0070b0;
  --color-primary-text-active: #004973;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #00649f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #edf5fa;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #f8fbfd;
  --color-primary-text-inverted-selected: #f8fbfd;
  --color-primary-text-inverted-selected-hover: #edf5fa;
  --color-primary-text-selected: #00649f;
  --color-primary-text-selected-hover: #004973;
  --color-primary-text-unchanged-inverted: #e1eff8;
  --color-primary-text-unchanged-inverted-active: #fbfdfe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f2f8fb;
  --color-primary-text-unchanged-inverted-selected: #f2f8fb;
  --color-primary-text-unchanged-inverted-selected-hover: #fbfdfe;
  --color-secondary-brand: #333333;
  --color-tertiary-brand: #e6f0f7;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:01 GMT
 */
/**
* version: 4.19.0 
*/
html.casden.theme-dark,
.casden.theme-dark,
html[brand-theme=casden][color-theme=dark] {
  --color-primary-border: #8ac7ea;
  --color-primary-border-active: #d0e9f7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #bcdff4;
  --color-primary-border-inverted: #044870;
  --color-primary-border-inverted-active: #001826;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #012c45;
  --color-primary-border-inverted-selected: #012c45;
  --color-primary-border-inverted-selected-hover: #001826;
  --color-primary-border-selected: #bcdff4;
  --color-primary-border-selected-hover: #e1f1fa;
  --color-primary-border-unchanged: #0973b0;
  --color-primary-border-unchanged-active: #023654;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #055989;
  --color-primary-border-unchanged-selected: #055989;
  --color-primary-border-unchanged-selected-hover: #023654;
  --color-primary-brand: #369ad4;
  --color-primary-shape: #8ac7ea;
  --color-primary-shape-active: #d0e9f7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #bcdff4;
  --color-primary-shape-inverted: #000e16;
  --color-primary-shape-inverted-active: #023654;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #012236;
  --color-primary-shape-inverted-selected: #012236;
  --color-primary-shape-inverted-selected-hover: #023654;
  --color-primary-shape-selected: #bcdff4;
  --color-primary-shape-selected-hover: #e1f1fa;
  --color-primary-shape-unchanged: #0973b0;
  --color-primary-shape-unchanged-active: #023654;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #055989;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fdfefe;
  --color-primary-shape-unchanged-inverted-selected: #fdfefe;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #055989;
  --color-primary-shape-unchanged-selected-hover: #023654;
  --color-primary-surface: #a4d4ef;
  --color-primary-surface-active: #e1f1fa;
  --color-primary-surface-alt: #a4d4ef;
  --color-primary-surface-alt-active: #e1f1fa;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #bcdff4;
  --color-primary-surface-alt-selected: #bcdff4;
  --color-primary-surface-alt-selected-hover: #e1f1fa;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #012236;
  --color-primary-surface-discrete-active: #044870;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #023654;
  --color-primary-surface-discrete-selected: #023654;
  --color-primary-surface-discrete-selected-hover: #044870;
  --color-primary-surface-hover: #bcdff4;
  --color-primary-surface-inverted: #e1f1fa;
  --color-primary-surface-inverted-active: #bcdff4;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #d0e9f7;
  --color-primary-surface-inverted-selected: #d0e9f7;
  --color-primary-surface-inverted-selected-hover: #bcdff4;
  --color-primary-surface-selected: #bcdff4;
  --color-primary-surface-selected-hover: #e1f1fa;
  --color-primary-text: #8ac7ea;
  --color-primary-text-active: #d0e9f7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #bcdff4;
  --color-primary-text-inverted: #000e16;
  --color-primary-text-inverted-active: #023654;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #012236;
  --color-primary-text-inverted-selected: #012236;
  --color-primary-text-inverted-selected-hover: #023654;
  --color-primary-text-selected: #bcdff4;
  --color-primary-text-selected-hover: #e1f1fa;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fdfefe;
  --color-primary-text-unchanged-inverted-selected: #fdfefe;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:06 GMT
 */
/**
* version: 4.19.0 
*/
html.cegc,
.cegc.theme-light,
html[brand-theme=cegc],
html[brand-theme=cegc][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-active: #1c0328;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-inverted: #fffeff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-border-unchanged: #6b218d;
  --color-primary-border-unchanged-active: #1c0328;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3a0d4f;
  --color-primary-border-unchanged-selected: #3a0d4f;
  --color-primary-border-unchanged-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-active: #1c0328;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #ffffff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #ffffff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-shape-unchanged: #6b218d;
  --color-primary-shape-unchanged-active: #1c0328;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3a0d4f;
  --color-primary-shape-unchanged-inverted: #fffeff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3a0d4f;
  --color-primary-shape-unchanged-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-active: #1c0328;
  --color-primary-surface-alt: #581d74;
  --color-primary-surface-alt-active: #1c0328;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #3a0d4f;
  --color-primary-surface-alt-selected: #3a0d4f;
  --color-primary-surface-alt-selected-hover: #1c0328;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --color-primary-surface-discrete-active: #efd3fd;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #f7e5ff;
  --color-primary-surface-discrete-selected: #f7e5ff;
  --color-primary-surface-discrete-selected-hover: #efd3fd;
  --color-primary-surface-hover: #3a0d4f;
  --color-primary-surface-inverted: #6b218d;
  --color-primary-surface-inverted-active: #8927b8;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #7b25a4;
  --color-primary-surface-inverted-selected: #7b25a4;
  --color-primary-surface-inverted-selected-hover: #8927b8;
  --color-primary-surface-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-active: #1c0328;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #ffffff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #ffffff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-primary-text-unchanged-inverted: #fffeff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #666666;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:09 GMT
 */
/**
* version: 4.19.0 
*/
html.cegc.theme-dark,
.cegc.theme-dark,
html[brand-theme=cegc][color-theme=dark] {
  --color-primary-border: #e1c2ef;
  --color-primary-border-active: #f1e5f7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #f7f1fa;
  --color-primary-border-inverted: #49006c;
  --color-primary-border-inverted-active: #190025;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #2d0042;
  --color-primary-border-inverted-selected: #2d0042;
  --color-primary-border-inverted-selected-hover: #190025;
  --color-primary-border-selected: #f7f1fa;
  --color-primary-border-selected-hover: #fcf9fd;
  --color-primary-border-unchanged: #9426ca;
  --color-primary-border-unchanged-active: #49006c;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #670098;
  --color-primary-border-unchanged-selected: #670098;
  --color-primary-border-unchanged-selected-hover: #49006c;
  --color-primary-brand: #ae5bd6;
  --color-primary-shape: #e1c2ef;
  --color-primary-shape-active: #f1e5f7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #f7f1fa;
  --color-primary-shape-inverted: #0f0016;
  --color-primary-shape-inverted-active: #0f0016;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #0f0016;
  --color-primary-shape-inverted-selected: #0f0016;
  --color-primary-shape-inverted-selected-hover: #0f0016;
  --color-primary-shape-selected: #f7f1fa;
  --color-primary-shape-selected-hover: #fcf9fd;
  --color-primary-shape-unchanged: #9426ca;
  --color-primary-shape-unchanged-active: #49006c;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #670098;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #670098;
  --color-primary-shape-unchanged-selected-hover: #49006c;
  --color-primary-surface: #f1e5f7;
  --color-primary-surface-active: #fcf9fd;
  --color-primary-surface-alt: #f1e5f7;
  --color-primary-surface-alt-active: #fcf9fd;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #f7f1fa;
  --color-primary-surface-alt-selected: #f7f1fa;
  --color-primary-surface-alt-selected-hover: #fcf9fd;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #590083;
  --color-primary-surface-discrete-active: #7200a8;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #670098;
  --color-primary-surface-discrete-selected: #670098;
  --color-primary-surface-discrete-selected-hover: #7200a8;
  --color-primary-surface-hover: #f7f1fa;
  --color-primary-surface-inverted: #ead5f3;
  --color-primary-surface-inverted-active: #d6acea;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #e1c2ef;
  --color-primary-surface-inverted-selected: #e1c2ef;
  --color-primary-surface-inverted-selected-hover: #d6acea;
  --color-primary-surface-selected: #f7f1fa;
  --color-primary-surface-selected-hover: #fcf9fd;
  --color-primary-text: #e1c2ef;
  --color-primary-text-active: #f1e5f7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #f7f1fa;
  --color-primary-text-inverted: #0f0016;
  --color-primary-text-inverted-active: #0f0016;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #0f0016;
  --color-primary-text-inverted-selected: #0f0016;
  --color-primary-text-inverted-selected-hover: #0f0016;
  --color-primary-text-selected: #f7f1fa;
  --color-primary-text-selected-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:14 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-cooperatif,
.credit-cooperatif.theme-light,
html[brand-theme=credit-cooperatif],
html[brand-theme=credit-cooperatif][color-theme=light] {
  --color-primary-border: #c8102e;
  --color-primary-border-active: #770115;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #a6021d;
  --color-primary-border-inverted: #fceaed;
  --color-primary-border-inverted-active: #fffdfd;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fef8f9;
  --color-primary-border-inverted-selected: #fef8f9;
  --color-primary-border-inverted-selected-hover: #fffdfd;
  --color-primary-border-selected: #a6021d;
  --color-primary-border-selected-hover: #770115;
  --color-primary-border-unchanged: #770115;
  --color-primary-border-unchanged-active: #200005;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3f000b;
  --color-primary-border-unchanged-selected: #3f000b;
  --color-primary-border-unchanged-selected-hover: #200005;
  --color-primary-brand: #c8102e;
  --color-primary-shape: #c8102e;
  --color-primary-shape-active: #770115;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #a6021d;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fdf5f6;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fefcfc;
  --color-primary-shape-inverted-selected: #fefcfc;
  --color-primary-shape-inverted-selected-hover: #fdf5f6;
  --color-primary-shape-selected: #a6021d;
  --color-primary-shape-selected-hover: #770115;
  --color-primary-shape-unchanged: #770115;
  --color-primary-shape-unchanged-active: #200005;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3f000b;
  --color-primary-shape-unchanged-inverted: #fceaed;
  --color-primary-shape-unchanged-inverted-active: #fffdfd;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fef8f9;
  --color-primary-shape-unchanged-inverted-selected: #fef8f9;
  --color-primary-shape-unchanged-inverted-selected-hover: #fffdfd;
  --color-primary-shape-unchanged-selected: #3f000b;
  --color-primary-shape-unchanged-selected-hover: #200005;
  --color-primary-surface: #c8102e;
  --color-primary-surface-active: #770115;
  --color-primary-surface-alt: #c8102e;
  --color-primary-surface-alt-active: #770115;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #a6021d;
  --color-primary-surface-alt-selected: #a6021d;
  --color-primary-surface-alt-selected-hover: #770115;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fdf5f6;
  --color-primary-surface-discrete-active: #fadce1;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #fceaed;
  --color-primary-surface-discrete-selected: #fceaed;
  --color-primary-surface-discrete-selected-hover: #fadce1;
  --color-primary-surface-hover: #a6021d;
  --color-primary-surface-inverted: #770115;
  --color-primary-surface-inverted-active: #a6021d;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #900219;
  --color-primary-surface-inverted-selected: #900219;
  --color-primary-surface-inverted-selected-hover: #a6021d;
  --color-primary-surface-selected: #a6021d;
  --color-primary-surface-selected-hover: #770115;
  --color-primary-text: #c8102e;
  --color-primary-text-active: #770115;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #a6021d;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fdf5f6;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fefcfc;
  --color-primary-text-inverted-selected: #fefcfc;
  --color-primary-text-inverted-selected-hover: #fdf5f6;
  --color-primary-text-selected: #a6021d;
  --color-primary-text-selected-hover: #770115;
  --color-primary-text-unchanged-inverted: #fceaed;
  --color-primary-text-unchanged-inverted-active: #fffdfd;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fef8f9;
  --color-primary-text-unchanged-inverted-selected: #fef8f9;
  --color-primary-text-unchanged-inverted-selected-hover: #fffdfd;
  --color-secondary-brand: #d14905;
  --color-tertiary-brand: #f7f2ea;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:17 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-cooperatif.theme-dark,
.credit-cooperatif.theme-dark,
html[brand-theme=credit-cooperatif][color-theme=dark] {
  --color-primary-border: #fd8ea0;
  --color-primary-border-active: #ffe2e7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ffbfca;
  --color-primary-border-inverted: #7c0216;
  --color-primary-border-inverted-active: #280007;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #4c010d;
  --color-primary-border-inverted-selected: #4c010d;
  --color-primary-border-inverted-selected-hover: #280007;
  --color-primary-border-selected: #ffbfca;
  --color-primary-border-selected-hover: #ffe2e7;
  --color-primary-border-unchanged: #e21638;
  --color-primary-border-unchanged-active: #7c0216;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #af0320;
  --color-primary-border-unchanged-selected: #af0320;
  --color-primary-border-unchanged-selected-hover: #7c0216;
  --color-primary-brand: #ee3352;
  --color-primary-shape: #fd8ea0;
  --color-primary-shape-active: #ffe2e7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ffbfca;
  --color-primary-shape-inverted: #160004;
  --color-primary-shape-inverted-active: #5d0110;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #3a000a;
  --color-primary-shape-inverted-selected: #3a000a;
  --color-primary-shape-inverted-selected-hover: #5d0110;
  --color-primary-shape-selected: #ffbfca;
  --color-primary-shape-selected-hover: #ffe2e7;
  --color-primary-shape-unchanged: #e21638;
  --color-primary-shape-unchanged-active: #7c0216;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #af0320;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fffcfd;
  --color-primary-shape-unchanged-inverted-selected: #fffcfd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #af0320;
  --color-primary-shape-unchanged-selected-hover: #7c0216;
  --color-primary-surface: #fd8ea0;
  --color-primary-surface-active: #ffe2e7;
  --color-primary-surface-alt: #fd8ea0;
  --color-primary-surface-alt-active: #ffe2e7;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #ffbfca;
  --color-primary-surface-alt-selected: #ffbfca;
  --color-primary-surface-alt-selected-hover: #ffe2e7;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #5d0110;
  --color-primary-surface-discrete-active: #97021b;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #7c0216;
  --color-primary-surface-discrete-selected: #7c0216;
  --color-primary-surface-discrete-selected-hover: #97021b;
  --color-primary-surface-hover: #ffbfca;
  --color-primary-surface-inverted: #ffe2e7;
  --color-primary-surface-inverted-active: #ffbfca;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #ffd3da;
  --color-primary-surface-inverted-selected: #ffd3da;
  --color-primary-surface-inverted-selected-hover: #ffbfca;
  --color-primary-surface-selected: #ffbfca;
  --color-primary-surface-selected-hover: #ffe2e7;
  --color-primary-text: #fd8ea0;
  --color-primary-text-active: #ffe2e7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ffbfca;
  --color-primary-text-inverted: #160004;
  --color-primary-text-inverted-active: #5d0110;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #3a000a;
  --color-primary-text-inverted-selected: #3a000a;
  --color-primary-text-inverted-selected-hover: #5d0110;
  --color-primary-text-selected: #ffbfca;
  --color-primary-text-selected-hover: #ffe2e7;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fffcfd;
  --color-primary-text-unchanged-inverted-selected: #fffcfd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #ec6919;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:22 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-foncier,
.credit-foncier.theme-light,
html[brand-theme=credit-foncier],
html[brand-theme=credit-foncier][color-theme=light] {
  --color-primary-border: #007988;
  --color-primary-border-active: #00353c;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004d57;
  --color-primary-border-inverted: #e6f6f9;
  --color-primary-border-inverted-active: #fcfefe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f5fbfc;
  --color-primary-border-inverted-selected: #f5fbfc;
  --color-primary-border-inverted-selected-hover: #fcfefe;
  --color-primary-border-selected: #004d57;
  --color-primary-border-selected-hover: #00353c;
  --color-primary-border-unchanged: #006471;
  --color-primary-border-unchanged-active: #001b1e;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00353c;
  --color-primary-border-unchanged-selected: #00353c;
  --color-primary-border-unchanged-selected-hover: #001b1e;
  --color-primary-brand: #007988;
  --color-primary-shape: #007988;
  --color-primary-shape-active: #00353c;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004d57;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f1fafb;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fafdfd;
  --color-primary-shape-inverted-selected: #fafdfd;
  --color-primary-shape-inverted-selected-hover: #f1fafb;
  --color-primary-shape-selected: #004d57;
  --color-primary-shape-selected-hover: #00353c;
  --color-primary-shape-unchanged: #006471;
  --color-primary-shape-unchanged-active: #001b1e;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #00353c;
  --color-primary-shape-unchanged-inverted: #e6f6f9;
  --color-primary-shape-unchanged-inverted-active: #fcfefe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f5fbfc;
  --color-primary-shape-unchanged-inverted-selected: #f5fbfc;
  --color-primary-shape-unchanged-inverted-selected-hover: #fcfefe;
  --color-primary-shape-unchanged-selected: #00353c;
  --color-primary-shape-unchanged-selected-hover: #001b1e;
  --color-primary-surface: #007988;
  --color-primary-surface-active: #00353c;
  --color-primary-surface-alt: #007988;
  --color-primary-surface-alt-active: #00353c;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #004d57;
  --color-primary-surface-alt-selected: #004d57;
  --color-primary-surface-alt-selected-hover: #00353c;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f1fafb;
  --color-primary-surface-discrete-active: #d7f3f6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #e6f6f9;
  --color-primary-surface-discrete-selected: #e6f6f9;
  --color-primary-surface-discrete-selected-hover: #d7f3f6;
  --color-primary-surface-hover: #004d57;
  --color-primary-surface-inverted: #006471;
  --color-primary-surface-inverted-active: #008c9d;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #007988;
  --color-primary-surface-inverted-selected: #007988;
  --color-primary-surface-inverted-selected-hover: #008c9d;
  --color-primary-surface-selected: #004d57;
  --color-primary-surface-selected-hover: #00353c;
  --color-primary-text: #007988;
  --color-primary-text-active: #00353c;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004d57;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f1fafb;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fafdfd;
  --color-primary-text-inverted-selected: #fafdfd;
  --color-primary-text-inverted-selected-hover: #f1fafb;
  --color-primary-text-selected: #004d57;
  --color-primary-text-selected-hover: #00353c;
  --color-primary-text-unchanged-inverted: #e6f6f9;
  --color-primary-text-unchanged-inverted-active: #fcfefe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f5fbfc;
  --color-primary-text-unchanged-inverted-selected: #f5fbfc;
  --color-primary-text-unchanged-inverted-selected-hover: #fcfefe;
  --color-secondary-brand: #e30613;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:25 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-foncier.theme-dark,
.credit-foncier.theme-dark,
html[brand-theme=credit-foncier][color-theme=dark] {
  --color-primary-border: #9be7f1;
  --color-primary-border-active: #c9f3f8;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #eafafc;
  --color-primary-border-inverted: #00636f;
  --color-primary-border-inverted-active: #002125;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #003d44;
  --color-primary-border-inverted-selected: #003d44;
  --color-primary-border-inverted-selected-hover: #002125;
  --color-primary-border-selected: #eafafc;
  --color-primary-border-selected-hover: #f4fcfe;
  --color-primary-border-unchanged: #007988;
  --color-primary-border-unchanged-active: #002125;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #002f35;
  --color-primary-border-unchanged-selected: #002f35;
  --color-primary-border-unchanged-selected-hover: #002125;
  --color-primary-brand: #008c9d;
  --color-primary-shape: #9be7f1;
  --color-primary-shape-active: #c9f3f8;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #eafafc;
  --color-primary-shape-inverted: #001316;
  --color-primary-shape-inverted-active: #004a53;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #002f35;
  --color-primary-shape-inverted-selected: #002f35;
  --color-primary-shape-inverted-selected-hover: #004a53;
  --color-primary-shape-selected: #eafafc;
  --color-primary-shape-selected-hover: #f4fcfe;
  --color-primary-shape-unchanged: #007988;
  --color-primary-shape-unchanged-active: #002125;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #002f35;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fbfefe;
  --color-primary-shape-unchanged-inverted-selected: #fbfefe;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #002f35;
  --color-primary-shape-unchanged-selected-hover: #002125;
  --color-primary-surface: #c9f3f8;
  --color-primary-surface-active: #f4fcfe;
  --color-primary-surface-alt: #c9f3f8;
  --color-primary-surface-alt-active: #f4fcfe;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #eafafc;
  --color-primary-surface-alt-selected: #eafafc;
  --color-primary-surface-alt-selected-hover: #f4fcfe;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #004a53;
  --color-primary-surface-discrete-active: #007988;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #00636f;
  --color-primary-surface-discrete-selected: #00636f;
  --color-primary-surface-discrete-selected-hover: #007988;
  --color-primary-surface-hover: #eafafc;
  --color-primary-surface-inverted: #dbf7fa;
  --color-primary-surface-inverted-active: #b4edf5;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #c9f3f8;
  --color-primary-surface-inverted-selected: #c9f3f8;
  --color-primary-surface-inverted-selected-hover: #b4edf5;
  --color-primary-surface-selected: #eafafc;
  --color-primary-surface-selected-hover: #f4fcfe;
  --color-primary-text: #9be7f1;
  --color-primary-text-active: #c9f3f8;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #eafafc;
  --color-primary-text-inverted: #001316;
  --color-primary-text-inverted-active: #004a53;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #002f35;
  --color-primary-text-inverted-selected: #002f35;
  --color-primary-text-inverted-selected-hover: #004a53;
  --color-primary-text-selected: #eafafc;
  --color-primary-text-selected-hover: #f4fcfe;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fbfefe;
  --color-primary-text-unchanged-inverted-selected: #fbfefe;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #f91d2a;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:30 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-maritime,
.credit-maritime.theme-light,
html[brand-theme=credit-maritime],
html[brand-theme=credit-maritime][color-theme=light] {
  --color-primary-border: #0061a1;
  --color-primary-border-active: #00253d;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004674;
  --color-primary-border-inverted: #e7f2fa;
  --color-primary-border-inverted-active: #fdfefe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #f6fafd;
  --color-primary-border-inverted-selected: #f6fafd;
  --color-primary-border-inverted-selected-hover: #fdfefe;
  --color-primary-border-selected: #004674;
  --color-primary-border-selected-hover: #00253d;
  --color-primary-border-unchanged: #004674;
  --color-primary-border-unchanged-active: #00131f;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #00253d;
  --color-primary-border-unchanged-selected: #00253d;
  --color-primary-border-unchanged-selected-hover: #00131f;
  --color-primary-brand: #0061a1;
  --color-primary-shape: #0061a1;
  --color-primary-shape-active: #00253d;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004674;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #f2f8fc;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fafcfd;
  --color-primary-shape-inverted-selected: #fafcfd;
  --color-primary-shape-inverted-selected-hover: #f2f8fc;
  --color-primary-shape-selected: #004674;
  --color-primary-shape-selected-hover: #00253d;
  --color-primary-shape-unchanged: #004674;
  --color-primary-shape-unchanged-active: #00131f;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #00253d;
  --color-primary-shape-unchanged-inverted: #e7f2fa;
  --color-primary-shape-unchanged-inverted-active: #fdfefe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #f6fafd;
  --color-primary-shape-unchanged-inverted-selected: #f6fafd;
  --color-primary-shape-unchanged-inverted-selected-hover: #fdfefe;
  --color-primary-shape-unchanged-selected: #00253d;
  --color-primary-shape-unchanged-selected-hover: #00131f;
  --color-primary-surface: #0061a1;
  --color-primary-surface-active: #00253d;
  --color-primary-surface-alt: #0061a1;
  --color-primary-surface-alt-active: #00253d;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #004674;
  --color-primary-surface-alt-selected: #004674;
  --color-primary-surface-alt-selected-hover: #00253d;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f2f8fc;
  --color-primary-surface-discrete-active: #d8ebf7;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #e7f2fa;
  --color-primary-surface-discrete-selected: #e7f2fa;
  --color-primary-surface-discrete-selected-hover: #d8ebf7;
  --color-primary-surface-hover: #004674;
  --color-primary-surface-inverted: #004674;
  --color-primary-surface-inverted-active: #0061a1;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #00548c;
  --color-primary-surface-inverted-selected: #00548c;
  --color-primary-surface-inverted-selected-hover: #0061a1;
  --color-primary-surface-selected: #004674;
  --color-primary-surface-selected-hover: #00253d;
  --color-primary-text: #0061a1;
  --color-primary-text-active: #00253d;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004674;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #f2f8fc;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fafcfd;
  --color-primary-text-inverted-selected: #fafcfd;
  --color-primary-text-inverted-selected-hover: #f2f8fc;
  --color-primary-text-selected: #004674;
  --color-primary-text-selected-hover: #00253d;
  --color-primary-text-unchanged-inverted: #e7f2fa;
  --color-primary-text-unchanged-inverted-active: #fdfefe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #f6fafd;
  --color-primary-text-unchanged-inverted-selected: #f6fafd;
  --color-primary-text-unchanged-inverted-selected-hover: #fdfefe;
  --color-secondary-brand: #0091cc;
  --color-tertiary-brand: #ebf6fb;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:34 GMT
 */
/**
* version: 4.19.0 
*/
html.credit-maritime.theme-dark,
.credit-maritime.theme-dark,
html[brand-theme=credit-maritime][color-theme=dark] {
  --color-primary-border: #b0ddfb;
  --color-primary-border-active: #f2faff;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #d9f0ff;
  --color-primary-border-inverted: #004678;
  --color-primary-border-inverted-active: #001727;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #002b49;
  --color-primary-border-inverted-selected: #002b49;
  --color-primary-border-inverted-selected-hover: #001727;
  --color-primary-border-selected: #d9f0ff;
  --color-primary-border-selected-hover: #f2faff;
  --color-primary-border-unchanged: #0076cc;
  --color-primary-border-unchanged-active: #00355a;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #005592;
  --color-primary-border-unchanged-selected: #005592;
  --color-primary-border-unchanged-selected-hover: #00355a;
  --color-primary-brand: #0083d9;
  --color-primary-shape: #b0ddfb;
  --color-primary-shape-active: #f2faff;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #d9f0ff;
  --color-primary-shape-inverted: #000d16;
  --color-primary-shape-inverted-active: #00355a;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #002238;
  --color-primary-shape-inverted-selected: #002238;
  --color-primary-shape-inverted-selected-hover: #00355a;
  --color-primary-shape-selected: #d9f0ff;
  --color-primary-shape-selected-hover: #f2faff;
  --color-primary-shape-unchanged: #0076cc;
  --color-primary-shape-unchanged-active: #00355a;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #005592;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fafdff;
  --color-primary-shape-unchanged-inverted-selected: #fafdff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #005592;
  --color-primary-shape-unchanged-selected-hover: #00355a;
  --color-primary-surface: #b0ddfb;
  --color-primary-surface-active: #f2faff;
  --color-primary-surface-alt: #b0ddfb;
  --color-primary-surface-alt-active: #f2faff;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #d9f0ff;
  --color-primary-surface-alt-selected: #d9f0ff;
  --color-primary-surface-alt-selected-hover: #f2faff;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #00355a;
  --color-primary-surface-discrete-active: #005592;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #004678;
  --color-primary-surface-discrete-selected: #004678;
  --color-primary-surface-discrete-selected-hover: #005592;
  --color-primary-surface-hover: #d9f0ff;
  --color-primary-surface-inverted: #d9f0ff;
  --color-primary-surface-inverted-active: #b0ddfb;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #c7e8fd;
  --color-primary-surface-inverted-selected: #c7e8fd;
  --color-primary-surface-inverted-selected-hover: #b0ddfb;
  --color-primary-surface-selected: #d9f0ff;
  --color-primary-surface-selected-hover: #f2faff;
  --color-primary-text: #b0ddfb;
  --color-primary-text-active: #f2faff;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #d9f0ff;
  --color-primary-text-inverted: #000d16;
  --color-primary-text-inverted-active: #00355a;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #002238;
  --color-primary-text-inverted-selected: #002238;
  --color-primary-text-inverted-selected-hover: #00355a;
  --color-primary-text-selected: #d9f0ff;
  --color-primary-text-selected-hover: #f2faff;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fafdff;
  --color-primary-text-unchanged-inverted-selected: #fafdff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #0091cc;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:38 GMT
 */
/**
* version: 4.19.0 
*/
html.jpm,
.jpm.theme-light,
html[brand-theme=jpm],
html[brand-theme=jpm][color-theme=light] {
  --color-primary-border: #333333;
  --color-primary-border-active: #1a1a1a;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #6b6b6b;
  --color-primary-border-inverted: #f7f7f7;
  --color-primary-border-inverted-active: #fefefe;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #fbfbfb;
  --color-primary-border-inverted-selected: #fbfbfb;
  --color-primary-border-inverted-selected-hover: #fefefe;
  --color-primary-border-selected: #6b6b6b;
  --color-primary-border-selected-hover: #1a1a1a;
  --color-primary-border-unchanged: #6b6b6b;
  --color-primary-border-unchanged-active: #1a1a1a;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #333333;
  --color-primary-border-unchanged-selected: #333333;
  --color-primary-border-unchanged-selected-hover: #1a1a1a;
  --color-primary-brand: #333333;
  --color-primary-shape: #333333;
  --color-primary-shape-active: #1a1a1a;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #6b6b6b;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fafafa;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fcfcfc;
  --color-primary-shape-inverted-selected: #fcfcfc;
  --color-primary-shape-inverted-selected-hover: #fafafa;
  --color-primary-shape-selected: #6b6b6b;
  --color-primary-shape-selected-hover: #1a1a1a;
  --color-primary-shape-unchanged: #6b6b6b;
  --color-primary-shape-unchanged-active: #1a1a1a;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #333333;
  --color-primary-shape-unchanged-inverted: #f7f7f7;
  --color-primary-shape-unchanged-inverted-active: #fefefe;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fbfbfb;
  --color-primary-shape-unchanged-inverted-selected: #fbfbfb;
  --color-primary-shape-unchanged-inverted-selected-hover: #fefefe;
  --color-primary-shape-unchanged-selected: #333333;
  --color-primary-shape-unchanged-selected-hover: #1a1a1a;
  --color-primary-surface: #333333;
  --color-primary-surface-active: #1a1a1a;
  --color-primary-surface-alt: #333333;
  --color-primary-surface-alt-active: #1a1a1a;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #6b6b6b;
  --color-primary-surface-alt-selected: #6b6b6b;
  --color-primary-surface-alt-selected-hover: #1a1a1a;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f5f5f5;
  --color-primary-surface-discrete-active: #e3e3e3;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #eeeeee;
  --color-primary-surface-discrete-selected: #eeeeee;
  --color-primary-surface-discrete-selected-hover: #e3e3e3;
  --color-primary-surface-hover: #6b6b6b;
  --color-primary-surface-inverted: #6b6b6b;
  --color-primary-surface-inverted-active: #9a9a9a;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #848484;
  --color-primary-surface-inverted-selected: #848484;
  --color-primary-surface-inverted-selected-hover: #9a9a9a;
  --color-primary-surface-selected: #6b6b6b;
  --color-primary-surface-selected-hover: #1a1a1a;
  --color-primary-text: #333333;
  --color-primary-text-active: #1a1a1a;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #6b6b6b;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fafafa;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fcfcfc;
  --color-primary-text-inverted-selected: #fcfcfc;
  --color-primary-text-inverted-selected-hover: #fafafa;
  --color-primary-text-selected: #6b6b6b;
  --color-primary-text-selected-hover: #1a1a1a;
  --color-primary-text-unchanged-inverted: #f7f7f7;
  --color-primary-text-unchanged-inverted-active: #fefefe;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fbfbfb;
  --color-primary-text-unchanged-inverted-selected: #fbfbfb;
  --color-primary-text-unchanged-inverted-selected-hover: #fefefe;
  --color-secondary-brand: #cba052;
  --color-tertiary-brand: #f5f5f5;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:42 GMT
 */
/**
* version: 4.19.0 
*/
html.jpm.theme-dark,
.jpm.theme-dark,
html[brand-theme=jpm][color-theme=dark] {
  --color-primary-border: #fdfdfd;
  --color-primary-border-active: #ffffff;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #fbfbfb;
  --color-primary-border-inverted: #7f7f7f;
  --color-primary-border-inverted-active: #292929;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #4e4e4e;
  --color-primary-border-inverted-selected: #4e4e4e;
  --color-primary-border-inverted-selected-hover: #292929;
  --color-primary-border-selected: #fbfbfb;
  --color-primary-border-selected-hover: #ffffff;
  --color-primary-border-unchanged: #606060;
  --color-primary-border-unchanged-active: #292929;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3b3b3b;
  --color-primary-border-unchanged-selected: #3b3b3b;
  --color-primary-border-unchanged-selected-hover: #292929;
  --color-primary-brand: #7f7f7f;
  --color-primary-shape: #fdfdfd;
  --color-primary-shape-active: #ffffff;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #fbfbfb;
  --color-primary-shape-inverted: #161616;
  --color-primary-shape-inverted-active: #606060;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fcfcfc;
  --color-primary-shape-inverted-selected: #fcfcfc;
  --color-primary-shape-inverted-selected-hover: #606060;
  --color-primary-shape-selected: #fbfbfb;
  --color-primary-shape-selected-hover: #ffffff;
  --color-primary-shape-unchanged: #606060;
  --color-primary-shape-unchanged-active: #292929;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #3b3b3b;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3b3b3b;
  --color-primary-shape-unchanged-selected-hover: #292929;
  --color-primary-surface: #ffffff;
  --color-primary-surface-active: #ffffff;
  --color-primary-surface-alt: #ffffff;
  --color-primary-surface-alt-active: #ffffff;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #fefefe;
  --color-primary-surface-alt-selected: #fefefe;
  --color-primary-surface-alt-selected-hover: #ffffff;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #606060;
  --color-primary-surface-discrete-active: #989898;
  --color-primary-surface-discrete-disabled: #f7f7f7;
  --color-primary-surface-discrete-hover: #606060;
  --color-primary-surface-discrete-selected: #606060;
  --color-primary-surface-discrete-selected-hover: #989898;
  --color-primary-surface-hover: #fefefe;
  --color-primary-surface-inverted: #fefefe;
  --color-primary-surface-inverted-active: #fbfbfb;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #fdfdfd;
  --color-primary-surface-inverted-selected: #fdfdfd;
  --color-primary-surface-inverted-selected-hover: #fbfbfb;
  --color-primary-surface-selected: #fefefe;
  --color-primary-surface-selected-hover: #ffffff;
  --color-primary-text: #fdfdfd;
  --color-primary-text-active: #ffffff;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #fbfbfb;
  --color-primary-text-inverted: #161616;
  --color-primary-text-inverted-active: #606060;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #fcfcfc;
  --color-primary-text-inverted-selected: #fcfcfc;
  --color-primary-text-inverted-selected-hover: #606060;
  --color-primary-text-selected: #fbfbfb;
  --color-primary-text-selected-hover: #ffffff;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #cba052;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:47 GMT
 */
/**
* version: 4.19.0 
*/
html.natixis,
.natixis.theme-light,
html[brand-theme=natixis],
html[brand-theme=natixis][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-active: #1c0328;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-inverted: #fffeff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-border-unchanged: #6b218d;
  --color-primary-border-unchanged-active: #1c0328;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3a0d4f;
  --color-primary-border-unchanged-selected: #3a0d4f;
  --color-primary-border-unchanged-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-active: #1c0328;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #fffeff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #fffeff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-shape-unchanged: #6b218d;
  --color-primary-shape-unchanged-active: #1c0328;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3a0d4f;
  --color-primary-shape-unchanged-inverted: #fffeff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3a0d4f;
  --color-primary-shape-unchanged-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-active: #1c0328;
  --color-primary-surface-alt: #581d74;
  --color-primary-surface-alt-active: #1c0328;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #3a0d4f;
  --color-primary-surface-alt-selected: #3a0d4f;
  --color-primary-surface-alt-selected-hover: #1c0328;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --color-primary-surface-discrete-active: #dba3f6;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #efd3fd;
  --color-primary-surface-discrete-selected: #efd3fd;
  --color-primary-surface-discrete-selected-hover: #dba3f6;
  --color-primary-surface-hover: #3a0d4f;
  --color-primary-surface-inverted: #6b218d;
  --color-primary-surface-inverted-active: #8927b8;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #7b25a4;
  --color-primary-surface-inverted-selected: #7b25a4;
  --color-primary-surface-inverted-selected-hover: #8927b8;
  --color-primary-surface-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-active: #1c0328;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #fffeff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #fffeff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-primary-text-unchanged-inverted: #fffeff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #ae1580;
  --color-tertiary-brand: #666666;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:16:50 GMT
 */
/**
* version: 4.19.0 
*/
html.natixis.theme-dark,
.natixis.theme-dark,
html[brand-theme=natixis][color-theme=dark] {
  --color-primary-border: #e1c2ef;
  --color-primary-border-active: #f1e5f7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #f7f1fa;
  --color-primary-border-inverted: #49006c;
  --color-primary-border-inverted-active: #190025;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #2d0042;
  --color-primary-border-inverted-selected: #2d0042;
  --color-primary-border-inverted-selected-hover: #190025;
  --color-primary-border-selected: #f7f1fa;
  --color-primary-border-selected-hover: #fcf9fd;
  --color-primary-border-unchanged: #a240d1;
  --color-primary-border-unchanged-active: #49006c;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #670098;
  --color-primary-border-unchanged-selected: #670098;
  --color-primary-border-unchanged-selected-hover: #370050;
  --color-primary-brand: #ae5bd6;
  --color-primary-shape: #e1c2ef;
  --color-primary-shape-active: #f1e5f7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #f7f1fa;
  --color-primary-shape-inverted: #0f0016;
  --color-primary-shape-inverted-active: #49006c;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #0f0016;
  --color-primary-shape-inverted-selected: #0f0016;
  --color-primary-shape-inverted-selected-hover: #49006c;
  --color-primary-shape-selected: #f7f1fa;
  --color-primary-shape-selected-hover: #fcf9fd;
  --color-primary-shape-unchanged: #a240d1;
  --color-primary-shape-unchanged-active: #49006c;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #670098;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #670098;
  --color-primary-shape-unchanged-selected-hover: #49006c;
  --color-primary-surface: #f1e5f7;
  --color-primary-surface-active: #fcf9fd;
  --color-primary-surface-alt: #f1e5f7;
  --color-primary-surface-alt-active: #fcf9fd;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #f7f1fa;
  --color-primary-surface-alt-selected: #f7f1fa;
  --color-primary-surface-alt-selected-hover: #fcf9fd;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #590083;
  --color-primary-surface-discrete-active: #870ec1;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #7200a8;
  --color-primary-surface-discrete-selected: #7200a8;
  --color-primary-surface-discrete-selected-hover: #870ec1;
  --color-primary-surface-hover: #f7f1fa;
  --color-primary-surface-inverted: #ead5f3;
  --color-primary-surface-inverted-active: #d6acea;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #e1c2ef;
  --color-primary-surface-inverted-selected: #e1c2ef;
  --color-primary-surface-inverted-selected-hover: #d6acea;
  --color-primary-surface-selected: #f7f1fa;
  --color-primary-surface-selected-hover: #fcf9fd;
  --color-primary-text: #e1c2ef;
  --color-primary-text-active: #f1e5f7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #f7f1fa;
  --color-primary-text-inverted: #0f0016;
  --color-primary-text-inverted-active: #49006c;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #0f0016;
  --color-primary-text-inverted-selected: #0f0016;
  --color-primary-text-inverted-selected-hover: #49006c;
  --color-primary-text-selected: #f7f1fa;
  --color-primary-text-selected-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #e528ac;
  --color-tertiary-brand: #161616;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:17:12 GMT
 */
/**
* version: 4.19.0 
*/
html.socfim,
.socfim.theme-light,
html[brand-theme=socfim],
html[brand-theme=socfim][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-active: #1c0328;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-inverted: #fffeff;
  --color-primary-border-inverted-active: #ffffff;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #ffffff;
  --color-primary-border-inverted-selected: #ffffff;
  --color-primary-border-inverted-selected-hover: #ffffff;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-border-unchanged: #6b218d;
  --color-primary-border-unchanged-active: #1c0328;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #3a0d4f;
  --color-primary-border-unchanged-selected: #3a0d4f;
  --color-primary-border-unchanged-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-active: #1c0328;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-active: #ffffff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #ffffff;
  --color-primary-shape-inverted-selected: #ffffff;
  --color-primary-shape-inverted-selected-hover: #ffffff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-shape-unchanged: #6b218d;
  --color-primary-shape-unchanged-active: #1c0328;
  --color-primary-shape-unchanged-disabled: #bebebe;
  --color-primary-shape-unchanged-hover: #3a0d4f;
  --color-primary-shape-unchanged-inverted: #fffeff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #ffffff;
  --color-primary-shape-unchanged-inverted-selected: #ffffff;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #3a0d4f;
  --color-primary-shape-unchanged-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-active: #1c0328;
  --color-primary-surface-alt: #581d74;
  --color-primary-surface-alt-active: #1c0328;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #3a0d4f;
  --color-primary-surface-alt-selected: #3a0d4f;
  --color-primary-surface-alt-selected-hover: #1c0328;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --color-primary-surface-discrete-active: #efd3fd;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #f7e5ff;
  --color-primary-surface-discrete-selected: #f7e5ff;
  --color-primary-surface-discrete-selected-hover: #efd3fd;
  --color-primary-surface-hover: #3a0d4f;
  --color-primary-surface-inverted: #6b218d;
  --color-primary-surface-inverted-active: #8927b8;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #7b25a4;
  --color-primary-surface-inverted-selected: #7b25a4;
  --color-primary-surface-inverted-selected-hover: #8927b8;
  --color-primary-surface-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-active: #1c0328;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-active: #ffffff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #ffffff;
  --color-primary-text-inverted-selected: #ffffff;
  --color-primary-text-inverted-selected-hover: #ffffff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-primary-text-unchanged-inverted: #fffeff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #ffffff;
  --color-primary-text-unchanged-inverted-selected: #ffffff;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #666666;
  --color-tertiary-brand: #e7d5e7;
  --component-button-l-size-padding-horizontal: 16px;
  --component-button-l-size-radius: 4px;
  --component-button-m-size-padding-horizontal: 12px;
  --component-button-m-size-radius: 4px;
  --component-button-s-size-padding-horizontal: 12px;
  --component-button-s-size-radius: 2px;
  --component-card-l-size-padding: 24px;
  --component-card-l-size-radius: 4px;
  --component-card-m-size-padding: 16px;
  --component-card-m-size-radius: 4px;
  --component-card-s-size-padding: 8px;
  --component-card-s-size-radius: 4px;
  --component-dialog-size-overlay-blur: 24px;
  --component-tile-l-size-padding: 24px;
  --component-tile-l-size-radius: 4px;
  --component-tile-m-size-padding: 16px;
  --component-tile-m-size-radius: 4px;
  --component-tile-s-size-padding: 8px;
  --component-tile-s-size-radius: 4px;
}

/**
 * Do not edit directly
 * Generated on Tue, 24 Jun 2025 07:17:15 GMT
 */
/**
* version: 4.19.0 
*/
html.socfim.theme-dark,
.socfim.theme-dark,
html[brand-theme=socfim][color-theme=dark] {
  --color-primary-border: #e1c2ef;
  --color-primary-border-active: #f1e5f7;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #f7f1fa;
  --color-primary-border-inverted: #49006c;
  --color-primary-border-inverted-active: #190025;
  --color-primary-border-inverted-disabled: #bebebe;
  --color-primary-border-inverted-hover: #2d0042;
  --color-primary-border-inverted-selected: #2d0042;
  --color-primary-border-inverted-selected-hover: #190025;
  --color-primary-border-selected: #f7f1fa;
  --color-primary-border-selected-hover: #fcf9fd;
  --color-primary-border-unchanged: #a240d1;
  --color-primary-border-unchanged-active: #7200a8;
  --color-primary-border-unchanged-disabled: #efefef;
  --color-primary-border-unchanged-hover: #670098;
  --color-primary-border-unchanged-selected: #670098;
  --color-primary-border-unchanged-selected-hover: #7200a8;
  --color-primary-brand: #ae5bd6;
  --color-primary-shape: #e1c2ef;
  --color-primary-shape-active: #f1e5f7;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #f7f1fa;
  --color-primary-shape-inverted: #0f0016;
  --color-primary-shape-inverted-active: #0f0016;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #0f0016;
  --color-primary-shape-inverted-selected: #0f0016;
  --color-primary-shape-inverted-selected-hover: #0f0016;
  --color-primary-shape-selected: #f7f1fa;
  --color-primary-shape-selected-hover: #fcf9fd;
  --color-primary-shape-unchanged: #a240d1;
  --color-primary-shape-unchanged-active: #49006c;
  --color-primary-shape-unchanged-disabled: #efefef;
  --color-primary-shape-unchanged-hover: #670098;
  --color-primary-shape-unchanged-inverted: #ffffff;
  --color-primary-shape-unchanged-inverted-active: #ffffff;
  --color-primary-shape-unchanged-inverted-disabled: #bebebe;
  --color-primary-shape-unchanged-inverted-hover: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected: #fcf9fd;
  --color-primary-shape-unchanged-inverted-selected-hover: #ffffff;
  --color-primary-shape-unchanged-selected: #670098;
  --color-primary-shape-unchanged-selected-hover: #49006c;
  --color-primary-surface: #f1e5f7;
  --color-primary-surface-active: #fcf9fd;
  --color-primary-surface-alt: #f1e5f7;
  --color-primary-surface-alt-active: #fcf9fd;
  --color-primary-surface-alt-disabled: #efefef;
  --color-primary-surface-alt-hover: #f7f1fa;
  --color-primary-surface-alt-selected: #f7f1fa;
  --color-primary-surface-alt-selected-hover: #fcf9fd;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #590083;
  --color-primary-surface-discrete-active: #7200a8;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #670098;
  --color-primary-surface-discrete-selected: #670098;
  --color-primary-surface-discrete-selected-hover: #7200a8;
  --color-primary-surface-hover: #f7f1fa;
  --color-primary-surface-inverted: #ead5f3;
  --color-primary-surface-inverted-active: #d6acea;
  --color-primary-surface-inverted-disabled: #efefef;
  --color-primary-surface-inverted-hover: #e1c2ef;
  --color-primary-surface-inverted-selected: #e1c2ef;
  --color-primary-surface-inverted-selected-hover: #d6acea;
  --color-primary-surface-selected: #f7f1fa;
  --color-primary-surface-selected-hover: #fcf9fd;
  --color-primary-text: #e1c2ef;
  --color-primary-text-active: #f1e5f7;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #f7f1fa;
  --color-primary-text-inverted: #0f0016;
  --color-primary-text-inverted-active: #0f0016;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #0f0016;
  --color-primary-text-inverted-selected: #0f0016;
  --color-primary-text-inverted-selected-hover: #0f0016;
  --color-primary-text-selected: #f7f1fa;
  --color-primary-text-selected-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted: #ffffff;
  --color-primary-text-unchanged-inverted-active: #ffffff;
  --color-primary-text-unchanged-inverted-disabled: #bebebe;
  --color-primary-text-unchanged-inverted-hover: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected: #fcf9fd;
  --color-primary-text-unchanged-inverted-selected-hover: #ffffff;
  --color-secondary-brand: #7f7f7f;
  --color-tertiary-brand: #161616;
}

/* v6.30.0 */
@font-face {
  font-family: "symbols_89C3";
  src: url('symbols_89C3.cc34ab260198e956.eot');
  src: url('symbols_89C3.cc34ab260198e956.eot?#iefix') format("eot"), url('symbols_89C3.1910fb8b70b178f3.woff2') format("woff2"), url('symbols_89C3.7c909cd09c49be73.woff') format("woff"), url('symbols_89C3.8bb0156eaafcfbcb.ttf') format("truetype"), url('symbols_89C3.dbf37593ea87e16d.svg#symbols_89C3') format("svg");
  font-weight: normal;
  font-style: normal;
}
.neo-icon:before {
  display: inline-block;
  font-family: "symbols_89C3";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.neo-icon.accessibility:before {
  content: "\ea84";
}

.neo-icon.add:before {
  content: "\ea01";
}

.neo-icon.administration:before {
  content: "\eac6";
}

.neo-icon.alert:before {
  content: "\ea3a";
}

.neo-icon.alert-active:before {
  content: "\ea75";
}

.neo-icon.app-facebook:before {
  content: "\ea3b";
}

.neo-icon.app-instagram:before {
  content: "\ea71";
}

.neo-icon.app-linkedin:before {
  content: "\ea6f";
}

.neo-icon.app-pinterest:before {
  content: "\ea70";
}

.neo-icon.app-skype:before {
  content: "\ea3c";
}

.neo-icon.app-slack:before {
  content: "\ea74";
}

.neo-icon.app-snapchat:before {
  content: "\ea73";
}

.neo-icon.app-tiktok:before {
  content: "\ea72";
}

.neo-icon.app-twitter:before {
  content: "\ea3d";
}

.neo-icon.app-video:before {
  content: "\ea3e";
}

.neo-icon.archives:before {
  content: "\eab4";
}

.neo-icon.arrow-down:before {
  content: "\ea23";
}

.neo-icon.arrow-downleft:before {
  content: "\ea53";
}

.neo-icon.arrow-downleft-curved:before {
  content: "\eac8";
}

.neo-icon.arrow-downright:before {
  content: "\ea54";
}

.neo-icon.arrow-downright-curved:before {
  content: "\eac9";
}

.neo-icon.arrow-left:before {
  content: "\ea55";
}

.neo-icon.arrow-right:before {
  content: "\ea56";
}

.neo-icon.arrow-up:before {
  content: "\ea22";
}

.neo-icon.arrow-up-arrow-down:before {
  content: "\ea96";
}

.neo-icon.arrow-upleft:before {
  content: "\ea57";
}

.neo-icon.arrow-upleft-curved:before {
  content: "\ead0";
}

.neo-icon.arrow-upright:before {
  content: "\ea58";
}

.neo-icon.arrow-upright-curved:before {
  content: "\ead1";
}

.neo-icon.bank-check:before {
  content: "\eae0";
}

.neo-icon.box:before {
  content: "\ea77";
}

.neo-icon.browser:before {
  content: "\ea03";
}

.neo-icon.building:before {
  content: "\ea59";
}

.neo-icon.bulle:before {
  content: "\ea49";
}

.neo-icon.calculator:before {
  content: "\ea5a";
}

.neo-icon.calendar:before {
  content: "\ea05";
}

.neo-icon.calendar-ok:before {
  content: "\ea04";
}

.neo-icon.call:before {
  content: "\ea06";
}

.neo-icon.call-back:before {
  content: "\ea33";
}

.neo-icon.call-hang-up:before {
  content: "\eab1";
}

.neo-icon.call-missed:before {
  content: "\eab3";
}

.neo-icon.call-out:before {
  content: "\ea52";
}

.neo-icon.calling:before {
  content: "\eab2";
}

.neo-icon.camera:before {
  content: "\ea25";
}

.neo-icon.card:before {
  content: "\ea07";
}

.neo-icon.card-reader:before {
  content: "\eaa3";
}

.neo-icon.cart:before {
  content: "\ea5b";
}

.neo-icon.charts-bar:before {
  content: "\ea5c";
}

.neo-icon.charts-linedown:before {
  content: "\ea5d";
}

.neo-icon.charts-lineup:before {
  content: "\ea5e";
}

.neo-icon.charts-pie:before {
  content: "\ea5f";
}

.neo-icon.charts-pie-active:before {
  content: "\ea9c";
}

.neo-icon.chat:before {
  content: "\ea30";
}

.neo-icon.check:before {
  content: "\ea09";
}

.neo-icon.check-circle:before {
  content: "\ea08";
}

.neo-icon.checkbox-indeterminate:before {
  content: "\ea81";
}

.neo-icon.checkbox-off:before {
  content: "\ea0a";
}

.neo-icon.checkbox-on:before {
  content: "\ea0b";
}

.neo-icon.chevron-down:before {
  content: "\ea36";
}

.neo-icon.chevron-left:before {
  content: "\ea38";
}

.neo-icon.chevron-right:before {
  content: "\ea39";
}

.neo-icon.chevron-up:before {
  content: "\ea37";
}

.neo-icon.circle-arrow-in:before {
  content: "\eae6";
}

.neo-icon.circle-arrow-out:before {
  content: "\eae7";
}

.neo-icon.client:before {
  content: "\ead7";
}

.neo-icon.close:before {
  content: "\ea0c";
}

.neo-icon.cloud:before {
  content: "\ea0d";
}

.neo-icon.cogwheel:before {
  content: "\ea65";
}

.neo-icon.compass:before {
  content: "\eaa0";
}

.neo-icon.connections:before {
  content: "\ea83";
}

.neo-icon.conversation:before {
  content: "\ea9d";
}

.neo-icon.copy:before {
  content: "\ea51";
}

.neo-icon.delete:before {
  content: "\ea43";
}

.neo-icon.desktop:before {
  content: "\eaa6";
}

.neo-icon.disable:before {
  content: "\eaa9";
}

.neo-icon.doc-add:before {
  content: "\eac7";
}

.neo-icon.doc-alt:before {
  content: "\ea7c";
}

.neo-icon.doc-check:before {
  content: "\eac2";
}

.neo-icon.doc-in:before {
  content: "\eac5";
}

.neo-icon.doc-new:before {
  content: "\eac3";
}

.neo-icon.doc-out:before {
  content: "\eac4";
}

.neo-icon.doc-remove:before {
  content: "\eac1";
}

.neo-icon.download:before {
  content: "\ea0f";
}

.neo-icon.download-cloud:before {
  content: "\ea0e";
}

.neo-icon.drag:before {
  content: "\ea94";
}

.neo-icon.edit:before {
  content: "\ea10";
}

.neo-icon.email:before {
  content: "\ea11";
}

.neo-icon.envelope:before {
  content: "\ea82";
}

.neo-icon.erase:before {
  content: "\ea12";
}

.neo-icon.euro:before {
  content: "\ea29";
}

.neo-icon.exchange:before {
  content: "\ea50";
}

.neo-icon.expand:before {
  content: "\ea4d";
}

.neo-icon.external-link:before {
  content: "\ea93";
}

.neo-icon.eye:before {
  content: "\ea31";
}

.neo-icon.eye-close:before {
  content: "\ea32";
}

.neo-icon.face-frowning:before {
  content: "\ea87";
}

.neo-icon.face-frowning-active:before {
  content: "\ea8d";
}

.neo-icon.face-neutral:before {
  content: "\ea86";
}

.neo-icon.face-neutral-active:before {
  content: "\ea8c";
}

.neo-icon.face-smiling:before {
  content: "\ea85";
}

.neo-icon.face-smiling-active:before {
  content: "\ea8b";
}

.neo-icon.face-smiling-plus:before {
  content: "\ead8";
}

.neo-icon.family:before {
  content: "\ead6";
}

.neo-icon.favoris:before {
  content: "\ea13";
}

.neo-icon.favoris-active:before {
  content: "\ea7e";
}

.neo-icon.file-arrow-in:before {
  content: "\eae5";
}

.neo-icon.file-arrow-out:before {
  content: "\eae4";
}

.neo-icon.file-doc:before {
  content: "\ea2a";
}

.neo-icon.file-pdf:before {
  content: "\ea2b";
}

.neo-icon.file-ppt:before {
  content: "\ea2c";
}

.neo-icon.file-rib:before {
  content: "\ead5";
}

.neo-icon.file-xls:before {
  content: "\ea2d";
}

.neo-icon.filter:before {
  content: "\ea48";
}

.neo-icon.filter-sorted-asc:before {
  content: "\eae2";
}

.neo-icon.filter-sorted-desc:before {
  content: "\eae3";
}

.neo-icon.find:before {
  content: "\ea26";
}

.neo-icon.fit-to-height:before {
  content: "\ea9b";
}

.neo-icon.fit-to-width:before {
  content: "\ea9a";
}

.neo-icon.flag:before {
  content: "\eaa8";
}

.neo-icon.folder:before {
  content: "\ea14";
}

.neo-icon.folder-access:before {
  content: "\eab7";
}

.neo-icon.folder-add:before {
  content: "\eab9";
}

.neo-icon.folder-find:before {
  content: "\eab8";
}

.neo-icon.folder-open:before {
  content: "\eab6";
}

.neo-icon.folder-refresh:before {
  content: "\eab5";
}

.neo-icon.funding:before {
  content: "\eaa4";
}

.neo-icon.geolocation-pin:before {
  content: "\ea15";
}

.neo-icon.grid:before {
  content: "\ea45";
}

.neo-icon.heart:before {
  content: "\ea97";
}

.neo-icon.heart-active:before {
  content: "\ea7f";
}

.neo-icon.help:before {
  content: "\ea16";
}

.neo-icon.historic:before {
  content: "\ea60";
}

.neo-icon.home:before {
  content: "\ea61";
}

.neo-icon.ia:before {
  content: "\eae8";
}

.neo-icon.ia-active:before {
  content: "\eae9";
}

.neo-icon.ia-bulle:before {
  content: "\eaef";
}

.neo-icon.ia-conversation:before {
  content: "\eaf1";
}

.neo-icon.ia-edit:before {
  content: "\eaf2";
}

.neo-icon.ia-image:before {
  content: "\eaee";
}

.neo-icon.ia-mic:before {
  content: "\eaec";
}

.neo-icon.ia-mic-active:before {
  content: "\eaed";
}

.neo-icon.ia-more-details:before {
  content: "\eaf3";
}

.neo-icon.ia-stars:before {
  content: "\eaea";
}

.neo-icon.ia-stars-active:before {
  content: "\eaeb";
}

.neo-icon.ia-support-help:before {
  content: "\eaf0";
}

.neo-icon.image:before {
  content: "\ea79";
}

.neo-icon.information:before {
  content: "\ea17";
}

.neo-icon.information-badges:before {
  content: "\ea9e";
}

.neo-icon.layers:before {
  content: "\ea78";
}

.neo-icon.leaf:before {
  content: "\ea98";
}

.neo-icon.lightbulb-on:before {
  content: "\eaa2";
}

.neo-icon.link:before {
  content: "\ea6c";
}

.neo-icon.list:before {
  content: "\ea44";
}

.neo-icon.list2:before {
  content: "\ea92";
}

.neo-icon.log-out:before {
  content: "\ea27";
}

.neo-icon.magic-wand:before {
  content: "\eaa5";
}

.neo-icon.media-duration:before {
  content: "\ea68";
}

.neo-icon.media-pause:before {
  content: "\ea67";
}

.neo-icon.media-play:before {
  content: "\ea66";
}

.neo-icon.menu:before {
  content: "\ea62";
}

.neo-icon.mic:before {
  content: "\ea91";
}

.neo-icon.moins:before {
  content: "\ea4c";
}

.neo-icon.molecule:before {
  content: "\ea4a";
}

.neo-icon.money-in:before {
  content: "\ea42";
}

.neo-icon.money-out:before {
  content: "\ea41";
}

.neo-icon.moon:before {
  content: "\ea6b";
}

.neo-icon.more:before {
  content: "\ea63";
}

.neo-icon.more-details:before {
  content: "\ea35";
}

.neo-icon.new:before {
  content: "\eaa1";
}

.neo-icon.page:before {
  content: "\ea28";
}

.neo-icon.paperclip:before {
  content: "\eaf4";
}

.neo-icon.percent:before {
  content: "\ea95";
}

.neo-icon.phone:before {
  content: "\ea19";
}

.neo-icon.plus:before {
  content: "\ea4b";
}

.neo-icon.print:before {
  content: "\ea64";
}

.neo-icon.profil:before {
  content: "\ea1a";
}

.neo-icon.push-pin:before {
  content: "\ea99";
}

.neo-icon.qrcode:before {
  content: "\ead2";
}

.neo-icon.reach-the-end:before {
  content: "\ea47";
}

.neo-icon.reach-the-start:before {
  content: "\ea46";
}

.neo-icon.reduce:before {
  content: "\ea4e";
}

.neo-icon.refresh:before {
  content: "\ea1b";
}

.neo-icon.remove:before {
  content: "\ea1c";
}

.neo-icon.repeat:before {
  content: "\ea69";
}

.neo-icon.scan:before {
  content: "\eaa7";
}

.neo-icon.scissors:before {
  content: "\eab0";
}

.neo-icon.secure:before {
  content: "\ea1d";
}

.neo-icon.send:before {
  content: "\ead3";
}

.neo-icon.send-active:before {
  content: "\ead4";
}

.neo-icon.server:before {
  content: "\ea76";
}

.neo-icon.share:before {
  content: "\ea1e";
}

.neo-icon.shield:before {
  content: "\ea7a";
}

.neo-icon.signature:before {
  content: "\eac0";
}

.neo-icon.subscribe:before {
  content: "\ea80";
}

.neo-icon.sun:before {
  content: "\ea6a";
}

.neo-icon.support-help:before {
  content: "\ea34";
}

.neo-icon.table:before {
  content: "\ead9";
}

.neo-icon.tag:before {
  content: "\ea90";
}

.neo-icon.target:before {
  content: "\ea24";
}

.neo-icon.thumbs-down:before {
  content: "\ea6e";
}

.neo-icon.thumbs-up:before {
  content: "\ea6d";
}

.neo-icon.trash:before {
  content: "\ea1f";
}

.neo-icon.umbrella:before {
  content: "\ea7b";
}

.neo-icon.unlink:before {
  content: "\ea8f";
}

.neo-icon.upload:before {
  content: "\ea7d";
}

.neo-icon.upload-cloud:before {
  content: "\ea40";
}

.neo-icon.warning:before {
  content: "\ea20";
}

.neo-icon.warning-badges:before {
  content: "\ea9f";
}

.neo-icon.wifi:before {
  content: "\eae1";
}

html {
  --neo-page-loader-logo: url('neo.af13553d024b7326.png');
  background-color: var(--color-page-background);
  /**
  * NOTE: in the case of the "Crédit Maritime" brand, which has 2 regional sub-brands,
  * regional brand classes are added to refine logo display.
  * These classes do not exist in the @bpce/design-tokens library and cannot therefore be used directly to define theme variables.
  */
}
html.theme-dark, html[color-theme=dark] {
  --neo-page-loader-logo: url('neo-dark.b980a5be81ad12d3.png');
}
html.banque-bcp, html[brand-theme=banque-bcp] {
  --neo-page-loader-logo: url('bcp.2394ea66d176055a.png');
}
html.banque-bcp.theme-dark, html.banque-bcp[color-theme=dark], html[brand-theme=banque-bcp].theme-dark, html[brand-theme=banque-bcp][color-theme=dark] {
  --neo-page-loader-logo: url('bcp-dark.94d1d30d537cc43b.png');
}
html.banque-btp, html[brand-theme=banque-btp] {
  --neo-page-loader-logo: url('banque-btp.a94edb44177a2282.png');
}
html.banque-btp.theme-dark, html.banque-btp[color-theme=dark], html[brand-theme=banque-btp].theme-dark, html[brand-theme=banque-btp][color-theme=dark] {
  --neo-page-loader-logo: url('banque-btp-dark.ac2be2165c2b5c01.png');
}
html.banque-de-nouvelle-caledonie, html[brand-theme=banque-de-nouvelle-caledonie] {
  --neo-page-loader-logo: url('banque-de-nouvelle-caledonie.97da5d12d82b9d64.png');
}
html.banque-de-nouvelle-caledonie.theme-dark, html.banque-de-nouvelle-caledonie[color-theme=dark], html[brand-theme=banque-de-nouvelle-caledonie].theme-dark, html[brand-theme=banque-de-nouvelle-caledonie][color-theme=dark] {
  --neo-page-loader-logo: url('banque-de-nouvelle-caledonie-dark.dcef7f2751c0414c.png');
}
html.banque-de-savoie, html[brand-theme=banque-de-savoie] {
  --neo-page-loader-logo: url('banque-de-savoie.2545a6957a1b3089.png');
}
html.banque-de-savoie.theme-dark, html.banque-de-savoie[color-theme=dark], html[brand-theme=banque-de-savoie].theme-dark, html[brand-theme=banque-de-savoie][color-theme=dark] {
  --neo-page-loader-logo: url('banque-de-savoie-dark.27f4d2b6ea08a372.png');
}
html.banque-de-tahiti, html[brand-theme=banque-de-tahiti] {
  --neo-page-loader-logo: url('banque-de-tahiti.caeca307d451eadf.png');
}
html.banque-de-tahiti.theme-dark, html.banque-de-tahiti[color-theme=dark], html[brand-theme=banque-de-tahiti].theme-dark, html[brand-theme=banque-de-tahiti][color-theme=dark] {
  --neo-page-loader-logo: url('banque-de-tahiti-dark.f71e92a096e97a41.png');
}
html.banque-dupuy-de-parseval, html[brand-theme=banque-dupuy-de-parseval] {
  --neo-page-loader-logo: url('banque-dupuy-de-parseval.dcb9ea36e519110c.png');
}
html.banque-dupuy-de-parseval.theme-dark, html.banque-dupuy-de-parseval[color-theme=dark], html[brand-theme=banque-dupuy-de-parseval].theme-dark, html[brand-theme=banque-dupuy-de-parseval][color-theme=dark] {
  --neo-page-loader-logo: url('banque-dupuy-de-parseval-dark.47f1f65e8f3a7895.png');
}
html.banque-marze, html[brand-theme=banque-marze] {
  --neo-page-loader-logo: url('banque-marze.ad329474f1e0e084.png');
}
html.banque-marze.theme-dark, html.banque-marze[color-theme=dark], html[brand-theme=banque-marze].theme-dark, html[brand-theme=banque-marze][color-theme=dark] {
  --neo-page-loader-logo: url('banque-marze-dark.60817a6ce3725ac5.png');
}
html.banque-palatine, html[brand-theme=banque-palatine] {
  --neo-page-loader-logo: url('banque-palatine.29349aa6a5d56f64.png');
}
html.banque-palatine.theme-dark, html.banque-palatine[color-theme=dark], html[brand-theme=banque-palatine].theme-dark, html[brand-theme=banque-palatine][color-theme=dark] {
  --neo-page-loader-logo: url('banque-palatine-dark.0a89e64aa7828269.png');
}
html.banque-populaire, html[brand-theme=banque-populaire] {
  --neo-page-loader-logo: url('banque-populaire.135a54274e04fb68.png');
}
html.banque-populaire.theme-dark, html.banque-populaire[color-theme=dark], html[brand-theme=banque-populaire].theme-dark, html[brand-theme=banque-populaire][color-theme=dark] {
  --neo-page-loader-logo: url('banque-populaire-dark.e5c72ad032947366.png');
}
html.bpce, html[brand-theme=bpce] {
  --neo-page-loader-logo: url('bpce.e1f72ab5f831cb14.png');
}
html.bpce.theme-dark, html.bpce[color-theme=dark], html[brand-theme=bpce].theme-dark, html[brand-theme=bpce][color-theme=dark] {
  --neo-page-loader-logo: url('bpce-dark.18d59994e395000e.png');
}
html.caisse-d-epargne, html[brand-theme=caisse-d-epargne] {
  --neo-page-loader-logo: url('caisse-d-epargne.e8f310c953d2492a.png');
}
html.caisse-d-epargne.theme-dark, html.caisse-d-epargne[color-theme=dark], html[brand-theme=caisse-d-epargne].theme-dark, html[brand-theme=caisse-d-epargne][color-theme=dark] {
  --neo-page-loader-logo: url('caisse-d-epargne-dark.20268260139a5fe7.png');
}
html.casden, html[brand-theme=casden] {
  --neo-page-loader-logo: url('casden.c1baad4e6c4c410b.png');
}
html.casden.theme-dark, html.casden[color-theme=dark], html[brand-theme=casden].theme-dark, html[brand-theme=casden][color-theme=dark] {
  --neo-page-loader-logo: url('casden-dark.3ed0b1da1554c996.png');
}
html.cegc, html[brand-theme=cegc] {
  --neo-page-loader-logo: url('cegc.16188e8bc61b6a68.png');
}
html.cegc.theme-dark, html.cegc[color-theme=dark], html[brand-theme=cegc].theme-dark, html[brand-theme=cegc][color-theme=dark] {
  --neo-page-loader-logo: url('cegc-dark.311096948296c189.png');
}
html.credit-cooperatif, html[brand-theme=credit-cooperatif] {
  --neo-page-loader-logo: url('credit-cooperatif.ec43bf77e5e2ad4e.png');
}
html.credit-cooperatif.theme-dark, html.credit-cooperatif[color-theme=dark], html[brand-theme=credit-cooperatif].theme-dark, html[brand-theme=credit-cooperatif][color-theme=dark] {
  --neo-page-loader-logo: url('credit-cooperatif-dark.9e928f3edf23d2b7.png');
}
html.credit-foncier, html[brand-theme=credit-foncier] {
  --neo-page-loader-logo: url('credit-foncier.a88df63ae49a3270.png');
}
html.credit-foncier.theme-dark, html.credit-foncier[color-theme=dark], html[brand-theme=credit-foncier].theme-dark, html[brand-theme=credit-foncier][color-theme=dark] {
  --neo-page-loader-logo: url('credit-foncier-dark.572ab331a1812a23.png');
}
html.credit-maritime, html[brand-theme=credit-maritime], html.credit-maritime.credit-maritime-grand-ouest, html[brand-theme=credit-maritime].credit-maritime-grand-ouest, html.credit-maritime.credit-maritime-mediterranee, html[brand-theme=credit-maritime].credit-maritime-mediterranee {
  --neo-page-loader-logo: url('credit-maritime.2bd39ea13fff02ba.png');
}
html.credit-maritime.theme-dark, html.credit-maritime[color-theme=dark], html[brand-theme=credit-maritime].theme-dark, html[brand-theme=credit-maritime][color-theme=dark], html.credit-maritime.credit-maritime-grand-ouest.theme-dark, html.credit-maritime.credit-maritime-grand-ouest[color-theme=dark], html[brand-theme=credit-maritime].credit-maritime-grand-ouest.theme-dark, html[brand-theme=credit-maritime].credit-maritime-grand-ouest[color-theme=dark], html.credit-maritime.credit-maritime-mediterranee.theme-dark, html.credit-maritime.credit-maritime-mediterranee[color-theme=dark], html[brand-theme=credit-maritime].credit-maritime-mediterranee.theme-dark, html[brand-theme=credit-maritime].credit-maritime-mediterranee[color-theme=dark] {
  --neo-page-loader-logo: url('credit-maritime-dark.fcaf1e7205605840.png');
}
html.jpm, html[brand-theme=jpm] {
  --neo-page-loader-logo: url('jpm.96cad4a98e621c3d.png');
}
html.jpm.theme-dark, html.jpm[color-theme=dark], html[brand-theme=jpm].theme-dark, html[brand-theme=jpm][color-theme=dark] {
  --neo-page-loader-logo: url('jpm-dark.fdb499d4870a1934.png');
}
html.natixis, html[brand-theme=natixis] {
  --neo-page-loader-logo: url('natixis.a73049c15ca6d51a.png');
}
html.natixis.theme-dark, html.natixis[color-theme=dark], html[brand-theme=natixis].theme-dark, html[brand-theme=natixis][color-theme=dark] {
  --neo-page-loader-logo: url('natixis-dark.abfbc8ca1fecda96.png');
}
html.socfim, html[brand-theme=socfim] {
  --neo-page-loader-logo: url('socfim.c670f213e2239252.png');
}
html.socfim.theme-dark, html.socfim[color-theme=dark], html[brand-theme=socfim].theme-dark, html[brand-theme=socfim][color-theme=dark] {
  --neo-page-loader-logo: url('socfim-dark.a4f6df974f5cbb44.png');
}

code-input.mobile {
  gap: 8px !important;
}
code-input.mobile span input {
  font-size: 32px !important;
  line-height: 41.6px !important;
  letter-spacing: -0.72px !important;
}
code-input.mobile span:nth-child(4) {
  margin-right: 16px !important;
}

code-input {
  gap: 16px !important;
}
code-input span input {
  border-bottom: 2px solid var(--color-neutral-border-regular-default, #acacac) !important;
  font-family: Ubuntu, sans-serif !important;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 48px !important;
  letter-spacing: -0.88px !important;
  text-align: center !important;
  color: var(--color-neutral-text-regular-default, #232323) !important;
}
code-input span:nth-child(4) {
  margin-right: 24px;
}

[neoCard] {
  width: 100%;
}

.card-s {
  --neo-card-padding: var(--component-card-s-size-padding);
  --neo-card-radius: var(--component-card-s-size-radius);
}

.card-m {
  --neo-card-padding: var(--component-card-m-size-padding);
  --neo-card-radius: var(--component-card-m-size-radius);
}

.card-l {
  --neo-card-padding: var(--component-card-l-size-padding);
  --neo-card-radius: var(--component-card-l-size-radius);
}

.code_error .technical-error-container .error-illustration {
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
}

/*# sourceMappingURL=styles.2170d159ba854e8e.css.map*/