/*!*****************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./src/index.scss ***!
  \*****************************************************************************************************************/
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
/* stylelint-disable scss/dollar-variable-pattern */
/* stylelint-enable scss/dollar-variable-pattern */
.neo-toggle-button, .neo-tile, .neo-button {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}

.neo-select-sr-only, .neo-segmented-control-item-hidden-label, .neo-radio-input, .neo-loader-hidden-label, .neo-input-counter-hidden-label, .neo-chips-filter > input, .neo-checkbox-input, .neo-button-icon-only > span:not(.bpce-icon-font), .neo-badge-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.neo-chips-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes shimmering {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(75%, 0, 0);
  }
}

/* mobile devices (0 and up) */
html {
  --typography-body-m-bold: 700 1rem/150% Ubuntu;
  --typography-body-m-bold-lining-nums: 700 1rem/150% Ubuntu;
  --typography-body-m-medium: 500 1rem/150% Ubuntu;
  --typography-body-m-medium-lining-nums: 500 1rem/150% Ubuntu;
  --typography-body-m-regular: 400 1rem/150% Ubuntu;
  --typography-body-m-regular-lining-nums: 400 1rem/150% Ubuntu;
  --typography-body-s-bold: 700 0.875rem/150% Ubuntu;
  --typography-body-s-bold-lining-nums: 700 0.875rem/150% Ubuntu;
  --typography-body-s-medium: 500 0.875rem/150% Ubuntu;
  --typography-body-s-medium-lining-nums: 500 0.875rem/150% Ubuntu;
  --typography-body-s-regular: 400 0.875rem/150% Ubuntu;
  --typography-body-s-regular-lining-nums: 400 0.875rem/150% Ubuntu;
  --typography-body-xs-bold: 700 0.8125rem/150% Ubuntu;
  --typography-body-xs-bold-lining-nums: 700 0.8125rem/150% Ubuntu;
  --typography-body-xs-medium: 500 0.8125rem/150% Ubuntu;
  --typography-body-xs-medium-lining-nums: 500 0.8125rem/150% Ubuntu;
  --typography-body-xs-regular: 400 0.8125rem/150% Ubuntu;
  --typography-body-xs-regular-lining-nums: 400 0.8125rem/150% Ubuntu;
  --typography-body-xxs-bold: 700 0.6875rem/150% Ubuntu;
  --typography-body-xxs-bold-lining-nums: 700 0.6875rem/150% Ubuntu;
  --typography-body-xxs-medium: 500 0.6875rem/150% Ubuntu;
  --typography-body-xxs-medium-lining-nums: 500 0.6875rem/150% Ubuntu;
  --typography-body-xxs-regular: 400 0.6875rem/150% Ubuntu;
  --typography-body-xxs-regular-lining-nums: 400 0.6875rem/150% Ubuntu;
  --typography-display-l-light: 300 3.5625rem/120% Ubuntu;
  --typography-display-m-bold: 700 3rem/120% Ubuntu;
  --typography-display-m-regular: 400 3rem/120% Ubuntu;
  --typography-headline-l-bold: 700 2.75rem/120% Ubuntu;
  --typography-headline-l-light: 300 2.75rem/120% Ubuntu;
  --typography-headline-l-medium: 500 2.75rem/120% Ubuntu;
  --typography-headline-m-bold: 700 2.375rem/120% Ubuntu;
  --typography-headline-m-medium: 500 2.375rem/120% Ubuntu;
  --typography-headline-m-regular: 400 2.375rem/120% Ubuntu;
  --typography-headline-s-light: 300 2rem/130% Ubuntu;
  --typography-headline-s-medium: 500 2rem/130% Ubuntu;
  --typography-headline-s-regular: 400 2rem/130% Ubuntu;
  --typography-title-l-bold: 700 1.5rem/130% Ubuntu;
  --typography-title-l-light: 300 1.5rem/130% Ubuntu;
  --typography-title-l-medium: 500 1.5rem/130% Ubuntu;
  --typography-title-l-regular: 400 1.5rem/130% Ubuntu;
  --typography-title-m-bold: 700 1.3125rem/130% Ubuntu;
  --typography-title-m-light: 300 1.3125rem/130% Ubuntu;
  --typography-title-m-medium: 500 1.3125rem/130% Ubuntu;
  --typography-title-m-regular: 400 1.3125rem/130% Ubuntu;
  --typography-title-s-bold: 700 1.1875rem/130% Ubuntu;
  --typography-title-s-medium: 500 1.1875rem/130% Ubuntu;
  --typography-title-s-regular: 400 1.1875rem/130% Ubuntu;
  --typography-title-xl-bold: 700 1.75rem/130% Ubuntu;
  --typography-title-xl-medium: 500 1.75rem/130% Ubuntu;
  --typography-title-xl-regular: 400 1.75rem/130% Ubuntu;
  --typography-title-xs-light: 300 1rem/150% Ubuntu;
  font: var(--typography-body-m-regular);
}

/* tablet devices (960px and up) */
/* desktop devices (1280px and up) */
@media screen and (min-width: 1280px) {
  html {
    --typography-body-m-bold: 700 1rem/150% Ubuntu;
    --typography-body-m-bold-lining-nums: 700 1rem/150% Ubuntu;
    --typography-body-m-medium: 500 1rem/150% Ubuntu;
    --typography-body-m-medium-lining-nums: 500 1rem/150% Ubuntu;
    --typography-body-m-regular: 400 1rem/150% Ubuntu;
    --typography-body-m-regular-lining-nums: 400 1rem/150% Ubuntu;
    --typography-body-s-bold: 700 0.875rem/150% Ubuntu;
    --typography-body-s-bold-lining-nums: 700 0.875rem/150% Ubuntu;
    --typography-body-s-medium: 500 0.875rem/150% Ubuntu;
    --typography-body-s-medium-lining-nums: 500 0.875rem/150% Ubuntu;
    --typography-body-s-regular: 400 0.875rem/150% Ubuntu;
    --typography-body-s-regular-lining-nums: 400 0.875rem/150% Ubuntu;
    --typography-body-xs-bold: 700 0.8125rem/150% Ubuntu;
    --typography-body-xs-bold-lining-nums: 700 0.8125rem/150% Ubuntu;
    --typography-body-xs-medium: 500 0.8125rem/150% Ubuntu;
    --typography-body-xs-medium-lining-nums: 500 0.8125rem/150% Ubuntu;
    --typography-body-xs-regular: 400 0.8125rem/150% Ubuntu;
    --typography-body-xs-regular-lining-nums: 400 0.8125rem/150% Ubuntu;
    --typography-body-xxs-bold: 700 0.6875rem/150% Ubuntu;
    --typography-body-xxs-bold-lining-nums: 700 0.6875rem/150% Ubuntu;
    --typography-body-xxs-medium: 500 0.6875rem/150% Ubuntu;
    --typography-body-xxs-medium-lining-nums: 500 0.6875rem/150% Ubuntu;
    --typography-body-xxs-regular: 400 0.6875rem/150% Ubuntu;
    --typography-body-xxs-regular-lining-nums: 400 0.6875rem/150% Ubuntu;
    --typography-display-l-light: 300 5rem/120% Ubuntu;
    --typography-display-m-bold: 700 3.5625rem/120% Ubuntu;
    --typography-display-m-regular: 400 3.5625rem/120% Ubuntu;
    --typography-headline-l-bold: 700 3rem/120% Ubuntu;
    --typography-headline-l-light: 300 3rem/120% Ubuntu;
    --typography-headline-l-medium: 500 3rem/120% Ubuntu;
    --typography-headline-m-bold: 700 2.5rem/120% Ubuntu;
    --typography-headline-m-medium: 500 2.5rem/120% Ubuntu;
    --typography-headline-m-regular: 400 2.5rem/120% Ubuntu;
    --typography-headline-s-light: 300 2rem/130% Ubuntu;
    --typography-headline-s-medium: 500 2rem/130% Ubuntu;
    --typography-headline-s-regular: 400 2rem/130% Ubuntu;
    --typography-title-l-bold: 700 1.5rem/130% Ubuntu;
    --typography-title-l-light: 300 1.5rem/130% Ubuntu;
    --typography-title-l-medium: 500 1.5rem/130% Ubuntu;
    --typography-title-l-regular: 400 1.5rem/130% Ubuntu;
    --typography-title-m-bold: 700 1.3125rem/130% Ubuntu;
    --typography-title-m-light: 300 1.3125rem/130% Ubuntu;
    --typography-title-m-medium: 500 1.3125rem/130% Ubuntu;
    --typography-title-m-regular: 400 1.3125rem/130% Ubuntu;
    --typography-title-s-bold: 700 1.1875rem/130% Ubuntu;
    --typography-title-s-medium: 500 1.1875rem/130% Ubuntu;
    --typography-title-s-regular: 400 1.1875rem/130% Ubuntu;
    --typography-title-xl-bold: 700 1.75rem/130% Ubuntu;
    --typography-title-xl-medium: 500 1.75rem/130% Ubuntu;
    --typography-title-xl-regular: 400 1.75rem/130% Ubuntu;
    --typography-title-xs-light: 300 1rem/150% Ubuntu;
  }
}
/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:58 GMT
 */
html,
html.theme-light,
html[color-theme=light] {
  --border-l: 4px; /* deprecated use 'size-border-l' instead */
  --border-m: 3px; /* deprecated use 'size-border-m' instead */
  --border-s: 2px; /* deprecated use 'size-border-s' instead */
  --border-xs: 1px; /* deprecated use 'size-border-xs' instead */
  --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;
  --color-additional-gris-beige: #7c7667;
  --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-error-border: #d20319;
  --color-error-border-disabled: #efefef;
  --color-error-border-hover: #960010;
  --color-error-border-selected: #960010;
  --color-error-border-selected-hover: #7c000d;
  --color-error-reference: #d20319;
  --color-error-shape: #960010;
  --color-error-shape-disabled: #bebebe;
  --color-error-shape-hover: #410007;
  --color-error-shape-inverted: #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: #ffe8ea;
  --color-error-shape-selected: #410007;
  --color-error-shape-selected-hover: #210003;
  --color-error-surface: #d20319;
  --color-error-surface-disabled: #efefef;
  --color-error-surface-discrete: #fff3f4;
  --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-selected: #960010;
  --color-error-surface-selected-hover: #7c000d;
  --color-error-text: #960010;
  --color-error-text-disabled: #bebebe;
  --color-error-text-hover: #410007;
  --color-error-text-inverted: #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: #ffe8ea;
  --color-error-text-selected: #410007;
  --color-error-text-selected-hover: #210003;
  --color-gray-background: #ffffff;
  --color-gray-border: #acacac;
  --color-gray-border-disabled: #efefef;
  --color-gray-border-discrete: #e1e1e1;
  --color-gray-border-discrete-disabled: #efefef;
  --color-gray-border-discrete-hover: #bebebe;
  --color-gray-border-discrete-selected: #bebebe;
  --color-gray-border-discrete-selected-hover: #acacac;
  --color-gray-border-hover: #989898;
  --color-gray-border-selected: #989898;
  --color-gray-border-selected-hover: #808080;
  --color-gray-border-strong: #808080;
  --color-gray-border-strong-disabled: #efefef;
  --color-gray-border-strong-hover: #666666;
  --color-gray-border-strong-selected: #666666;
  --color-gray-border-strong-selected-hover: #454545;
  --color-gray-reference: #666666;
  --color-gray-shape: #454545;
  --color-gray-shape-disabled: #bebebe;
  --color-gray-shape-discrete: #666666;
  --color-gray-shape-discrete-disabled: #bebebe;
  --color-gray-shape-discrete-hover: #454545;
  --color-gray-shape-discrete-selected: #454545;
  --color-gray-shape-discrete-selected-hover: #232323;
  --color-gray-shape-hover: #232323;
  --color-gray-shape-inverted: #f9f9f9;
  --color-gray-shape-inverted-disabled: #bebebe;
  --color-gray-shape-inverted-hover: #f7f7f7;
  --color-gray-shape-inverted-selected: #f7f7f7;
  --color-gray-shape-inverted-selected-hover: #f3f3f3;
  --color-gray-shape-selected: #232323;
  --color-gray-shape-selected-hover: #000000;
  --color-gray-surface: #efefef;
  --color-gray-surface-background: #ffffff;
  --color-gray-surface-disabled: #efefef;
  --color-gray-surface-discrete: #f9f9f9;
  --color-gray-surface-discrete-disabled: #efefef;
  --color-gray-surface-discrete-hover: #f3f3f3;
  --color-gray-surface-discrete-selected: #f3f3f3;
  --color-gray-surface-discrete-selected-hover: #efefef;
  --color-gray-surface-hover: #e1e1e1;
  --color-gray-surface-selected: #e1e1e1;
  --color-gray-surface-selected-hover: #d8d8d8;
  --color-gray-surface-strong: #e1e1e1;
  --color-gray-surface-strong-disabled: #efefef;
  --color-gray-surface-strong-hover: #cccccc;
  --color-gray-surface-strong-selected: #cccccc;
  --color-gray-surface-strong-selected-hover: #bebebe;
  --color-gray-text: #232323;
  --color-gray-text-disabled: #bebebe;
  --color-gray-text-discrete: #666666;
  --color-gray-text-discrete-disabled: #bebebe;
  --color-gray-text-discrete-hover: #454545;
  --color-gray-text-discrete-selected: #454545;
  --color-gray-text-discrete-selected-hover: #232323;
  --color-gray-text-hover: #000000;
  --color-gray-text-inverted: #f9f9f9;
  --color-gray-text-inverted-disabled: #bebebe;
  --color-gray-text-inverted-hover: #f7f7f7;
  --color-gray-text-inverted-selected: #f7f7f7;
  --color-gray-text-inverted-selected-hover: #f3f3f3;
  --color-gray-text-selected: #000000;
  --color-gray-text-selected-hover: #000000;
  --color-information-border: #0659ff;
  --color-information-border-disabled: #efefef;
  --color-information-border-hover: #003193;
  --color-information-border-selected: #003193;
  --color-information-border-selected-hover: #002671;
  --color-information-reference: #0659ff;
  --color-information-shape: #003bb2;
  --color-information-shape-disabled: #bebebe;
  --color-information-shape-hover: #003193;
  --color-information-shape-inverted: #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: #d9ecff;
  --color-information-shape-selected: #003193;
  --color-information-shape-selected-hover: #002671;
  --color-information-surface: #0659ff;
  --color-information-surface-disabled: #efefef;
  --color-information-surface-discrete: #eaf7ff;
  --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-selected: #003193;
  --color-information-surface-selected-hover: #002671;
  --color-information-text: #003bb2;
  --color-information-text-disabled: #bebebe;
  --color-information-text-hover: #003193;
  --color-information-text-inverted: #f7ffff;
  --color-information-text-inverted-disabled: #bebebe;
  --color-information-text-inverted-hover: #eaf7ff;
  --color-information-text-inverted-selected: #eaf7ff;
  --color-information-text-inverted-selected-hover: #d9ecff;
  --color-information-text-selected: #003193;
  --color-information-text-selected-hover: #002671;
  --color-page-background: #ffffff;
  --color-primary-border: #581d74;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #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: #fffeff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #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: #fffeff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-secondary-brand: #ae1580;
  --color-success-border: #0cba54;
  --color-success-border-disabled: #efefef;
  --color-success-border-hover: #008234;
  --color-success-border-selected: #008234;
  --color-success-border-selected-hover: #00692a;
  --color-success-reference: #008234;
  --color-success-shape: #008234;
  --color-success-shape-disabled: #bebebe;
  --color-success-shape-hover: #00692a;
  --color-success-shape-inverted: #f9fcfa;
  --color-success-shape-inverted-disabled: #bebebe;
  --color-success-shape-inverted-hover: #f0f9f4;
  --color-success-shape-inverted-selected: #f0f9f4;
  --color-success-shape-inverted-selected-hover: #e4f7ed;
  --color-success-shape-selected: #00692a;
  --color-success-shape-selected-hover: #005122;
  --color-success-surface: #0cba54;
  --color-success-surface-disabled: #efefef;
  --color-success-surface-discrete: #f0f9f4;
  --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-selected: #008234;
  --color-success-surface-selected-hover: #00692a;
  --color-success-text: #008234;
  --color-success-text-disabled: #bebebe;
  --color-success-text-hover: #00692a;
  --color-success-text-inverted: #f9fcfa;
  --color-success-text-inverted-disabled: #bebebe;
  --color-success-text-inverted-hover: #f0f9f4;
  --color-success-text-inverted-selected: #f0f9f4;
  --color-success-text-inverted-selected-hover: #e4f7ed;
  --color-success-text-selected: #00692a;
  --color-success-text-selected-hover: #005122;
  --color-tertiary-brand: #f7f7f7;
  --color-warning-border: #fa5c00;
  --color-warning-border-disabled: #efefef;
  --color-warning-border-hover: #af4000;
  --color-warning-border-selected: #af4000;
  --color-warning-border-selected-hover: #903500;
  --color-warning-reference: #fa5c00;
  --color-warning-shape: #af4000;
  --color-warning-shape-disabled: #bebebe;
  --color-warning-shape-hover: #903500;
  --color-warning-shape-inverted: #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: #fffdf3;
  --color-warning-shape-selected: #903500;
  --color-warning-shape-selected-hover: #6f2900;
  --color-warning-surface: #fa5c00;
  --color-warning-surface-disabled: #efefef;
  --color-warning-surface-discrete: #fff5e6;
  --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-selected: #af4000;
  --color-warning-surface-selected-hover: #903500;
  --color-warning-text: #af4000;
  --color-warning-text-disabled: #bebebe;
  --color-warning-text-hover: #903500;
  --color-warning-text-inverted: #fffffd;
  --color-warning-text-inverted-disabled: #bebebe;
  --color-warning-text-inverted-hover: #fffdf3;
  --color-warning-text-inverted-selected: #fffdf3;
  --color-warning-text-inverted-selected-hover: #fffdf3;
  --color-warning-text-selected: #903500;
  --color-warning-text-selected-hover: #6f2900;
  --shadow-m: 0 4px 24px 0 #00000026;
  --shadow-s: 0 4px 16px 0 #0000001f;
  --shadow-xs: 0 0 4px 0 #0000001a, 0 4px 8px 0 #0000001a;
  --shadow-xs-hover: 0 4px 16px 0 #00000029, 0 4px 8px 0 #0000001a;
  --size-border-core-100: 1px;
  --size-border-core-200: 2px;
  --size-border-core-300: 3px;
  --size-border-core-400: 4px;
  --size-border-l: 4px;
  --size-border-m: 3px;
  --size-border-s: 2px;
  --size-border-xs: 1px;
  --size-breakpoint-desktop: 1280px; /* neo2 breakpoint LG */
  --size-breakpoint-mobile: 0px; /* neo2 breakpoint SM */
  --size-breakpoint-tablet: 960px; /* neo2 breakpoint MD */
  --size-radius-m: 8px;
  --size-radius-s: 4px;
  --size-radius-xs: 2px;
  --size-space-core-100: 8px;
  --size-space-core-1000: 80px;
  --size-space-core-1100: 96px;
  --size-space-core-150: 12px;
  --size-space-core-200: 16px;
  --size-space-core-25: 2px;
  --size-space-core-300: 24px;
  --size-space-core-400: 32px;
  --size-space-core-50: 4px;
  --size-space-core-500: 40px;
  --size-space-core-600: 48px;
  --size-space-core-700: 56px;
  --size-space-core-800: 64px;
  --size-space-core-900: 72px;
  --size-space-l: 24px;
  --size-space-lg: 24px; /* deprecated use 'l' instead */
  --size-space-m: 16px;
  --size-space-md: 16px; /* deprecated use 'm' instead */
  --size-space-s: 12px;
  --size-space-sm: 12px; /* deprecated use 's' instead */
  --size-space-xl: 32px;
  --size-space-xs: 8px;
  --size-space-xxl: 40px;
  --size-space-xxs: 4px;
  --size-space-xxxl: 48px;
  --size-space-xxxs: 2px;
  --size-space-xxxxl: 56px;
  --space-l: 32px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-lg: 32px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-m: 24px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-md: 24px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-s: 16px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-sm: 16px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xl: 40px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xs: 8px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xxl: 48px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xxs: 4px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xxxl: 56px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xxxs: 2px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --space-xxxxl: 64px; /* deprecated use 'size-space-...' instead and update the tokens. Will be removed in RC5 */
  --state-keyboard-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0659ff;
  --state-keyboard-focus-form: 0 0 0 2px #0659ff;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-bcp,
html.banque-bcp.theme-light,
html[brand-theme=banque-bcp],
html[brand-theme=banque-bcp][color-theme=light] {
  --color-primary-border: #d1005d;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #ac004d;
  --color-primary-border-selected: #ac004d;
  --color-primary-border-selected-hover: #7c0037;
  --color-primary-brand: #d1005d;
  --color-primary-shape: #d1005d;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ac004d;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #d1005d;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fff2f8;
  --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-selected: #ac004d;
  --color-primary-surface-selected-hover: #7c0037;
  --color-primary-text: #d1005d;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ac004d;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #4a4a4a;
  --color-tertiary-brand: #f4f2f0;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-btp,
html.banque-btp.theme-light,
html[brand-theme=banque-btp],
html[brand-theme=banque-btp][color-theme=light] {
  --color-primary-border: #0b569d;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #053d71;
  --color-primary-border-selected: #053d71;
  --color-primary-border-selected-hover: #01203c;
  --color-primary-brand: #0b569d;
  --color-primary-shape: #0b569d;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #053d71;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #0b569d;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f6f8fb;
  --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-selected: #053d71;
  --color-primary-surface-selected-hover: #01203c;
  --color-primary-text: #0b569d;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #053d71;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #4a5a64;
  --color-tertiary-brand: #f4f6f6;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-nouvelle-caledonie,
html.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-disabled: #efefef;
  --color-primary-border-hover: #004e89;
  --color-primary-border-selected: #004e89;
  --color-primary-border-selected-hover: #003258;
  --color-primary-brand: #0063af;
  --color-primary-shape: #0063af;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004e89;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #0063af;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f1f6fb;
  --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-selected: #004e89;
  --color-primary-surface-selected-hover: #003258;
  --color-primary-text: #0063af;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004e89;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #00abda;
  --color-tertiary-brand: #f1fbfd;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-savoie,
html.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-disabled: #efefef;
  --color-primary-border-hover: #ba000b;
  --color-primary-border-selected: #ba000b;
  --color-primary-border-selected-hover: #850008;
  --color-primary-brand: #e30613;
  --color-primary-shape: #e30613;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #ba000b;
  --color-primary-shape-inverted: #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: #fffbfb;
  --color-primary-shape-selected: #ba000b;
  --color-primary-shape-selected-hover: #850008;
  --color-primary-surface: #e30613;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fffbfb;
  --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-selected: #ba000b;
  --color-primary-surface-selected-hover: #850008;
  --color-primary-text: #e30613;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #ba000b;
  --color-primary-text-inverted: #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: #fffbfb;
  --color-primary-text-selected: #ba000b;
  --color-primary-text-selected-hover: #850008;
  --color-secondary-brand: #2e3642;
  --color-tertiary-brand: #f2f2f2;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-tahiti,
html.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-disabled: #efefef;
  --color-primary-border-hover: #004e89;
  --color-primary-border-selected: #004e89;
  --color-primary-border-selected-hover: #003258;
  --color-primary-brand: #0063af;
  --color-primary-shape: #0063af;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004e89;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #0063af;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fafbfd;
  --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-selected: #004e89;
  --color-primary-surface-selected-hover: #003258;
  --color-primary-text: #0063af;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004e89;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #00abda;
  --color-tertiary-brand: #f1fbfd;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-dupuy-de-parseval,
html.banque-dupuy-de-parseval.theme-light,
html[brand-theme=banque-dupuy-de-parseval],
html[brand-theme=banque-dupuy-de-parseval][color-theme=light] {
  --color-dupuy-de-parseval-primary-surface-discrete: #fffafb;
  --color-primary-border: #7c252c;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #541116;
  --color-primary-border-selected: #541116;
  --color-primary-border-selected-hover: #2b0407;
  --color-primary-brand: #7c252c;
  --color-primary-shape: #7c252c;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #541116;
  --color-primary-shape-inverted: #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: #fffafb;
  --color-primary-shape-selected: #541116;
  --color-primary-shape-selected-hover: #2b0407;
  --color-primary-surface: #7c252c;
  --color-primary-surface-disabled: #efefef;
  --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-selected: #541116;
  --color-primary-surface-selected-hover: #2b0407;
  --color-primary-text: #7c252c;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #541116;
  --color-primary-text-inverted: #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: #fffafb;
  --color-primary-text-selected: #541116;
  --color-primary-text-selected-hover: #2b0407;
  --color-secondary-brand: #f9b237;
  --color-tertiary-brand: #fcf9f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-marze,
html.banque-marze.theme-light,
html[brand-theme=banque-marze],
html[brand-theme=banque-marze][color-theme=light] {
  --color-primary-border: #136aba;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #05539b;
  --color-primary-border-selected: #05539b;
  --color-primary-border-selected-hover: #023b70;
  --color-primary-brand: #136aba;
  --color-primary-shape: #136aba;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #05539b;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #136aba;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f6f9fb;
  --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-selected: #05539b;
  --color-primary-surface-selected-hover: #023b70;
  --color-primary-text: #136aba;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #05539b;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #293133;
  --color-tertiary-brand: #dadada;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-palatine,
html.banque-palatine.theme-light,
html[brand-theme=banque-palatine],
html[brand-theme=banque-palatine][color-theme=light] {
  --color-primary-border: #62120f;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #430907;
  --color-primary-border-selected: #430907;
  --color-primary-border-selected-hover: #220302;
  --color-primary-brand: #62120f;
  --color-primary-shape: #62120f;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #430907;
  --color-primary-shape-inverted: #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: #fefcfc;
  --color-primary-shape-selected: #430907;
  --color-primary-shape-selected-hover: #220302;
  --color-primary-surface: #62120f;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fefcfc;
  --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-selected: #430907;
  --color-primary-surface-selected-hover: #220302;
  --color-primary-text: #62120f;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #430907;
  --color-primary-text-inverted: #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: #fefcfc;
  --color-primary-text-selected: #430907;
  --color-primary-text-selected-hover: #220302;
  --color-secondary-brand: #000000;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-populaire,
html.banque-populaire.theme-light,
html[brand-theme=banque-populaire],
html[brand-theme=banque-populaire][color-theme=light] {
  --color-primary-border: #051b71;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #000c3c;
  --color-primary-border-selected: #000c3c;
  --color-primary-border-selected-hover: #00061e;
  --color-primary-brand: #051b71;
  --color-primary-shape: #051b71;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #000c3c;
  --color-primary-shape-inverted: #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: #e9ecf9;
  --color-primary-shape-selected: #000c3c;
  --color-primary-shape-selected-hover: #00061e;
  --color-primary-surface: #051b71;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #e9ecf9;
  --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-selected: #000c3c;
  --color-primary-surface-selected-hover: #00061e;
  --color-primary-text: #051b71;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #000c3c;
  --color-primary-text-inverted: #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: #e9ecf9;
  --color-primary-text-selected: #000c3c;
  --color-primary-text-selected-hover: #00061e;
  --color-secondary-brand: #369ad4;
  --color-tertiary-brand: #e6f0f7;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.bpce,
html.bpce.theme-light,
html[brand-theme=bpce],
html[brand-theme=bpce][color-theme=light] {
  --color-primary-border: #6b218d;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #581d74;
  --color-primary-border-selected: #581d74;
  --color-primary-border-selected-hover: #3a0d4f;
  --color-primary-brand: #581d74;
  --color-primary-shape: #6b218d;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #581d74;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #fcf4ff;
  --color-primary-shape-inverted-selected: #fcf4ff;
  --color-primary-shape-inverted-selected-hover: #f7e5ff;
  --color-primary-shape-selected: #581d74;
  --color-primary-shape-selected-hover: #3a0d4f;
  --color-primary-surface: #6b218d;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #581d74;
  --color-primary-surface-selected-hover: #3a0d4f;
  --color-primary-text: #6b218d;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #581d74;
  --color-primary-text-inverted: #fffeff;
  --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-secondary-brand: #666666;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.caisse-d-epargne,
html.caisse-d-epargne.theme-light,
html[brand-theme=caisse-d-epargne],
html[brand-theme=caisse-d-epargne][color-theme=light] {
  --color-primary-border: #d7000f;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #99000b;
  --color-primary-border-selected: #99000b;
  --color-primary-border-selected-hover: #420004;
  --color-primary-brand: #d7000f;
  --color-primary-shape: #99000b;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #420004;
  --color-primary-shape-inverted: #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: #ffe8ea;
  --color-primary-shape-selected: #420004;
  --color-primary-shape-selected-hover: #220002;
  --color-primary-surface: #d7000f;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #ffe8ea;
  --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-selected: #99000b;
  --color-primary-surface-selected-hover: #420004;
  --color-primary-text: #99000b;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #420004;
  --color-primary-text-inverted: #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: #ffe8ea;
  --color-primary-text-selected: #420004;
  --color-primary-text-selected-hover: #220002;
  --color-secondary-brand: #3e454a;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.casden,
html.casden.theme-light,
html[brand-theme=casden],
html[brand-theme=casden][color-theme=light] {
  --color-primary-border: #0070b0;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #00649f;
  --color-primary-border-selected: #00649f;
  --color-primary-border-selected-hover: #004973;
  --color-primary-brand: #369ad4;
  --color-primary-shape: #0070b0;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #00649f;
  --color-primary-shape-inverted: #ffffff;
  --color-primary-shape-inverted-disabled: #bebebe;
  --color-primary-shape-inverted-hover: #f8fbfd;
  --color-primary-shape-inverted-selected: #f8fbfd;
  --color-primary-shape-inverted-selected-hover: #ebf4fa;
  --color-primary-shape-selected: #00649f;
  --color-primary-shape-selected-hover: #004973;
  --color-primary-surface: #0070b0;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f8fbfd;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ebf4fa;
  --color-primary-surface-discrete-selected: #ebf4fa;
  --color-primary-surface-discrete-selected-hover: #e1eff8;
  --color-primary-surface-hover: #00649f;
  --color-primary-surface-selected: #00649f;
  --color-primary-surface-selected-hover: #004973;
  --color-primary-text: #0070b0;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #00649f;
  --color-primary-text-inverted: #ffffff;
  --color-primary-text-inverted-disabled: #bebebe;
  --color-primary-text-inverted-hover: #f8fbfd;
  --color-primary-text-inverted-selected: #f8fbfd;
  --color-primary-text-inverted-selected-hover: #ebf4fa;
  --color-primary-text-selected: #00649f;
  --color-primary-text-selected-hover: #004973;
  --color-secondary-brand: #333333;
  --color-tertiary-brand: #e6f0f7;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.cegc,
html.cegc.theme-light,
html[brand-theme=cegc],
html[brand-theme=cegc][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #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-surface: #581d74;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #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-secondary-brand: #666666;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-cooperatif,
html.credit-cooperatif.theme-light,
html[brand-theme=credit-cooperatif],
html[brand-theme=credit-cooperatif][color-theme=light] {
  --color-primary-border: #c8102e;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #a6021d;
  --color-primary-border-selected: #a6021d;
  --color-primary-border-selected-hover: #770115;
  --color-primary-brand: #c8102e;
  --color-primary-shape: #c8102e;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #a6021d;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #c8102e;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fdf5f6;
  --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-selected: #a6021d;
  --color-primary-surface-selected-hover: #770115;
  --color-primary-text: #c8102e;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #a6021d;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #d14905;
  --color-tertiary-brand: #f7f2ea;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-foncier,
html.credit-foncier.theme-light,
html[brand-theme=credit-foncier],
html[brand-theme=credit-foncier][color-theme=light] {
  --color-primary-border: #007988;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004d57;
  --color-primary-border-selected: #004d57;
  --color-primary-border-selected-hover: #00353c;
  --color-primary-brand: #007988;
  --color-primary-shape: #007988;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004d57;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #007988;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f1fafb;
  --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-selected: #004d57;
  --color-primary-surface-selected-hover: #00353c;
  --color-primary-text: #007988;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004d57;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #e30613;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-maritime,
html.credit-maritime.theme-light,
html[brand-theme=credit-maritime],
html[brand-theme=credit-maritime][color-theme=light] {
  --color-primary-border: #0061a1;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #004674;
  --color-primary-border-selected: #004674;
  --color-primary-border-selected-hover: #00253d;
  --color-primary-brand: #0061a1;
  --color-primary-shape: #0061a1;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #004674;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #0061a1;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f2f8fc;
  --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-selected: #004674;
  --color-primary-surface-selected-hover: #00253d;
  --color-primary-text: #0061a1;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #004674;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #0091cc;
  --color-tertiary-brand: #ebf6fb;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.jpm,
html.jpm.theme-light,
html[brand-theme=jpm],
html[brand-theme=jpm][color-theme=light] {
  --color-primary-border: #333333;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #6b6b6b;
  --color-primary-border-selected: #6b6b6b;
  --color-primary-border-selected-hover: #1a1a1a;
  --color-primary-brand: #333333;
  --color-primary-shape: #333333;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #6b6b6b;
  --color-primary-shape-inverted: #ffffff;
  --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-surface: #333333;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #f5f5f5;
  --color-primary-surface-discrete-disabled: #efefef;
  --color-primary-surface-discrete-hover: #ededed;
  --color-primary-surface-discrete-selected: #ededed;
  --color-primary-surface-discrete-selected-hover: #e3e3e3;
  --color-primary-surface-hover: #6b6b6b;
  --color-primary-surface-selected: #6b6b6b;
  --color-primary-surface-selected-hover: #1a1a1a;
  --color-primary-text: #333333;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #6b6b6b;
  --color-primary-text-inverted: #ffffff;
  --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-secondary-brand: #cba052;
  --color-tertiary-brand: #f5f5f5;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.natixis,
html.natixis.theme-light,
html[brand-theme=natixis],
html[brand-theme=natixis][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #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: #fffeff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #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: #fffeff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-secondary-brand: #ae1580;
  --color-tertiary-brand: #f7f7f7;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.neo,
html.neo.theme-light,
html[brand-theme=neo],
html[brand-theme=neo][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #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: #fffeff;
  --color-primary-shape-selected: #3a0d4f;
  --color-primary-shape-selected-hover: #1c0328;
  --color-primary-surface: #581d74;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #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: #fffeff;
  --color-primary-text-selected: #3a0d4f;
  --color-primary-text-selected-hover: #1c0328;
  --color-secondary-brand: #ae1580;
  --color-tertiary-brand: #f7f7f7;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.socfim,
html.socfim.theme-light,
html[brand-theme=socfim],
html[brand-theme=socfim][color-theme=light] {
  --color-primary-border: #581d74;
  --color-primary-border-disabled: #efefef;
  --color-primary-border-hover: #3a0d4f;
  --color-primary-border-selected: #3a0d4f;
  --color-primary-border-selected-hover: #1c0328;
  --color-primary-brand: #581d74;
  --color-primary-shape: #581d74;
  --color-primary-shape-disabled: #bebebe;
  --color-primary-shape-hover: #3a0d4f;
  --color-primary-shape-inverted: #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-surface: #581d74;
  --color-primary-surface-disabled: #efefef;
  --color-primary-surface-discrete: #fcf4ff;
  --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-selected: #3a0d4f;
  --color-primary-surface-selected-hover: #1c0328;
  --color-primary-text: #581d74;
  --color-primary-text-disabled: #bebebe;
  --color-primary-text-hover: #3a0d4f;
  --color-primary-text-inverted: #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-secondary-brand: #666666;
  --color-tertiary-brand: #e7d5e7;
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:58 GMT
 */
html.theme-dark,
html[color-theme=dark] {
  --color-additional-acier: #608dae; /*  (no dark value defined) */
  --color-additional-amarante: #bf483d; /*  (no dark value defined) */
  --color-additional-ambre: #eab818; /*  (no dark value defined) */
  --color-additional-amethyste: #7c5691; /*  (no dark value defined) */
  --color-additional-aquilain: #c6553d; /*  (no dark value defined) */
  --color-additional-azurin: #e6f0f7; /*  (no dark value defined) */
  --color-additional-beige-pastel: #d8c6bd; /*  (no dark value defined) */
  --color-additional-bleu: #007acc; /*  (no dark value defined) */
  --color-additional-bleu-azur: #1759a4; /*  (no dark value defined) */
  --color-additional-bleu-canard: #51a0a2; /*  (no dark value defined) */
  --color-additional-bleu-ciel: #009eba; /*  (no dark value defined) */
  --color-additional-bleu-de-prusse: #285066; /*  (no dark value defined) */
  --color-additional-bleu-electrique: #062499; /*  (no dark value defined) */
  --color-additional-bleu-fonce: #252c51; /*  (no dark value defined) */
  --color-additional-bleu-maya: #5f98cd; /*  (no dark value defined) */
  --color-additional-bleu-noir: #080d3d; /*  (no dark value defined) */
  --color-additional-bleu-paon: #589496; /*  (no dark value defined) */
  --color-additional-bleu-pastel: #89abd7; /*  (no dark value defined) */
  --color-additional-bleu-persan: #5048ec; /*  (no dark value defined) */
  --color-additional-bleu-roi: #537dee; /*  (no dark value defined) */
  --color-additional-bordeaux: #bb142c; /*  (no dark value defined) */
  --color-additional-capucine: #f06468; /*  (no dark value defined) */
  --color-additional-carmin: #b0435f; /*  (no dark value defined) */
  --color-additional-chaudron: #987001; /*  (no dark value defined) */
  --color-additional-corail: #e6434b; /*  (no dark value defined) */
  --color-additional-creme: #f3efed; /*  (no dark value defined) */
  --color-additional-curry: #bd8a00; /*  (no dark value defined) */
  --color-additional-fauve: #956c65; /*  (no dark value defined) */
  --color-additional-girs-de-lin: #edeaf8; /*  (no dark value defined) */
  --color-additional-gris-beige: #7c7667; /*  (no dark value defined) */
  --color-additional-indigo: #521da5; /*  (no dark value defined) */
  --color-additional-lavande: #805bed; /*  (no dark value defined) */
  --color-additional-lilas: #b0479d; /*  (no dark value defined) */
  --color-additional-menthe: #00a193; /*  (no dark value defined) */
  --color-additional-moutarde: #c3811d; /*  (no dark value defined) */
  --color-additional-olive: #989407; /*  (no dark value defined) */
  --color-additional-or: #e5bd77; /*  (no dark value defined) */
  --color-additional-orange: #ec710f; /*  (no dark value defined) */
  --color-additional-orchidee: #d46ea7; /*  (no dark value defined) */
  --color-additional-plomb: #85979d; /*  (no dark value defined) */
  --color-additional-pourpre: #8f0e43; /*  (no dark value defined) */
  --color-additional-prune: #420c11; /*  (no dark value defined) */
  --color-additional-rubis: #d1005d; /*  (no dark value defined) */
  --color-additional-vert: #6e8e24; /*  (no dark value defined) */
  --color-additional-vert-bouteille: #00544d; /*  (no dark value defined) */
  --color-additional-vert-de-chrome: #1c2607; /*  (no dark value defined) */
  --color-additional-vert-emeraude: #506915; /*  (no dark value defined) */
  --color-additional-vert-pastel: #a6c5cb; /*  (no dark value defined) */
  --color-additional-vert-sapin: #2f3e0c; /*  (no dark value defined) */
  --color-additional-violet: #492578; /*  (no dark value defined) */
  --color-additional-violet-pastel: #bab2d9; /*  (no dark value defined) */
  --color-error-border: #f27986; /*  DARK colors are set for test only */
  --color-error-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-error-border-hover: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-border-selected: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-border-selected-hover: #fedadd; /*  DARK colors are set for test only */
  --color-error-reference: #f27986; /*  DARK colors are set for test only */
  --color-error-shape: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-error-shape-hover: #fff3f4; /*  DARK colors are set for test only */
  --color-error-shape-inverted: #250003; /*  DARK colors are set for test only */
  --color-error-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-error-shape-inverted-hover: #490006; /*  DARK colors are set for test only */
  --color-error-shape-inverted-selected: #490006; /*  DARK colors are set for test only */
  --color-error-shape-inverted-selected-hover: #690008; /*  DARK colors are set for test only */
  --color-error-shape-selected: #fff3f4; /*  DARK colors are set for test only */
  --color-error-shape-selected-hover: #fffafb; /*  DARK colors are set for test only */
  --color-error-surface: #f27986; /*  DARK colors are set for test only */
  --color-error-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-error-surface-discrete: #490006; /*  DARK colors are set for test only */
  --color-error-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-error-surface-discrete-hover: #9e000b; /*  DARK colors are set for test only */
  --color-error-surface-discrete-selected: #9e000b; /*  DARK colors are set for test only */
  --color-error-surface-discrete-selected-hover: #b3000c; /*  DARK colors are set for test only */
  --color-error-surface-hover: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-surface-selected: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-surface-selected-hover: #fedadd; /*  DARK colors are set for test only */
  --color-error-text: #fcc7cc; /*  DARK colors are set for test only */
  --color-error-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-error-text-hover: #fff3f4; /*  DARK colors are set for test only */
  --color-error-text-inverted: #250003; /*  DARK colors are set for test only */
  --color-error-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-error-text-inverted-hover: #490006; /*  DARK colors are set for test only */
  --color-error-text-inverted-selected: #490006; /*  DARK colors are set for test only */
  --color-error-text-inverted-selected-hover: #690008; /*  DARK colors are set for test only */
  --color-error-text-selected: #fff3f4; /*  DARK colors are set for test only */
  --color-error-text-selected-hover: #fffafb; /*  DARK colors are set for test only */
  --color-gray-background: #000000; /*  DARK colors are set for test only */
  --color-gray-border: #f6f6f6; /*  DARK colors are set for test only */
  --color-gray-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-border-discrete: #dfdfdf; /*  DARK colors are set for test only */
  --color-gray-border-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-border-discrete-hover: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-border-discrete-selected: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-border-discrete-selected-hover: #f6f6f6; /*  DARK colors are set for test only */
  --color-gray-border-hover: #f9f9f9; /*  DARK colors are set for test only */
  --color-gray-border-selected: #f9f9f9; /*  DARK colors are set for test only */
  --color-gray-border-selected-hover: #fbfbfb; /*  DARK colors are set for test only */
  --color-gray-border-strong: #fbfbfb; /*  DARK colors are set for test only */
  --color-gray-border-strong-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-border-strong-hover: #fdfdfd; /*  DARK colors are set for test only */
  --color-gray-border-strong-selected: #fdfdfd; /*  DARK colors are set for test only */
  --color-gray-border-strong-selected-hover: #fefefe; /*  DARK colors are set for test only */
  --color-gray-reference: #fdfdfd; /*  DARK colors are set for test only */
  --color-gray-shape: #fefefe; /*  DARK colors are set for test only */
  --color-gray-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-shape-discrete: #fdfdfd; /*  DARK colors are set for test only */
  --color-gray-shape-discrete-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-shape-discrete-hover: #fefefe; /*  DARK colors are set for test only */
  --color-gray-shape-discrete-selected: #fefefe; /*  DARK colors are set for test only */
  --color-gray-shape-discrete-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-gray-shape-hover: #ffffff; /*  DARK colors are set for test only */
  --color-gray-shape-inverted: #999999; /*  DARK colors are set for test only */
  --color-gray-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-shape-inverted-hover: #adadad; /*  DARK colors are set for test only */
  --color-gray-shape-inverted-selected: #adadad; /*  DARK colors are set for test only */
  --color-gray-shape-inverted-selected-hover: #bdbdbd; /*  DARK colors are set for test only */
  --color-gray-shape-selected: #ffffff; /*  DARK colors are set for test only */
  --color-gray-shape-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-gray-surface: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-surface-background: #000000; /*  DARK colors are set for test only */
  --color-gray-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-surface-discrete: #999999; /*  DARK colors are set for test only */
  --color-gray-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-surface-discrete-hover: #bdbdbd; /*  DARK colors are set for test only */
  --color-gray-surface-discrete-selected: #bdbdbd; /*  DARK colors are set for test only */
  --color-gray-surface-discrete-selected-hover: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-surface-hover: #dfdfdf; /*  DARK colors are set for test only */
  --color-gray-surface-selected: #dfdfdf; /*  DARK colors are set for test only */
  --color-gray-surface-selected-hover: #e7e7e7; /*  DARK colors are set for test only */
  --color-gray-surface-strong: #dfdfdf; /*  DARK colors are set for test only */
  --color-gray-surface-strong-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-gray-surface-strong-hover: #ededed; /*  DARK colors are set for test only */
  --color-gray-surface-strong-selected: #ededed; /*  DARK colors are set for test only */
  --color-gray-surface-strong-selected-hover: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-text: #ffffff; /*  DARK colors are set for test only */
  --color-gray-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-text-discrete: #fdfdfd; /*  DARK colors are set for test only */
  --color-gray-text-discrete-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-text-discrete-hover: #fefefe; /*  DARK colors are set for test only */
  --color-gray-text-discrete-selected: #fefefe; /*  DARK colors are set for test only */
  --color-gray-text-discrete-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-gray-text-hover: #ffffff; /*  DARK colors are set for test only */
  --color-gray-text-inverted: #999999; /*  DARK colors are set for test only */
  --color-gray-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-gray-text-inverted-hover: #adadad; /*  DARK colors are set for test only */
  --color-gray-text-inverted-selected: #adadad; /*  DARK colors are set for test only */
  --color-gray-text-inverted-selected-hover: #bdbdbd; /*  DARK colors are set for test only */
  --color-gray-text-selected: #ffffff; /*  DARK colors are set for test only */
  --color-gray-text-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-information-border: #81abff; /*  DARK colors are set for test only */
  --color-information-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-information-border-hover: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-border-selected: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-border-selected-hover: #e9f0ff; /*  DARK colors are set for test only */
  --color-information-reference: #81abff; /*  DARK colors are set for test only */
  --color-information-shape: #cadcff; /*  DARK colors are set for test only */
  --color-information-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-information-shape-hover: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-shape-inverted: #002980; /*  DARK colors are set for test only */
  --color-information-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-information-shape-inverted-hover: #0033a1; /*  DARK colors are set for test only */
  --color-information-shape-inverted-selected: #0033a1; /*  DARK colors are set for test only */
  --color-information-shape-inverted-selected-hover: #003bbe; /*  DARK colors are set for test only */
  --color-information-shape-selected: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-shape-selected-hover: #b5ceff; /*  DARK colors are set for test only */
  --color-information-surface: #81abff; /*  DARK colors are set for test only */
  --color-information-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-information-surface-discrete: #0033a1; /*  DARK colors are set for test only */
  --color-information-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-information-surface-discrete-hover: #003bbe; /*  DARK colors are set for test only */
  --color-information-surface-discrete-selected: #003bbe; /*  DARK colors are set for test only */
  --color-information-surface-discrete-selected-hover: #0042d7; /*  DARK colors are set for test only */
  --color-information-surface-hover: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-surface-selected: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-surface-selected-hover: #e9f0ff; /*  DARK colors are set for test only */
  --color-information-text: #cadcff; /*  DARK colors are set for test only */
  --color-information-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-information-text-hover: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-text-inverted: #002980; /*  DARK colors are set for test only */
  --color-information-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-information-text-inverted-hover: #0033a1; /*  DARK colors are set for test only */
  --color-information-text-inverted-selected: #0033a1; /*  DARK colors are set for test only */
  --color-information-text-inverted-selected-hover: #003bbe; /*  DARK colors are set for test only */
  --color-information-text-selected: #dbe7ff; /*  DARK colors are set for test only */
  --color-information-text-selected-hover: #e9f0ff; /*  DARK colors are set for test only */
  --color-page-background: #000000; /*  DARK colors are set for test only */
  --color-primary-border: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-surface: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #850ebe; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-text: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-secondary-brand: #fba0e0; /*  DARK colors are set for test only */
  --color-success-border: #80eeb0; /*  DARK colors are set for test only */
  --color-success-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-success-border-hover: #cbfae0; /*  DARK colors are set for test only */
  --color-success-border-selected: #cbfae0; /*  DARK colors are set for test only */
  --color-success-border-selected-hover: #ddfceb; /*  DARK colors are set for test only */
  --color-success-reference: #cbfae0; /*  DARK colors are set for test only */
  --color-success-shape: #cbfae0; /*  DARK colors are set for test only */
  --color-success-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-success-shape-hover: #ddfceb; /*  DARK colors are set for test only */
  --color-success-shape-inverted: #002510; /*  DARK colors are set for test only */
  --color-success-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-success-shape-inverted-hover: #00491e; /*  DARK colors are set for test only */
  --color-success-shape-inverted-selected: #00491e; /*  DARK colors are set for test only */
  --color-success-shape-inverted-selected-hover: #00692a; /*  DARK colors are set for test only */
  --color-success-shape-selected: #ddfceb; /*  DARK colors are set for test only */
  --color-success-shape-selected-hover: #ebfef3; /*  DARK colors are set for test only */
  --color-success-surface: #80eeb0; /*  DARK colors are set for test only */
  --color-success-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-success-surface-discrete: #00491e; /*  DARK colors are set for test only */
  --color-success-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-success-surface-discrete-hover: #008436; /*  DARK colors are set for test only */
  --color-success-surface-discrete-selected: #008436; /*  DARK colors are set for test only */
  --color-success-surface-discrete-selected-hover: #009c40; /*  DARK colors are set for test only */
  --color-success-surface-hover: #cbfae0; /*  DARK colors are set for test only */
  --color-success-surface-selected: #cbfae0; /*  DARK colors are set for test only */
  --color-success-surface-selected-hover: #ddfceb; /*  DARK colors are set for test only */
  --color-success-text: #cbfae0; /*  DARK colors are set for test only */
  --color-success-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-success-text-hover: #ddfceb; /*  DARK colors are set for test only */
  --color-success-text-inverted: #002510; /*  DARK colors are set for test only */
  --color-success-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-success-text-inverted-hover: #00491e; /*  DARK colors are set for test only */
  --color-success-text-inverted-selected: #00491e; /*  DARK colors are set for test only */
  --color-success-text-inverted-selected-hover: #00692a; /*  DARK colors are set for test only */
  --color-success-text-selected: #ddfceb; /*  DARK colors are set for test only */
  --color-success-text-selected-hover: #ebfef3; /*  DARK colors are set for test only */
  --color-tertiary-brand: #b0b0b0; /*  DARK colors are set for test only */
  --color-warning-border: #ffad7d; /*  DARK colors are set for test only */
  --color-warning-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-warning-border-hover: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-border-selected: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-border-selected-hover: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-reference: #ffad7d; /*  DARK colors are set for test only */
  --color-warning-shape: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-warning-shape-hover: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-shape-inverted: #591f00; /*  DARK colors are set for test only */
  --color-warning-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-warning-shape-inverted-hover: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-shape-inverted-selected: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-shape-inverted-selected-hover: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-shape-selected: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-shape-selected-hover: #fff0e8; /*  DARK colors are set for test only */
  --color-warning-surface: #ffad7d; /*  DARK colors are set for test only */
  --color-warning-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-warning-surface-discrete: #9e3600; /*  DARK colors are set for test only */
  --color-warning-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-warning-surface-discrete-hover: #d34600; /*  DARK colors are set for test only */
  --color-warning-surface-discrete-selected: #d34600; /*  DARK colors are set for test only */
  --color-warning-surface-discrete-selected-hover: #e84c00; /*  DARK colors are set for test only */
  --color-warning-surface-hover: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-surface-selected: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-surface-selected-hover: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-text: #ffdcc8; /*  DARK colors are set for test only */
  --color-warning-text-disabled: #fdfdfd; /*  DARK colors are set for test only */
  --color-warning-text-hover: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-text-inverted: #591f00; /*  DARK colors are set for test only */
  --color-warning-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-warning-text-inverted-hover: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-text-inverted-selected: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-text-inverted-selected-hover: #7d2b00; /*  DARK colors are set for test only */
  --color-warning-text-selected: #ffe7d9; /*  DARK colors are set for test only */
  --color-warning-text-selected-hover: #fff0e8; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-bcp.theme-dark,
html[brand-theme=banque-bcp][color-theme=dark] {
  --color-primary-border: #f176ad; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fdd8e9; /*  DARK colors are set for test only */
  --color-primary-brand: #f176ad; /*  DARK colors are set for test only */
  --color-primary-shape: #f176ad; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #250010; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #250010; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #49001f; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fdd8e9; /*  DARK colors are set for test only */
  --color-primary-surface: #f176ad; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #49001f; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #69002d; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #69002d; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #850038; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fdd8e9; /*  DARK colors are set for test only */
  --color-primary-text: #f176ad; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #250010; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #250010; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #49001f; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f9aed0; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fdd8e9; /*  DARK colors are set for test only */
  --color-secondary-brand: #c2c2c2; /*  DARK colors are set for test only */
  --color-tertiary-brand: #aeadad; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-btp.theme-dark,
html[brand-theme=banque-btp][color-theme=dark] {
  --color-primary-border: #bbdeff; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #f5faff; /*  DARK colors are set for test only */
  --color-primary-brand: #bbdeff; /*  DARK colors are set for test only */
  --color-primary-shape: #bbdeff; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #00162a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #00162a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #002a52; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #f5faff; /*  DARK colors are set for test only */
  --color-primary-surface: #bbdeff; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #002a52; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #003c75; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #003c75; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #004c94; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #f5faff; /*  DARK colors are set for test only */
  --color-primary-text: #bbdeff; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #00162a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #00162a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #002a52; /*  DARK colors are set for test only */
  --color-primary-text-selected: #dff0ff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #f5faff; /*  DARK colors are set for test only */
  --color-secondary-brand: #92aab8; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-nouvelle-caledonie.theme-dark,
html[brand-theme=banque-de-nouvelle-caledonie][color-theme=dark] {
  --color-primary-border: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-brand: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-shape: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #001729; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #001729; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #002d50; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-surface: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #002d50; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #003f72; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #003f72; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #004f91; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-text: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #001729; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #001729; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #002d50; /*  DARK colors are set for test only */
  --color-primary-text-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-secondary-brand: #1986a4; /*  DARK colors are set for test only */
  --color-tertiary-brand: #696969; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-savoie.theme-dark,
html[brand-theme=banque-de-savoie][color-theme=dark] {
  --color-primary-border: #ff9198; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-border-selected: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #ffe3e5; /*  DARK colors are set for test only */
  --color-primary-brand: #ff9198; /*  DARK colors are set for test only */
  --color-primary-shape: #ff9198; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #430105; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #ffe3e5; /*  DARK colors are set for test only */
  --color-primary-surface: #ff9198; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #430105; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #7d030b; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #7d030b; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #9d040e; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #ffe3e5; /*  DARK colors are set for test only */
  --color-primary-text: #ff9198; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #430105; /*  DARK colors are set for test only */
  --color-primary-text-selected: #ffc1c5; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #ffe3e5; /*  DARK colors are set for test only */
  --color-secondary-brand: #b9c8de; /*  DARK colors are set for test only */
  --color-tertiary-brand: #b0b0b0; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-de-tahiti.theme-dark,
html[brand-theme=banque-de-tahiti][color-theme=dark] {
  --color-primary-border: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-brand: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-shape: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #001729; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #001729; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #002d50; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-surface: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #001729; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #002d50; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #002d50; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #004f91; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-primary-text: #99d3ff; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #001729; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #001729; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #002d50; /*  DARK colors are set for test only */
  --color-primary-text-selected: #c8e7ff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #e8f5ff; /*  DARK colors are set for test only */
  --color-secondary-brand: #1986a4; /*  DARK colors are set for test only */
  --color-tertiary-brand: #696969; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-dupuy-de-parseval.theme-dark,
html[brand-theme=banque-dupuy-de-parseval][color-theme=dark] {
  --color-dupuy-de-parseval-primary-surface-discrete: #76010a; /*  DARK colors are set for test only */
  --color-primary-border: #f4e4e5; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcf9f9; /*  DARK colors are set for test only */
  --color-primary-brand: #f4e4e5; /*  DARK colors are set for test only */
  --color-primary-shape: #f4e4e5; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #5c0108; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #5c0108; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #5c0108; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #76010a; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcf9f9; /*  DARK colors are set for test only */
  --color-primary-surface: #f4e4e5; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #8b010c; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #8b010c; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #9d010e; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcf9f9; /*  DARK colors are set for test only */
  --color-primary-text: #f4e4e5; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #5c0108; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #5c0108; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #5c0108; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #76010a; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f8f0f1; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcf9f9; /*  DARK colors are set for test only */
  --color-secondary-brand: #665436; /*  DARK colors are set for test only */
  --color-tertiary-brand: #696969; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-marze.theme-dark,
html[brand-theme=banque-marze][color-theme=dark] {
  --color-primary-border: #8dc7fc; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #e2f1ff; /*  DARK colors are set for test only */
  --color-primary-brand: #8dc7fc; /*  DARK colors are set for test only */
  --color-primary-shape: #8dc7fc; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #001529; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #001529; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #012a50; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #e2f1ff; /*  DARK colors are set for test only */
  --color-primary-surface: #8dc7fc; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #011f3c; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #023c71; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #023c71; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #034c8f; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #e2f1ff; /*  DARK colors are set for test only */
  --color-primary-text: #8dc7fc; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #001529; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #001529; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #012a50; /*  DARK colors are set for test only */
  --color-primary-text-selected: #bfe0ff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #e2f1ff; /*  DARK colors are set for test only */
  --color-secondary-brand: #bacdd3; /*  DARK colors are set for test only */
  --color-tertiary-brand: #e1e1e1; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-palatine.theme-dark,
html[brand-theme=banque-palatine][color-theme=dark] {
  --color-primary-border: #feebea; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-border-selected: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fffbfb; /*  DARK colors are set for test only */
  --color-primary-brand: #feebea; /*  DARK colors are set for test only */
  --color-primary-shape: #feebea; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #120100; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #120100; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #120100; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #470200; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fffbfb; /*  DARK colors are set for test only */
  --color-primary-surface: #feebea; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #470200; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #670300; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #670300; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #830400; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fffbfb; /*  DARK colors are set for test only */
  --color-primary-text: #feebea; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #120100; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #120100; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #120100; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #470200; /*  DARK colors are set for test only */
  --color-primary-text-selected: #fff5f5; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fffbfb; /*  DARK colors are set for test only */
  --color-secondary-brand: #ffffff; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.banque-populaire.theme-dark,
html[brand-theme=banque-populaire][color-theme=dark] {
  --color-primary-border: #e8edff; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f8faff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f8faff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fdfdff; /*  DARK colors are set for test only */
  --color-primary-brand: #e8edff; /*  DARK colors are set for test only */
  --color-primary-shape: #e8edff; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f8faff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000516; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #010e42; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #010e42; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #071f7c; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f8faff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fdfdff; /*  DARK colors are set for test only */
  --color-primary-surface: #e8edff; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #071f7c; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #284bd0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #284bd0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #5375f7; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f8faff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f8faff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fdfdff; /*  DARK colors are set for test only */
  --color-primary-text: #e8edff; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f8faff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000516; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #010e42; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #010e42; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #071f7c; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f8faff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fdfdff; /*  DARK colors are set for test only */
  --color-secondary-brand: #96d1f3; /*  DARK colors are set for test only */
  --color-tertiary-brand: #85847b; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.bpce.theme-dark,
html[brand-theme=bpce][color-theme=dark] {
  --color-primary-border: #ead6f4; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #ead6f4; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #53007a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #53007a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #620090; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface: #ead6f4; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text: #ead6f4; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #41005f; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #53007a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #53007a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #620090; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-secondary-brand: #959595; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.caisse-d-epargne.theme-dark,
html[brand-theme=caisse-d-epargne][color-theme=dark] {
  --color-primary-border: #ff7d86; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-border-selected: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-brand: #ff7d86; /*  DARK colors are set for test only */
  --color-primary-shape: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #170001; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #450003; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #450003; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #800005; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fffafb; /*  DARK colors are set for test only */
  --color-primary-surface: #ff7d86; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #800005; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #d70004; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #d70004; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #ff0012; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-text: #ffc8cb; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #170001; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #450003; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #450003; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #800005; /*  DARK colors are set for test only */
  --color-primary-text-selected: #fff2f3; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fffafb; /*  DARK colors are set for test only */
  --color-secondary-brand: #fafdff; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.casden.theme-dark,
html[brand-theme=casden][color-theme=dark] {
  --color-primary-border: #a5d5f1; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-border-selected: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #e2f1fb; /*  DARK colors are set for test only */
  --color-primary-brand: #51aadd; /*  DARK colors are set for test only */
  --color-primary-shape: #a5d5f1; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #414141; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #414141; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #001724; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #001724; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #b0b0b0; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #e2f1fb; /*  DARK colors are set for test only */
  --color-primary-surface: #a5d5f1; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #001724; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #b0b0b0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #b0b0b0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #034165; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #e2f1fb; /*  DARK colors are set for test only */
  --color-primary-text: #a5d5f1; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #414141; /*  DARK colors are set for test only */
  --color-primary-text-hover: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #414141; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #001724; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #001724; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #b0b0b0; /*  DARK colors are set for test only */
  --color-primary-text-selected: #bde0f5; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #e2f1fb; /*  DARK colors are set for test only */
  --color-secondary-brand: #cecece; /*  DARK colors are set for test only */
  --color-tertiary-brand: #c0c0c0; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.cegc.theme-dark,
html[brand-theme=cegc][color-theme=dark] {
  --color-primary-border: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-surface: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-text: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-secondary-brand: #959595; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-cooperatif.theme-dark,
html[brand-theme=credit-cooperatif][color-theme=dark] {
  --color-primary-border: #fe8ea1; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-border-selected: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #ffe2e7; /*  DARK colors are set for test only */
  --color-primary-brand: #fe8ea1; /*  DARK colors are set for test only */
  --color-primary-shape: #fe8ea1; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #280007; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #280007; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #4f010e; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #ffe2e7; /*  DARK colors are set for test only */
  --color-primary-surface: #fe8ea1; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #4f010e; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #710214; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #710214; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #8f021a; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #ffe2e7; /*  DARK colors are set for test only */
  --color-primary-text: #fe8ea1; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #280007; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #280007; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #4f010e; /*  DARK colors are set for test only */
  --color-primary-text-selected: #ffbfca; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #ffe2e7; /*  DARK colors are set for test only */
  --color-secondary-brand: #d06524; /*  DARK colors are set for test only */
  --color-tertiary-brand: #b0b0b0; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-foncier.theme-dark,
html[brand-theme=credit-foncier][color-theme=dark] {
  --color-primary-border: #cbf5fa; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-border-selected: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #f5feff; /*  DARK colors are set for test only */
  --color-primary-brand: #cbf5fa; /*  DARK colors are set for test only */
  --color-primary-shape: #cbf5fa; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #002125; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #002125; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #004049; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #f5feff; /*  DARK colors are set for test only */
  --color-primary-surface: #cbf5fa; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #004049; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #005d69; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #005d69; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #007685; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #f5feff; /*  DARK colors are set for test only */
  --color-primary-text: #cbf5fa; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #002125; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #002125; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #004049; /*  DARK colors are set for test only */
  --color-primary-text-selected: #ebfcfe; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #f5feff; /*  DARK colors are set for test only */
  --color-secondary-brand: #ff3440; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.credit-maritime.theme-dark,
html[brand-theme=credit-maritime][color-theme=dark] {
  --color-primary-border: #b1dffd; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #f2faff; /*  DARK colors are set for test only */
  --color-primary-brand: #b1dffd; /*  DARK colors are set for test only */
  --color-primary-shape: #b1dffd; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #001727; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #001727; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #002d4c; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #f2faff; /*  DARK colors are set for test only */
  --color-primary-surface: #b1dffd; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #002d4c; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #00406d; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #00406d; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #00518a; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #f2faff; /*  DARK colors are set for test only */
  --color-primary-text: #b1dffd; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #001727; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #001727; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #002d4c; /*  DARK colors are set for test only */
  --color-primary-text-selected: #d9f0ff; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #f2faff; /*  DARK colors are set for test only */
  --color-secondary-brand: #0091cc; /*  DARK colors are set for test only */
  --color-tertiary-brand: #9c9c9c; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.jpm.theme-dark,
html[brand-theme=jpm][color-theme=dark] {
  --color-primary-border: #fefefe; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-border-selected: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-primary-brand: #fefefe; /*  DARK colors are set for test only */
  --color-primary-shape: #fefefe; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #4a4a4a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #4a4a4a; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #454545; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-primary-surface: #fefefe; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #7f7f7f; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #c0c0c0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #c0c0c0; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #c9c9c9; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-primary-text: #fefefe; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #000000; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #4a4a4a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #4a4a4a; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #454545; /*  DARK colors are set for test only */
  --color-primary-text-selected: #fbfbfb; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #ffffff; /*  DARK colors are set for test only */
  --color-secondary-brand: #6d5c3e; /*  DARK colors are set for test only */
  --color-tertiary-brand: #7f7f7f; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.natixis.theme-dark,
html[brand-theme=natixis][color-theme=dark] {
  --color-primary-border: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-surface: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #850ebe; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-text: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-secondary-brand: #fba0e0; /*  DARK colors are set for test only */
  --color-tertiary-brand: #b0b0b0; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.neo.theme-dark,
html[brand-theme=neo][color-theme=dark] {
  --color-primary-border: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-surface: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cdcdcd; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #850ebe; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-text: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f3f3f3; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #41005f; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-secondary-brand: #fba0e0; /*  DARK colors are set for test only */
  --color-tertiary-brand: #b0b0b0; /*  DARK colors are set for test only */
}

/**
 * Do not edit directly
 * Generated on Thu, 20 Apr 2023 16:04:59 GMT
 */
html.socfim.theme-dark,
html[brand-theme=socfim][color-theme=dark] {
  --color-primary-border: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-border-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-border-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-border-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-brand: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-shape-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-inverted-selected-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-shape-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-shape-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-surface: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-surface-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete: #53007a; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-disabled: #cbcbcb; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-hover: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected: #620090; /*  DARK colors are set for test only */
  --color-primary-surface-discrete-selected-hover: #6e00a3; /*  DARK colors are set for test only */
  --color-primary-surface-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-surface-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-primary-text: #f2e5f7; /*  DARK colors are set for test only */
  --color-primary-text-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-hover: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-inverted: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-disabled: #f2f2f2; /*  DARK colors are set for test only */
  --color-primary-text-inverted-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-inverted-selected-hover: #2c0041; /*  DARK colors are set for test only */
  --color-primary-text-selected: #f7f1fa; /*  DARK colors are set for test only */
  --color-primary-text-selected-hover: #fcfafd; /*  DARK colors are set for test only */
  --color-secondary-brand: #959595; /*  DARK colors are set for test only */
  --color-tertiary-brand: #e1e1e1; /*  DARK colors are set for test only */
}

.bpce-icon-font {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  font-family: "89c3-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}

.bpce-icon-font.add:before {
  content: "\ea01";
}
.bpce-icon-font.calendar-ok:before {
  content: "\ea04";
}
.bpce-icon-font.browser:before {
  content: "\ea03";
}
.bpce-icon-font.calendar:before {
  content: "\ea05";
}
.bpce-icon-font.call:before {
  content: "\ea06";
}
.bpce-icon-font.card:before {
  content: "\ea07";
}
.bpce-icon-font.check-circle:before {
  content: "\ea08";
}
.bpce-icon-font.check:before {
  content: "\ea09";
}
.bpce-icon-font.checkbox-off:before {
  content: "\ea0a";
}
.bpce-icon-font.checkbox-on:before {
  content: "\ea0b";
}
.bpce-icon-font.close:before {
  content: "\ea0c";
}
.bpce-icon-font.cloud:before {
  content: "\ea0d";
}
.bpce-icon-font.download-cloud:before {
  content: "\ea0e";
}
.bpce-icon-font.download:before {
  content: "\ea0f";
}
.bpce-icon-font.edit:before {
  content: "\ea10";
}
.bpce-icon-font.email:before {
  content: "\ea11";
}
.bpce-icon-font.erase:before {
  content: "\ea12";
}
.bpce-icon-font.favoris:before {
  content: "\ea13";
}
.bpce-icon-font.folder:before {
  content: "\ea14";
}
.bpce-icon-font.geolocation-pin:before {
  content: "\ea15";
}
.bpce-icon-font.help:before {
  content: "\ea16";
}
.bpce-icon-font.information:before {
  content: "\ea17";
}
.bpce-icon-font.phone:before {
  content: "\ea19";
}
.bpce-icon-font.profil:before {
  content: "\ea1a";
}
.bpce-icon-font.refresh:before {
  content: "\ea1b";
}
.bpce-icon-font.remove:before {
  content: "\ea1c";
}
.bpce-icon-font.secure:before {
  content: "\ea1d";
}
.bpce-icon-font.share:before {
  content: "\ea1e";
}
.bpce-icon-font.arrow-down:before {
  content: "\ea23";
}
.bpce-icon-font.arrow-up:before {
  content: "\ea22";
}
.bpce-icon-font.target:before {
  content: "\ea24";
}
.bpce-icon-font.camera:before {
  content: "\ea25";
}
.bpce-icon-font.warning:before {
  content: "\ea20";
}
.bpce-icon-font.trash:before {
  content: "\ea1f";
}
.bpce-icon-font.find:before {
  content: "\ea26";
}
.bpce-icon-font.log-out:before {
  content: "\ea27";
}
.bpce-icon-font.page:before {
  content: "\ea28";
}
.bpce-icon-font.euro:before {
  content: "\ea29";
}
.bpce-icon-font.file-doc:before {
  content: "\ea2a";
}
.bpce-icon-font.file-pdf:before {
  content: "\ea2b";
}
.bpce-icon-font.file-ppt:before {
  content: "\ea2c";
}
.bpce-icon-font.file-xls:before {
  content: "\ea2d";
}
.bpce-icon-font.chat:before {
  content: "\ea30";
}
.bpce-icon-font.eye:before {
  content: "\ea31";
}
.bpce-icon-font.eye-close:before {
  content: "\ea32";
}
.bpce-icon-font.call-back:before {
  content: "\ea33";
}
.bpce-icon-font.support-help:before {
  content: "\ea34";
}
.bpce-icon-font.more-details:before {
  content: "\ea35";
}
.bpce-icon-font.chevron-down:before {
  content: "\ea36";
}
.bpce-icon-font.chevron-up:before {
  content: "\ea37";
}
.bpce-icon-font.chevron-left:before {
  content: "\ea38";
}
.bpce-icon-font.chevron-right:before {
  content: "\ea39";
}
.bpce-icon-font.alert:before {
  content: "\ea3a";
}
.bpce-icon-font.app-facebook:before {
  content: "\ea3b";
}
.bpce-icon-font.app-skype:before {
  content: "\ea3c";
}
.bpce-icon-font.app-twitter:before {
  content: "\ea3d";
}
.bpce-icon-font.app-video:before {
  content: "\ea3e";
}
.bpce-icon-font.upload-cloud:before {
  content: "\ea40";
}
.bpce-icon-font.money-out:before {
  content: "\ea41";
}
.bpce-icon-font.money-in:before {
  content: "\ea42";
}
.bpce-icon-font.delete:before {
  content: "\ea43";
}
.bpce-icon-font.list:before {
  content: "\ea44";
}
.bpce-icon-font.grid:before {
  content: "\ea45";
}
.bpce-icon-font.reach-the-start:before {
  content: "\ea46";
}
.bpce-icon-font.reach-the-end:before {
  content: "\ea47";
}
.bpce-icon-font.filter:before {
  content: "\ea48";
}
.bpce-icon-font.bulle:before {
  content: "\ea49";
}
.bpce-icon-font.molecule:before {
  content: "\ea4a";
}
.bpce-icon-font.plus:before {
  content: "\ea4b";
}
.bpce-icon-font.moins:before {
  content: "\ea4c";
}
.bpce-icon-font.expand:before {
  content: "\ea4d";
}
.bpce-icon-font.reduce:before {
  content: "\ea4e";
}
.bpce-icon-font.exchange:before {
  content: "\ea50";
}
.bpce-icon-font.copy:before {
  content: "\ea51";
}
.bpce-icon-font.call-out:before {
  content: "\ea52";
}
.bpce-icon-font.arrow-downleft:before {
  content: "\ea53";
}
.bpce-icon-font.arrow-downright:before {
  content: "\ea54";
}
.bpce-icon-font.arrow-left:before {
  content: "\ea55";
}
.bpce-icon-font.arrow-right:before {
  content: "\ea56";
}
.bpce-icon-font.arrow-upleft:before {
  content: "\ea57";
}
.bpce-icon-font.arrow-upright:before {
  content: "\ea58";
}
.bpce-icon-font.building:before {
  content: "\ea59";
}
.bpce-icon-font.calculator:before {
  content: "\ea5a";
}
.bpce-icon-font.cart:before {
  content: "\ea5b";
}
.bpce-icon-font.charts-bar:before {
  content: "\ea5c";
}
.bpce-icon-font.charts-linedown:before {
  content: "\ea5d";
}
.bpce-icon-font.charts-lineup:before {
  content: "\ea5e";
}
.bpce-icon-font.charts-pie:before {
  content: "\ea5f";
}
.bpce-icon-font.historic:before {
  content: "\ea60";
}
.bpce-icon-font.home:before {
  content: "\ea61";
}
.bpce-icon-font.menu:before {
  content: "\ea62";
}
.bpce-icon-font.more:before {
  content: "\ea63";
}
.bpce-icon-font.print:before {
  content: "\ea64";
}
.bpce-icon-font.cogwheel:before {
  content: "\ea65";
}
.bpce-icon-font.media-play:before {
  content: "\ea66";
}
.bpce-icon-font.media-pause:before {
  content: "\ea67";
}
.bpce-icon-font.media-duration:before {
  content: "\ea68";
}
.bpce-icon-font.repeat:before {
  content: "\ea69";
}
.bpce-icon-font.sun:before {
  content: "\ea6a";
}
.bpce-icon-font.moon:before {
  content: "\ea6b";
}
.bpce-icon-font.link:before {
  content: "\ea6c";
}
.bpce-icon-font.thumbs-up:before {
  content: "\ea6d";
}
.bpce-icon-font.thumbs-down:before {
  content: "\ea6e";
}
.bpce-icon-font.app-linkedin:before {
  content: "\ea6f";
}
.bpce-icon-font.app-pinterest:before {
  content: "\ea70";
}
.bpce-icon-font.app-instagram:before {
  content: "\ea71";
}
.bpce-icon-font.app-tiktok:before {
  content: "\ea72";
}
.bpce-icon-font.app-slack:before {
  content: "\ea74";
}
.bpce-icon-font.alert-active:before {
  content: "\ea75";
}
.bpce-icon-font.server:before {
  content: "\ea76";
}
.bpce-icon-font.box:before {
  content: "\ea77";
}
.bpce-icon-font.layers:before {
  content: "\ea78";
}
.bpce-icon-font.app-snapchat:before {
  content: "\ea73";
}
.bpce-icon-font.image:before {
  content: "\ea79";
}
.bpce-icon-font.shield:before {
  content: "\ea7a";
}
.bpce-icon-font.umbrella:before {
  content: "\ea7b";
}
.bpce-icon-font.doc-alt:before {
  content: "\ea7c";
}
.bpce-icon-font.upload:before {
  content: "\ea7d";
}
.bpce-icon-font.favoris-active:before {
  content: "\ea7e";
}
.bpce-icon-font.heart-active:before {
  content: "\ea7f";
}
.bpce-icon-font.subscribe:before {
  content: "\ea80";
}
.bpce-icon-font.checkbox-indeterminate:before {
  content: "\ea81";
}
.bpce-icon-font.envelope:before {
  content: "\ea82";
}
.bpce-icon-font.connections:before {
  content: "\ea83";
}
.bpce-icon-font.accessibility:before {
  content: "\ea84";
}
.bpce-icon-font.face-smiling:before {
  content: "\ea85";
}
.bpce-icon-font.face-neutral:before {
  content: "\ea86";
}
.bpce-icon-font.face-frowning:before {
  content: "\ea87";
}
.bpce-icon-font.face-smiling-active:before {
  content: "\ea8b";
}
.bpce-icon-font.face-frowning-active:before {
  content: "\ea8d";
}
.bpce-icon-font.face-neutral-active:before {
  content: "\ea8c";
}
.bpce-icon-font.unlink:before {
  content: "\ea8f";
}
.bpce-icon-font.tag:before {
  content: "\ea90";
}
.bpce-icon-font.list2:before {
  content: "\ea92";
}
.bpce-icon-font.external-link:before {
  content: "\ea93";
}
.bpce-icon-font.drag:before {
  content: "\ea94";
}
.bpce-icon-font.mic:before {
  content: "\ea91";
}
.bpce-icon-font.percent:before {
  content: "\ea95";
}
.bpce-icon-font.arrow-up-arrow-down:before {
  content: "\ea96";
}
.bpce-icon-font.heart:before {
  content: "\ea97";
}

@font-face {
  font-family: "89c3-icons";
  src: url(fde591e4cd72f3b3194a.eot);
  src: url(fde591e4cd72f3b3194a.eot?#iefix) format("eot"), url(cfc38b313ec3643f2226.woff2) format("woff2"), url(05c304b2c70fa998030b.woff) format("woff"), url(8c4030766593a09f5a6a.ttf) format("truetype"), url(76adcd26099d2773a3a7.svg#symbols_89C3) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.neo-badge {
  --badge-size: 8px;
  --badge-color: var(--neo-badge-color, var(--color-information-shape));
  --badge-text-color: var(--neo-badge-text-color, var(--color-gray-text-inverted));
  --badge-border-radius: 50%;
  --badge-icon-size: 8px;
  --badge-textual-padding: 0 calc(var(--size-space-s) / 2);
  --badge-textual-font: var(--typography-body-xxs-medium-lining-nums);
}

.neo-badge {
  align-items: center;
  background-color: var(--neo-badge-color, var(--badge-color));
  color: var(--neo-badge-text-color, var(--badge-text-color));
  border-radius: var(--badge-border-radius);
  display: inline-flex;
  height: var(--badge-size);
  justify-content: center;
  width: var(--badge-size);
}
.neo-badge > img {
  width: var(--badge-icon-size);
}
.neo-badge-success {
  --badge-color: var(--color-success-shape);
}
.neo-badge-warning {
  --badge-color: var(--color-warning-shape);
}
.neo-badge-error {
  --badge-color: var(--color-error-shape);
}
.neo-badge-disabled {
  --badge-color: var(--color-error-shape-disabled);
}
.neo-badge-xs {
  --badge-size: 12px;
}
.neo-badge-s {
  --badge-size: 16px;
  --badge-icon-size: 10px;
}
.neo-badge-textual {
  --badge-border-radius: calc(var(--size-radius-s) + var(--size-radius-m));
  height: var(--badge-size);
  width: auto;
  font: var(--badge-textual-font);
  padding: var(--badge-textual-padding);
  height: var(--badge-size);
}
.neo-badge-textual-s {
  --badge-size: 16px;
  line-height: 16px;
}
.neo-badge-textual-m {
  --badge-size: 24px;
  --badge-textual-font: var(--typography-body-m-medium-lining-nums);
  --badge-textual-padding: 0 var(--size-space-xs);
}
.neo-badge-m {
  --badge-size: 24px;
  --badge-icon-size: 16px;
}
.neo-badge-l {
  --badge-size: 32px;
  --badge-icon-size: 24px;
}
.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, body:not(.using-mouse) .neo-chips-select > select:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips:focus, .neo-chips-erase:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-button:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

.neo-button {
  --button-s-height: 24px;
  --button-s-radius: var(--size-radius-xs);
  --button-s-shape-size: 16px;
  --button-s-loader-size: 12px;
  --button-s-shape-spacing: var(--size-space-xxs);
  --button-s-spacings: calc(var(--size-space-xxs) - 1px) calc(var(--size-space-s) - 1px);
  --button-s-font: var(--typography-body-xs-medium);
  --button-m-height: 32px;
  --button-m-radius: var(--size-radius-s);
  --button-m-shape-size: 16px;
  --button-m-loader-size: 16px;
  --button-m-shape-spacing: var(--size-space-xxs);
  --button-m-spacings: calc(var(--size-space-xs) - 1px) calc(var(--size-space-s) - 1px);
  --button-m-font: var(--typography-body-xs-medium);
  --button-l-height: 40px;
  --button-l-radius: var(--size-radius-s);
  --button-l-shape-size: 24px;
  --button-l-loader-size: 24px;
  --button-l-shape-spacing: var(--size-space-xs);
  --button-l-spacings: calc(var(--size-space-xs) - 1px) calc(var(--size-space-m) - 1px);
  --button-l-font: var(--typography-body-m-medium);
  --button-shapeonly-s-spacings: calc(var(--size-space-xxs) - 1px);
  --button-shapeonly-m-spacings: calc(var(--size-space-xs) - 1px);
  --button-shapeonly-l-spacings: calc(var(--size-space-xs) - 1px);
  --button-tertiary-color-label-disabled: var(--color-gray-text-disabled);
  --button-tertiary-color-label-active: var(--color-primary-text-inverted);
  --button-tertiary-color-label-hover: var(--color-primary-text-inverted);
  --button-tertiary-color-label: var(--color-primary-text);
  --button-tertiary-color-border-disabled: var(--color-primary-border-disabled);
  --button-tertiary-color-border-active: var(--color-primary-border-selected-hover);
  --button-tertiary-color-border-hover: var(--color-primary-border-hover);
  --button-tertiary-color-border: transparent;
  --button-tertiary-color-surface-active: var(--color-primary-surface-selected-hover);
  --button-tertiary-color-surface-disabled: var(--color-primary-surface-disabled);
  --button-tertiary-color-surface-hover: var(--color-primary-surface-hover);
  --button-tertiary-color-surface: transparent;
  --button-secondary-color-label-disabled: var(--color-gray-text-disabled);
  --button-secondary-color-label-active: var(--color-primary-text-inverted);
  --button-secondary-color-label-hover: var(--color-primary-text-inverted);
  --button-secondary-color-label: var(--color-primary-text);
  --button-secondary-color-border-disabled: var(--color-primary-border-disabled);
  --button-secondary-color-border-active: var(--color-primary-border-selected-hover);
  --button-secondary-color-border-hover: var(--color-primary-border-hover);
  --button-secondary-color-border: var(--color-gray-border-discrete);
  --button-secondary-color-surface-active: var(--color-primary-surface-selected-hover);
  --button-secondary-color-surface-disabled: var(--color-primary-surface-disabled);
  --button-secondary-color-surface-hover: var(--color-primary-surface-hover);
  --button-secondary-color-surface: var(--color-gray-surface);
  --button-primary-color-label-disabled: var(--color-gray-text-disabled);
  --button-primary-color-label-active: var(--color-primary-text-inverted);
  --button-primary-color-label-hover: var(--color-primary-text-inverted);
  --button-primary-color-label: var(--color-primary-text-inverted);
  --button-primary-color-border-disabled: var(--color-primary-border-disabled);
  --button-primary-color-border-active: var(--color-primary-border-selected-hover);
  --button-primary-color-border-hover: var(--color-primary-border-hover);
  --button-primary-color-border: var(--color-primary-border);
  --button-primary-color-surface-disabled: var(--color-primary-surface-disabled);
  --button-primary-color-surface-active: var(--color-primary-surface-selected-hover);
  --button-primary-color-surface-hover: var(--color-primary-surface-hover);
  --button-primary-color-surface: var(--color-primary-surface);
  --button-outline-color-label-disabled: var(--color-gray-text-disabled);
  --button-outline-color-label-active: var(--color-primary-text-inverted);
  --button-outline-color-label-hover: var(--color-primary-text-inverted);
  --button-outline-color-label: var(--color-primary-text);
  --button-outline-color-border-disabled: var(--color-primary-surface-disabled);
  --button-outline-color-border-active: var(--color-primary-surface-selected-hover);
  --button-outline-color-border-hover: var(--color-primary-surface-hover);
  --button-outline-color-border: var(--color-primary-border);
  --button-outline-color-surface-disabled: var(--color-primary-surface-disabled);
  --button-outline-color-surface-active: var(--color-primary-surface-selected-hover);
  --button-outline-color-surface-hover: var(--color-primary-surface-hover);
  --button-outline-color-surface: var(--color-page-background);
}

.neo-button {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  border: var(--size-border-xs) solid;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: background 250ms ease;
  max-width: 588px;
  min-height: var(--button-l-height);
  border-radius: var(--button-l-radius);
  padding: var(--button-l-spacings);
  font: var(--button-l-font);
  line-height: var(--button-l-shape-size);
}
.neo-button-primary {
  background-color: var(--button-primary-color-surface);
  border-color: var(--button-primary-color-border);
  color: var(--button-primary-color-label);
}
@media (hover: hover) and (pointer: fine) {
  .neo-button-primary:hover {
    background-color: var(--button-primary-color-surface-hover);
    border-color: var(--button-primary-color-border-hover);
    color: var(--button-primary-color-label-hover);
  }
}
.neo-button-primary:active {
  background-color: var(--button-primary-color-surface-active);
  border-color: var(--button-primary-color-border-active);
  color: var(--button-primary-color-label-active);
}
.neo-button-primary:disabled {
  background-color: var(--button-primary-color-surface-disabled);
  border-color: var(--button-primary-color-border-disabled);
  color: var(--button-primary-color-label-disabled);
  cursor: not-allowed;
}
.neo-button-secondary {
  background-color: var(--button-secondary-color-surface);
  border-color: var(--button-secondary-color-border);
  color: var(--button-secondary-color-label);
}
@media (hover: hover) and (pointer: fine) {
  .neo-button-secondary:hover {
    background-color: var(--button-secondary-color-surface-hover);
    border-color: var(--button-secondary-color-border-hover);
    color: var(--button-secondary-color-label-hover);
  }
}
.neo-button-secondary:active {
  background-color: var(--button-secondary-color-surface-active);
  border-color: var(--button-secondary-color-border-active);
  color: var(--button-secondary-color-label-active);
}
.neo-button-secondary:disabled {
  background-color: var(--button-secondary-color-surface-disabled);
  border-color: var(--button-secondary-color-border-disabled);
  color: var(--button-secondary-color-label-disabled);
  cursor: not-allowed;
}
.neo-button-secondary-outline {
  background-color: var(--button-outline-color-surface);
  border-color: var(--button-outline-color-border);
  color: var(--button-outline-color-label);
}
@media (hover: hover) and (pointer: fine) {
  .neo-button-secondary-outline:hover {
    background-color: var(--button-outline-color-surface-hover);
    border-color: var(--button-outline-color-border-hover);
    color: var(--button-outline-color-label-hover);
  }
}
.neo-button-secondary-outline:active {
  background-color: var(--button-outline-color-surface-active);
  border-color: var(--button-outline-color-border-active);
  color: var(--button-outline-color-label-active);
}
.neo-button-secondary-outline:disabled {
  background-color: var(--button-outline-color-surface-disabled);
  border-color: var(--button-outline-color-border-disabled);
  color: var(--button-outline-color-label-disabled);
  cursor: not-allowed;
}
.neo-button-tertiary {
  background-color: var(--button-tertiary-color-surface);
  border-color: var(--button-tertiary-color-border);
  color: var(--button-tertiary-color-label);
}
@media (hover: hover) and (pointer: fine) {
  .neo-button-tertiary:hover {
    background-color: var(--button-tertiary-color-surface-hover);
    border-color: var(--button-tertiary-color-border-hover);
    color: var(--button-tertiary-color-label-hover);
  }
}
.neo-button-tertiary:active {
  background-color: var(--button-tertiary-color-surface-active);
  border-color: var(--button-tertiary-color-border-active);
  color: var(--button-tertiary-color-label-active);
}
.neo-button-tertiary:disabled {
  background-color: var(--button-tertiary-color-surface-disabled);
  border-color: var(--button-tertiary-color-border-disabled);
  color: var(--button-tertiary-color-label-disabled);
  cursor: not-allowed;
}
.neo-button .bpce-icon-font {
  margin-right: var(--button-l-shape-spacing);
  font-size: var(--button-l-shape-size);
}
.neo-button-s {
  min-height: var(--button-s-height);
  border-radius: var(--button-s-radius);
  padding: var(--button-s-spacings);
  font: var(--button-s-font);
  line-height: var(--button-s-shape-size) !important;
}
.neo-button-s .bpce-icon-font {
  margin-right: var(--button-s-shape-spacing);
  font-size: var(--button-s-shape-size);
}
.neo-button-m {
  min-height: var(--button-m-height);
  border-radius: var(--button-m-radius);
  padding: var(--button-m-spacings);
  font: var(--button-m-font);
  line-height: var(--button-m-shape-size) !important;
}
.neo-button-m .bpce-icon-font {
  margin-right: var(--button-m-shape-spacing);
  font-size: var(--button-m-shape-size);
}
.neo-button-l {
  min-height: var(--button-l-height);
  border-radius: var(--button-l-radius);
  padding: var(--button-l-spacings);
  font: var(--button-l-font);
  line-height: var(--button-l-shape-size) !important;
}
.neo-button-l .bpce-icon-font {
  margin-right: var(--button-l-shape-spacing);
  font-size: var(--button-l-shape-size);
}
.neo-button-icon-only {
  padding: var(--button-shapeonly-m-spacings);
}
.neo-button-icon-only.neo-button-s {
  padding: var(--button-shapeonly-s-spacings);
}
.neo-button-icon-only.neo-button-m {
  padding: var(--button-shapeonly-m-spacings);
}
.neo-button-icon-only.neo-button-l {
  padding: var(--button-shapeonly-l-spacings);
}
.neo-button-icon-only .bpce-icon-font {
  margin: 0;
}
.neo-button-loading {
  cursor: default;
  --loader-position: absolute;
  --loader-stroke-color: currentColor;
}
.neo-button-loading > *:not([class*=neo-loader]) {
  color: transparent;
  visibility: hidden;
  user-select: none;
}
.neo-button-loading.neo-button-s {
  --loader-m-size: var(--button-s-loader-size);
}
.neo-button-loading.neo-button-m {
  --loader-m-size: var(--button-m-loader-size);
}
.neo-button-loading.neo-button-l {
  --loader-m-size: var(--button-l-loader-size);
}
.neo-button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.neo-button-group .neo-button {
  max-width: initial;
}
.neo-button-inline {
  flex: 0 1 auto;
}
.neo-button-inline + .neo-button-inline {
  margin-left: 8px;
}
.neo-button-flex {
  flex: 1 1 0%;
}
.neo-button-flex + .neo-button-flex {
  margin-left: 16px;
}
.neo-button-block {
  flex: 1 1 100%;
}
.neo-button-block + .neo-button-block {
  margin-top: 8px;
}

.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, body:not(.using-mouse) .neo-chips-select > select:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips:focus, .neo-chips-erase:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-button:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

:root {
  --card-padding: 0;
  --card-radius: var(--size-radius-s);
  --card-border-color: var(--color-gray-border);
  --card-border-style: solid;
  --card-border-width: var(--size-border-xs);
  --card-background: var(--color-gray-surface-background);
}

.neo-card {
  background: var(--card-background);
  border-radius: var(--card-radius);
  border-width: var(--card-border-width);
  border-color: var(--card-border-color);
  border-style: var(--card-border-style);
}
.neo-card-padding-s {
  --card-padding: var(--size-space-xs);
}
.neo-card-padding-m {
  --card-padding: var(--size-space-m);
}
.neo-card-padding-l {
  --card-padding: var(--size-space-l);
}
.neo-card-padding-xy {
  padding: var(--card-padding) var(--card-padding);
}
.neo-card-padding-y {
  padding: 0 var(--card-padding);
}
.neo-card-padding-x {
  padding: var(--card-padding) 0;
}
.neo-card-padding-none {
  --card-padding: 0;
  --card-background: transparent;
}
.neo-card-border-dash {
  --card-border-style: dashed;
}
.neo-card-border-none {
  --card-border-width: 0;
}
.neo-card-border-bottom {
  --card-radius: 0;
  border: none;
  border-bottom: var(--card-border-width) var(--card-border-style) var(--card-border-color);
}

.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, body:not(.using-mouse) .neo-chips-select > select:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips:focus, .neo-chips-erase:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-button:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

:root {
  --checkbox-display: inline-block;
  --checkbox-label: var(--color-gray-text);
  --checkbox-label-hover: var(--color-gray-text-hover);
  --checkbox-square-border: var(--color-primary-border);
  --checkbox-square-shape: var(--color-gray-shape-inverted);
  --checkbox-square-surface: var(--color-gray-surface-background);
  --checkbox-square-animation-duration: 250ms;
  --checkbox-square-surface-hover: var(--color-gray-surface-background);
  --checkbox-square-border-hover: var(--color-primary-border-hover);
  --checkbox-square-surface-checked: var(--color-primary-surface);
  --checkbox-square-border-checked: var(--color-primary-border);
  --checkbox-square-surface-checked-hover: var(--color-primary-surface-hover);
  --checkbox-square-border-checked-hover: var(--color-primary-border-hover);
  --checkbox-square-surface-disabled: var(--color-primary-surface-disabled);
  --checkbox-square-border-disabled: var(--color-primary-border-disabled);
  --checkbox-square-label-color-disabled: var(--color-gray-text-disabled);
  --checkbox-square-shape-disabled: var(--color-primary-shape-inverted-disabled);
  --checkbox-square-surface-active: var(--color-primary-surface-selected-hover);
  --checkbox-square-border-active: var(--color-primary-border-selected-hover);
  --checkbox-m-spacings: 0;
  --checkbox-m-label-font: var(--typography-body-m-regular);
  --checkbox-m-square-border-radius: var(--size-radius-s);
  --checkbox-m-square-border: var(--size-border-s) solid var(--checkbox-square-border);
  --checkbox-m-square-size: 24px;
  --checkbox-m-square-spacings: 0 var(--size-space-xs) 0 0;
  --checkbox-s-spacings: 0;
  --checkbox-s-label-font: var(--typography-body-m-regular);
  --checkbox-s-square-border-radius: var(--size-radius-s);
  --checkbox-s-square-border: var(--size-border-s) solid var(--checkbox-square-border);
  --checkbox-s-square-size: 16px;
  --checkbox-s-square-spacings: var(--size-space-xxs) var(--size-space-xs) 0 0;
}

.neo-checkbox {
  display: var(--checkbox-display);
  margin: var(--checkbox-m-spacings);
  font: var(--checkbox-m-label-font);
}
.neo-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--checkbox-label);
}
.neo-checkbox-square {
  position: relative;
  flex: 0 0 auto;
  box-sizing: border-box;
  align-self: flex-start;
  margin: var(--checkbox-m-square-spacings);
  width: var(--checkbox-m-square-size);
  height: var(--checkbox-m-square-size);
  border: var(--checkbox-m-square-border);
  border-radius: var(--checkbox-m-square-border-radius);
  background-color: var(--checkbox-square-surface);
  transition: background-color var(--checkbox-square-animation-duration) ease, border-color var(--checkbox-square-animation-duration) ease;
}
.neo-checkbox-icon {
  position: absolute;
  visibility: hidden;
}
.neo-checkbox-icon path {
  stroke: var(--checkbox-square-shape);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 31.1127;
  stroke-dashoffset: 31.1127;
  transition: stroke-dashoffset var(--checkbox-square-animation-duration) ease 50ms;
}
.neo-checkbox-icon-indeterminate {
  transform: scale3d(0, 0, 0);
  transform-origin: 50%;
  transition: transform var(--checkbox-square-animation-duration) ease 50ms;
}
.neo-checkbox-icon-indeterminate line {
  stroke: var(--checkbox-square-shape);
  stroke-width: 4px;
  stroke-linecap: round;
}
.neo-checkbox-m {
  margin: var(--checkbox-m-spacings);
  font: var(--checkbox-m-label-font);
}
.neo-checkbox-m .neo-checkbox-square {
  margin: var(--checkbox-m-square-spacings);
  width: var(--checkbox-m-square-size);
  height: var(--checkbox-m-square-size);
  border: var(--checkbox-m-square-border);
  border-radius: var(--checkbox-m-square-border-radius);
}
.neo-checkbox-s {
  margin: var(--checkbox-s-spacings);
  font: var(--checkbox-s-label-font);
}
.neo-checkbox-s .neo-checkbox-square {
  margin: var(--checkbox-s-square-spacings);
  width: var(--checkbox-s-square-size);
  height: var(--checkbox-s-square-size);
  border: var(--checkbox-s-square-border);
  border-radius: var(--checkbox-s-square-border-radius);
}
@media (hover: hover) and (pointer: fine) {
  .neo-checkbox-label:hover {
    color: var(--checkbox-label-hover);
  }
  .neo-checkbox-label:hover .neo-checkbox-square {
    background-color: var(--checkbox-square-surface-hover);
    border-color: var(--checkbox-square-border-hover);
  }
  .neo-checkbox-input:checked:not(:disabled) + .neo-checkbox-label:hover .neo-checkbox-square, .neo-checkbox-input:indeterminate:not(:disabled) + .neo-checkbox-label:hover .neo-checkbox-square {
    background-color: var(--checkbox-square-surface-checked-hover);
    border-color: var(--checkbox-square-border-checked-hover);
  }
}
.neo-checkbox-input:checked + .neo-checkbox-label .neo-checkbox-square {
  border-color: var(--checkbox-square-border-checked);
  background-color: var(--checkbox-square-surface-checked);
}
.neo-checkbox-input:checked + .neo-checkbox-label .neo-checkbox-icon {
  visibility: visible;
}
.neo-checkbox-input:checked + .neo-checkbox-label .neo-checkbox-icon path {
  stroke-dashoffset: 0;
}
.neo-checkbox-input:checked + .neo-checkbox-label-indeterminate {
  visibility: hidden;
}
.neo-checkbox-input:active + .neo-checkbox-label .neo-checkbox-square {
  background-color: var(--checkbox-square-surface-active);
  border-color: var(--checkbox-square-border-active);
}
.neo-checkbox-input:disabled + .neo-checkbox-label {
  color: var(--checkbox-square-label-color-disabled);
  cursor: not-allowed;
}
.neo-checkbox-input:disabled + .neo-checkbox-label .neo-checkbox-square {
  border-color: var(--checkbox-square-border-disabled);
  background-color: var(--checkbox-square-surface-disabled);
}
.neo-checkbox-input:disabled + .neo-checkbox-label .neo-checkbox-icon path,
.neo-checkbox-input:disabled + .neo-checkbox-label .neo-checkbox-icon line {
  stroke: var(--checkbox-square-shape-disabled);
}
.neo-checkbox-input:indeterminate + .neo-checkbox-label .neo-checkbox-square {
  border-color: var(--checkbox-square-border-checked);
  background-color: var(--checkbox-square-surface-checked);
}
.neo-checkbox-input:indeterminate + .neo-checkbox-label .neo-checkbox-icon {
  visibility: hidden;
}
.neo-checkbox-input:indeterminate + .neo-checkbox-label .neo-checkbox-icon-indeterminate {
  visibility: visible;
  transform: scale3d(1, 1, 1);
}

.neo-checkbox-group {
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: var(--size-space-m);
  --checkbox-display: block;
}
.neo-checkbox-group legend {
  margin: 0;
  padding: 0;
  font: var(--typography-body-xs-regular);
  margin-bottom: var(--size-space-xxs);
  color: var(--color-gray-text-discrete);
}
.neo-checkbox-group-s {
  --checkbox-s-spacings: 0 0 var(--size-space-xs) 0;
}
.neo-checkbox-group-m {
  --checkbox-m-spacings: 0 0 calc(var(--size-space-m) - var(--size-space-xxs)) 0;
}
.neo-checkbox-group-inline {
  --checkbox-display: inline-block;
}
.neo-checkbox-group-inline.neo-checkbox-group-s {
  --checkbox-s-spacings: 0 calc(var(--size-space-m) - var(--size-space-xxs)) 0 0;
}
.neo-checkbox-group-inline.neo-checkbox-group-m {
  --checkbox-m-spacings: 0 var(--size-space-m) 0 0;
}

:root {
  --chips-border-radius: 24px;
  --chips-border-color: var(--color-gray-border);
  --chips-border-style: solid;
  --chips-border-width: var(--size-border-xs);
  --chips-box-shadow-width: 2px;
  --chips-box-shadow-color: transparent;
  --chips-padding-x: 0;
  --chips-label-padding-x: var(--size-space-xxs);
  --chips-background-color: var(--color-gray-surface-background);
  --chips-font: var(--typography-body-xs-regular);
  --chips-color: var(--color-gray-text);
  --chips-height: 0;
  --chips-gap: 2px;
  --chips-weight: 500;
  --chips-icon-size: 16px;
  --chips-animation-duration: 250ms;
  --chips-outline-offset: 2px;
}

.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, body:not(.using-mouse) .neo-chips-select > select:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips:focus, .neo-chips-erase:focus, .neo-button:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square {
  outline: 2px solid var(--color-information-border);
  outline-offset: var(--chips-outline-offset);
}

.neo-chips-select > select, .neo-chips-filter > label, .neo-chips, .neo-chips-erase {
  border-color: var(--chips-border-color);
  border-style: var(--chips-border-style);
  border-width: var(--chips-border-width);
  border-radius: var(--chips-border-radius);
  background-color: var(--chips-background-color);
  font: var(--chips-font);
  color: var(--chips-color);
  height: var(--chips-height);
  padding: 0 var(--chips-padding-x);
  display: inline-flex;
  align-items: center;
  gap: var(--chips-gap);
  box-shadow: 0px 0px 0px var(--chips-box-shadow-width) var(--chips-box-shadow-color);
  cursor: pointer;
  transition: background-color var(--chips-animation-duration) ease, border-color var(--chips-animation-duration) ease, box-shadow var(--chips-animation-duration) ease;
  line-height: 16px;
}

.neo-chips-select-selected select:not(:disabled), .neo-chips-filter > input:checked + label, .neo-chips[aria-pressed=true], [aria-pressed=true].neo-chips-erase, .neo-chips-action:not(:disabled):active, .neo-chips-erase {
  font-weight: var(--chips-weight);
  --chips-border-color: transparent;
  --chips-color: var(--color-primary-text);
  --chips-box-shadow-color: var(--color-primary-border);
  --chips-outline-offset: var(--size-space-xxs);
}

.neo-chips-select:not(.neo-chips-select-selected) > select:not(:disabled):hover, .neo-chips-filter > label:hover, .neo-chips:not(:disabled):not(:active)[aria-pressed=false]:hover, .neo-chips-erase:not(:disabled):not(:active)[aria-pressed=false]:hover, .neo-chips-action:not(:disabled):not(:active):hover {
  --chips-background-color: var(--color-gray-surface-discrete-hover);
  --chips-border-color: var(--color-gray-border-hover);
  --chips-color: var(--color-gray-text-hover);
}

.neo-chips-select-selected select:not(:disabled):hover, .neo-chips-filter > input:checked + label:hover, .neo-chips[aria-pressed=true]:not(:disabled):hover, [aria-pressed=true].neo-chips-erase:not(:disabled):hover, .neo-chips-action:not(:disabled):active:not(:disabled):hover, .neo-chips-erase:not(:disabled):hover {
  --chips-color: var(--color-primary-text-hover);
  --chips-box-shadow-color: var(--color-primary-border-hover);
  --chips-background-color: var(--color-gray-surface-discrete-hover);
}

.neo-chips-select-disabled, .neo-chips-filter > input:disabled + label, .neo-chips:disabled, .neo-chips-erase:disabled {
  --chips-background-color: var(--color-gray-surface-discrete-disabled);
  --chips-border-color: var(--color-gray-shape-disabled);
  --chips-color: var(--color-gray-text-disabled);
  cursor: not-allowed;
}

.neo-chips-select-selected select:disabled, .neo-chips[aria-pressed=true]:disabled, [aria-pressed=true].neo-chips-erase:disabled, .neo-chips-action:not(:disabled):active:disabled, .neo-chips-erase:disabled {
  --chips-border-color: transparent;
  --chips-box-shadow-color: var(--color-gray-shape-disabled);
}

.neo-chips .bpce-icon-font, .neo-chips-erase .bpce-icon-font {
  color: var(--chips-color);
  font-size: var(--chips-icon-size);
}
.neo-chips-label {
  padding: 0 var(--chips-label-padding-x);
}
.neo-chips-label::before {
  content: attr(data-text);
  display: block;
  font-weight: 500;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
}
@media speech {
  .neo-chips-label::before {
    display: none;
  }
}
.neo-chips-s, .neo-chips-select-s > select, .neo-chips-filter-s > label {
  --chips-height: 24px;
}
.neo-chips-s:not(.neo-chips-action), .neo-chips-select-s > select:not(.neo-chips-action), .neo-chips-filter-s > label:not(.neo-chips-action), .neo-chips-s:not(.neo-chips-erase), .neo-chips-select-s > select:not(.neo-chips-erase), .neo-chips-filter-s > label:not(.neo-chips-erase) {
  --chips-padding-x: var(--size-space-s);
}
.neo-chips-s.neo-chips-action, .neo-chips-select-s > select.neo-chips-action, .neo-chips-filter-s > label.neo-chips-action, .neo-chips-s.neo-chips-erase, .neo-chips-select-s > select.neo-chips-erase, .neo-chips-filter-s > label.neo-chips-erase {
  --chips-padding-x: var(--size-space-xs);
}
.neo-chips-m, .neo-chips-select-m > select, .neo-chips-filter-m > label {
  --chips-height: 32px;
}
.neo-chips-m:not(.neo-chips-action), .neo-chips-select-m > select:not(.neo-chips-action), .neo-chips-filter-m > label:not(.neo-chips-action), .neo-chips-m:not(.neo-chips-erase), .neo-chips-select-m > select:not(.neo-chips-erase), .neo-chips-filter-m > label:not(.neo-chips-erase) {
  --chips-padding-x: var(--size-space-m);
}
.neo-chips-m.neo-chips-action, .neo-chips-select-m > select.neo-chips-action, .neo-chips-filter-m > label.neo-chips-action, .neo-chips-m.neo-chips-erase, .neo-chips-select-m > select.neo-chips-erase, .neo-chips-filter-m > label.neo-chips-erase {
  --chips-padding-x: var(--size-space-s);
}
.neo-chips-l, .neo-chips-select-l > select, .neo-chips-filter-l > label {
  --chips-padding-x: var(--size-space-l);
  --chips-height: 40px;
  --chips-font: var(--typography-body-m-regular);
}
.neo-chips-l:not(.neo-chips-action), .neo-chips-select-l > select:not(.neo-chips-action), .neo-chips-filter-l > label:not(.neo-chips-action), .neo-chips-l:not(.neo-chips-erase), .neo-chips-select-l > select:not(.neo-chips-erase), .neo-chips-filter-l > label:not(.neo-chips-erase) {
  --chips-padding-x: var(--size-space-l);
}
.neo-chips-l.neo-chips-action, .neo-chips-select-l > select.neo-chips-action, .neo-chips-filter-l > label.neo-chips-action, .neo-chips-l.neo-chips-erase, .neo-chips-select-l > select.neo-chips-erase, .neo-chips-filter-l > label.neo-chips-erase {
  --chips-padding-x: var(--size-space-m);
}
.neo-chips-l .bpce-icon-font, .neo-chips-select-l > select .bpce-icon-font, .neo-chips-filter-l > label .bpce-icon-font {
  --chips-icon-size: 24px;
}
.neo-chips-filter {
  display: inline-block;
}
.neo-chips-select {
  display: inline-block;
  position: relative;
}
.neo-chips-select[type=block] {
  display: block;
}
.neo-chips-select[type=block] > select {
  width: 100%;
}
.neo-chips-select > .bpce-icon-font {
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  font-size: var(--chips-icon-size);
  position: absolute;
  pointer-events: none;
  color: var(--chips-color);
}
.neo-chips-select > select {
  --padding-label: calc(var(--chips-padding-x) + var(--chips-label-padding-x));
  padding-left: var(--padding-label);
  padding-right: calc(var(--padding-label) + 30px);
  appearance: none;
}
.neo-chips-select-l .bpce-icon-font {
  --chips-icon-size: 24px;
}
.neo-input {
  --neo-input-color-text: var(--color-gray-text);
  --neo-input-color-text-hint: var(--color-gray-text-discrete);
  --neo-input-color-text-success: var(--color-success-text);
  --neo-input-color-text-warning: var(--color-warning-text);
  --neo-input-color-text-error: var(--color-error-text);
  --neo-input-color-text-disabled: var(--color-gray-text-discrete-disabled);
  --neo-input-color-shape-disabled: var(--color-gray-shape-discrete-disabled);
  --neo-input-label-s-typography: var(--typography-body-xxs-regular);
  --neo-input-label-m-typography: var(--typography-body-xxs-regular);
  --neo-input-label-l-typography: var(--typography-body-m-regular);
  --neo-input-label-l-padding: 0 var(--size-space-xxxl) 0 var(--size-space-xs);
  --neo-input-label-margin-bottom: var(--size-space-xxxs);
  --neo-input-label-required-margin-shape: var(--size-space-xxs);
  --neo-input-label-color-text: var(--color-gray-text-discrete);
  --neo-input-field-s-typography: var(--typography-body-xs-regular);
  --neo-input-field-m-typography: var(--typography-body-s-regular);
  --neo-input-field-l-typography: var(--typography-body-m-regular);
  --neo-input-field-s-padding: 6px calc(var(--size-space-xl) - 1px) 6px calc(var(--size-space-xs) - 1px);
  --neo-input-field-m-padding: var(--size-space-xs) calc(var(--size-space-xxl) - 1px) var(--size-space-xs) calc(var(--size-space-xs) - 1px);
  --neo-input-field-l-padding: 26px calc(var(--size-space-xxxxl) - 1px) 6px calc(var(--size-space-xs) - 1px);
  --neo-input-field-s-height: 32px;
  --neo-input-field-m-height: 40px;
  --neo-input-field-l-height: 56px;
  --neo-input-field-border-size: var(--size-border-xs);
  --neo-input-field-border: var(--neo-input-field-border-size) solid var(--color-gray-border-strong);
  --neo-input-field-border-success: var(--neo-input-field-border-size) solid var(--color-success-border);
  --neo-input-field-border-warning: var(--neo-input-field-border-size) solid var(--color-warning-border);
  --neo-input-field-border-error: var(--neo-input-field-border-size) solid var(--color-error-border);
  --neo-input-field-border-radius: var(--size-radius-s);
  --neo-input-field-s-color-background: var(--color-gray-surface-background);
  --neo-input-field-m-color-background: var(--color-gray-surface-background);
  --neo-input-field-l-color-background: var(--color-gray-surface-discrete);
  --neo-input-field-focus-outline-color: var(--color-information-border);
  --neo-input-field-hover-color-background: var(--color-gray-surface-discrete-hover);
  --neo-input-field-disabled-color-background: var(--color-gray-surface-discrete-disabled);
  --neo-input-field-disabled-color-border: var(--color-gray-border-discrete-disabled);
  --neo-input-placeholder-color-text: var(--color-gray-text-discrete);
  --neo-input-message-typography: var(--typography-body-xs-regular);
  --neo-input-message-margin-top: var(--size-space-xxs);
  --neo-input-message-icon-margins: 3px var(--size-space-xxs) 3px 0;
  --neo-input-message-color-shape: var(--color-gray-shape);
  --neo-input-message-color-shape-success: var(--color-success-shape);
  --neo-input-message-color-shape-warning: var(--color-warning-shape);
  --neo-input-message-color-shape-error: var(--color-error-shape);
}

.neo-input {
  display: block;
}
.neo-input-container {
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--neo-input-color-text);
}
.neo-input-label {
  order: 1;
  font: var(--neo-input-label-s-typography);
  margin-bottom: var(--neo-input-label-margin-bottom);
  color: var(--neo-input-label-color-text);
  cursor: pointer;
}
.neo-input-field {
  order: 2;
  height: var(--neo-input-field-s-height);
  font: var(--neo-input-field-s-typography);
  padding: var(--neo-input-field-s-padding);
  border: var(--neo-input-field-border);
  border-radius: var(--neo-input-field-border-radius);
  background-color: var(--neo-input-field-s-color-background);
  color: inherit;
  transition: background-color 250ms, border-color 250ms 100ms;
}
.neo-input-field::placeholder {
  color: var(--neo-input-placeholder-color-text);
}
.neo-input-button-icon {
  position: absolute;
  right: var(--size-space-xxs);
  bottom: var(--size-space-xxs);
  color: var(--color-gray-shape);
}
.neo-input-l .neo-input-button-icon {
  right: var(--size-space-xs);
  bottom: var(--size-space-xs);
}
.neo-input-field[value=""] ~ .neo-input-button-icon {
  display: none;
}
.neo-input-helpers-container {
  order: 3;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--neo-input-message-margin-top);
}
.neo-input-counter-hint, .neo-input-counter-success, .neo-input-counter-warning, .neo-input-counter-error {
  margin: var(--size-space-xxs) 0 0 var(--size-space-m);
  font: var(--neo-input-message-typography);
  order: 2;
}
.neo-input-counter-hint {
  color: var(--neo-input-color-text-hint);
}
.neo-input-counter-success {
  color: var(--neo-input-color-text-success);
}
.neo-input-counter-warning {
  color: var(--neo-input-color-text-warning);
}
.neo-input-counter-error {
  color: var(--neo-input-color-text-error);
}
.neo-input-messages-container {
  display: flex;
  flex-direction: column;
  order: 1;
}
.neo-input-messages-container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.neo-input-message-hint, .neo-input-message-success, .neo-input-message-warning, .neo-input-message-error {
  margin: 0;
  font: var(--neo-input-message-typography);
  display: inline-flex;
}
.neo-input-message-hint .bpce-icon-font, .neo-input-message-success .bpce-icon-font, .neo-input-message-warning .bpce-icon-font, .neo-input-message-error .bpce-icon-font {
  font-size: 0.875rem;
  margin: var(--neo-input-message-icon-margins);
}
.neo-input-message-hint {
  color: var(--neo-input-color-text-hint);
}
.neo-input-message-hint .bpce-icon-font {
  color: var(--neo-input-message-color-shape);
}
.neo-input-message-success {
  color: var(--neo-input-color-text-success);
}
.neo-input-message-success .bpce-icon-font {
  color: var(--neo-input-message-color-success);
}
.neo-input-message-warning {
  color: var(--neo-input-color-text-warning);
}
.neo-input-message-warning .bpce-icon-font {
  color: var(--neo-input-message-color-warning);
}
.neo-input-message-error {
  color: var(--neo-input-color-text-error);
}
.neo-input-message-error .bpce-icon-font {
  color: var(--neo-input-message-color-shape-error);
}
.neo-input-m .neo-input-label {
  font: var(--neo-input-label-m-typography);
}
.neo-input-m .neo-input-field {
  padding: var(--neo-input-field-m-padding);
  font: var(--neo-input-field-m-typography);
  height: var(--neo-input-field-m-height);
  background-color: var(--neo-input-field-m-color-background);
}
.neo-input-l .neo-input-label {
  position: absolute;
  top: var(--size-space-m);
  left: var(--neo-input-field-border-size);
  right: 0px;
  transform-origin: 0 0;
  transform: translate3d(var(--size-space-xs), 0, 0) scale(1);
  transition: transform 250ms;
  font: var(--neo-input-label-l-typography);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - var(--size-space-m));
  pointer-events: none;
}
.neo-input-l .neo-input-field:focus + .neo-input-label,
.neo-input-l .neo-input-field:not([value=""]) + .neo-input-label,
.neo-input-l .neo-input-field:placeholder-shown + .neo-input-label {
  transform: translate3d(var(--size-space-xs), calc(var(--size-space-xs) * -1), 0) scale(0.8125);
}
.neo-input-l .neo-input-field {
  font: var(--neo-input-field-l-typography);
  height: var(--neo-input-field-l-height);
  padding: var(--neo-input-field-l-padding);
  border: var(--size-border-xs) solid transparent;
  border-bottom: var(--neo-input-field-border);
  border-radius: var(--neo-input-field-border-radius) var(--neo-input-field-border-radius) 0 0;
  background-color: var(--neo-input-field-l-color-background);
}
.neo-input-success {
  color: var(--neo-input-color-text-success);
}
.neo-input-success .neo-input-label,
.neo-input-success .neo-input-field {
  color: var(--neo-input-color-text-success);
}
.neo-input-success.neo-input-s .neo-input-field, .neo-input-success.neo-input-m .neo-input-field {
  border: var(--neo-input-field-border-success);
}
.neo-input-success.neo-input-l .neo-input-field {
  border-bottom: var(--neo-input-field-border-success);
}
.neo-input-success .neo-input-button-icon:not(:hover):not(:active) .bpce-icon-font {
  color: var(--neo-input-color-text-success);
}
.neo-input-warning {
  color: var(--neo-input-color-text-warning);
}
.neo-input-warning .neo-input-label,
.neo-input-warning .neo-input-field {
  color: var(--neo-input-color-text-warning);
}
.neo-input-warning.neo-input-s .neo-input-field, .neo-input-warning.neo-input-m .neo-input-field {
  border: var(--neo-input-field-border-warning);
}
.neo-input-warning.neo-input-l .neo-input-field {
  border-bottom: var(--neo-input-field-border-warning);
}
.neo-input-warning .neo-input-button-icon:not(:hover):not(:active) .bpce-icon-font {
  color: var(--neo-input-color-text-warning);
}
.neo-input-error {
  color: var(--neo-input-color-text-error);
}
.neo-input-error .neo-input-label,
.neo-input-error .neo-input-field {
  color: var(--neo-input-color-text-error);
}
.neo-input-error.neo-input-s .neo-input-field, .neo-input-error.neo-input-m .neo-input-field {
  border: var(--neo-input-field-border-error);
}
.neo-input-error.neo-input-l .neo-input-field {
  border-bottom: var(--neo-input-field-border-error);
}
.neo-input-error .neo-input-button-icon:not(:hover):not(:active) .bpce-icon-font {
  color: var(--neo-input-color-text-error);
}
.neo-input-visual-optional .neo-input-field:not([required]) ~ .neo-input-label::before, .neo-input-visual-required .neo-input-field[required] ~ .neo-input-label::before {
  display: inline-block;
  content: "*";
  margin-right: var(--neo-input-label-required-margin-shape);
  color: inherit;
  font-size: 1.3em;
}
.neo-input-field:focus, body.using-mouse .neo-input-field:focus {
  outline: 2px auto var(--neo-input-field-focus-outline-color);
}
.neo-input-field:hover {
  background-color: var(--neo-input-field-hover-color-background);
}
.neo-input-l .neo-input-field:hover:not(:read-only) {
  border-color: var(--color-gray-border-strong-hover);
}
.neo-input-readonly .neo-input-button-icon, .neo-input-disabled .neo-input-button-icon {
  display: none;
}
.neo-input-readonly .neo-input-field,
.neo-input-readonly .neo-input-field::placeholder,
.neo-input-readonly .neo-input-label, .neo-input-disabled .neo-input-field,
.neo-input-disabled .neo-input-field::placeholder,
.neo-input-disabled .neo-input-label {
  cursor: not-allowed;
}
.neo-input-readonly [class*=neo-input-counter],
.neo-input-readonly [class*=neo-input-message], .neo-input-disabled [class*=neo-input-counter],
.neo-input-disabled [class*=neo-input-message] {
  cursor: not-allowed;
}
.neo-input-readonly .neo-input-field {
  background-color: var(--neo-input-field-disabled-color-background);
}
.neo-input-disabled .neo-input-field[disabled] {
  background-color: var(--neo-input-field-disabled-color-background);
  border-color: var(--neo-input-field-disabled-color-border);
}
.neo-input-disabled .neo-input-field[disabled], .neo-input-disabled .neo-input-field[disabled]::placeholder {
  color: var(--neo-input-color-text-disabled);
}
.neo-input-disabled .neo-input-label {
  color: var(--neo-input-color-text-disabled);
}
.neo-input-disabled .neo-input-label::after {
  color: var(--neo-input-color-shape-disabled);
}
.neo-input-disabled [class*=neo-input-counter],
.neo-input-disabled [class*=neo-input-message] {
  color: var(--neo-input-color-text-disabled);
  --neo-text-helper-text-color: var(--neo-input-color-text-disabled);
  --neo-text-helper-icon-color: var(--neo-input-color-shape-disabled);
}

:root {
  --loader-s-size: 16px;
  --loader-m-size: 24px;
  --loader-l-size: 80px;
  --loader-stroke-color: var(--color-primary-surface);
  --loader-position: relative;
}

.neo-loader {
  background: none;
  position: var(--loader-position);
  margin: 0 auto;
  width: var(--loader-m-size);
  height: var(--loader-m-size);
}
.neo-loader-svg {
  animation: spin-anim 2000ms linear infinite;
  width: 100%;
  height: 100%;
}
.neo-loader-svg circle {
  animation: circle-anim 1400ms ease-in infinite both;
  display: block;
  fill: transparent;
  stroke: var(--neo-loader-stroke-color, var(--loader-stroke-color));
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 190;
  stroke-width: 8px;
  transform-origin: 50% 50%;
  transition: stroke 600ms ease-in;
}
.neo-loader-m {
  width: var(--loader-m-size);
  height: var(--loader-m-size);
}
.neo-loader-s {
  width: var(--loader-s-size);
  height: var(--loader-s-size);
}
.neo-loader-s .neo-loader-svg circle {
  stroke-width: 10px;
}
.neo-loader-l {
  height: var(--loader-l-size);
  width: var(--loader-l-size);
}
.neo-loader-l .neo-loader-svg circle {
  stroke-width: 5px;
}
.neo-loader-l-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 36px;
  width: 36px;
  transform: translate3d(-50%, -50%, 0);
}
@keyframes circle-anim {
  0% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}
@keyframes spin-anim {
  100% {
    transform: rotate(360deg);
  }
}
.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, .neo-button:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-chips:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips-erase:focus, body:not(.using-mouse) .neo-chips-select > select:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

:root {
  --radio-display: inline-block;
  --radio-label-color: var(--color-gray-text);
  --radio-label-color-hover: var(--color-gray-text-hover);
  --radio-circle-surface: var(--color-gray-surface-background);
  --radio-circle-border: var(--color-primary-border);
  --radio-circle-dot-animation-duration: 250ms;
  --radio-circle-border-hover: var(--color-primary-border-hover);
  --radio-circle-dot-hover: var(--color-primary-surface-hover);
  --radio-circle-border-active: var(--color-primary-border-selected);
  --radio-circle-dot-active: var(--color-primary-surface-selected);
  --radio-circle-border-checked: var(--color-primary-border);
  --radio-circle-dot-checked: var(--color-primary-surface);
  --radio-label-color-disabled: var(--color-gray-text-disabled);
  --radio-circle-border-disabled: var(--color-primary-border-disabled);
  --radio-circle-dot-disabled: var(--color-primary-shape-disabled);
  --radio-m-spacings: 0;
  --radio-m-label-font: var(--typography-body-m-regular);
  --radio-m-circle-size: 24px;
  --radio-m-circle-spacings: 0 var(--size-space-xs) 0 0;
  --radio-m-dot-size: 12px;
  --radio-s-spacings: 0;
  --radio-s-label-font: var(--typography-body-m-regular);
  --radio-s-circle-size: 16px;
  --radio-s-circle-spacings: var(--size-space-xxs) var(--size-space-xs) 0 0;
  --radio-s-dot-size: 8px;
}

.neo-radio {
  display: var(--radio-display);
  font: var(--radio-m-label-font);
  margin: var(--radio-m-spacings);
}
.neo-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--radio-label-color);
}
.neo-radio-circle {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  align-self: flex-start;
  width: var(--radio-m-circle-size);
  height: var(--radio-m-circle-size);
  background-color: var(--radio-circle-surface);
  border: var(--size-border-s) solid var(--radio-circle-border);
  border-radius: var(--radio-m-circle-size);
  margin: var(--radio-m-circle-spacings);
  transition: border var(--radio-circle-dot-animation-duration) ease;
}
.neo-radio-circle-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(var(--radio-m-dot-size) / 2 * -1);
  margin-left: calc(var(--radio-m-dot-size) / 2 * -1);
  width: var(--radio-m-dot-size);
  height: var(--radio-m-dot-size);
  border-radius: var(--radio-m-dot-size);
  transform: scale(0);
  transition: transform var(--radio-circle-dot-animation-duration) ease, background-color var(--radio-circle-dot-animation-duration) ease;
}
.neo-radio-s {
  font: var(--radio-s-label-font);
  margin: var(--radio-s-spacings);
}
.neo-radio-s .neo-radio-circle {
  width: var(--radio-s-circle-size);
  height: var(--radio-s-circle-size);
  border-radius: var(--radio-s-circle-size);
  margin: var(--radio-s-circle-spacings);
}
.neo-radio-s .neo-radio-circle-dot {
  margin-top: calc(var(--radio-s-dot-size) / 2 * -1);
  margin-left: calc(var(--radio-s-dot-size) / 2 * -1);
  width: var(--radio-s-dot-size);
  height: var(--radio-s-dot-size);
  border-radius: var(--radio-s-dot-size);
}
@media (hover: hover) and (pointer: fine) {
  .neo-radio-label:hover {
    color: var(--radio-label-color-hover);
  }
  .neo-radio-label:hover .neo-radio-circle {
    border-color: var(--radio-circle-border-hover);
  }
  .neo-radio-label:hover .neo-radio-circle-dot {
    background-color: var(--radio-circle-dot-hover);
  }
  .neo-radio-input:checked:not(:disabled) + .neo-radio-label:hover .neo-radio-circle {
    border-color: var(--radio-circle-border-hover);
  }
  .neo-radio-input:checked:not(:disabled) + .neo-radio-label:hover .neo-radio-circle-dot {
    background-color: var(--radio-circle-dot-hover);
  }
}
.neo-radio-input:checked + .neo-radio-label .neo-radio-circle {
  border-color: var(--radio-circle-border-checked);
}
.neo-radio-input:checked + .neo-radio-label .neo-radio-circle-dot {
  background-color: var(--radio-circle-dot-checked);
  transform: scale(1);
}
.neo-radio-label:active .neo-radio-circle {
  border-color: var(--radio-circle-border-active);
}
.neo-radio-label:active .neo-radio-circle-dot {
  background-color: var(--radio-circle-dot-active);
}
.neo-radio-input:disabled + .neo-radio-label {
  color: var(--radio-label-color-disabled);
  cursor: not-allowed;
}
.neo-radio-input:disabled + .neo-radio-label .neo-radio-circle {
  border-color: var(--radio-circle-border-disabled);
}
.neo-radio-input:disabled + .neo-radio-label .neo-radio-circle-dot {
  background-color: var(--radio-circle-dot-disabled);
}
.neo-radio-group {
  margin: 0;
  padding: 0;
  border: 0;
  margin-bottom: var(--size-space-m);
  --radio-display: block;
}
.neo-radio-group legend {
  margin: 0;
  padding: 0;
  font: var(--typography-body-xs-regular);
  margin-bottom: var(--size-space-xxs);
  color: var(--color-gray-text-discrete);
}
.neo-radio-group-s {
  --radio-s-spacings: 0 0 var(--size-space-xs) 0;
}
.neo-radio-group-m {
  --radio-m-spacings: 0 0 calc(var(--size-space-m) - var(--size-space-xxs)) 0;
}
.neo-radio-group-inline {
  --radio-display: inline-block;
}
.neo-radio-group-inline.neo-radio-group-s {
  --radio-s-spacings: 0 calc(var(--size-space-m) - var(--size-space-xxs)) 0 0;
}
.neo-radio-group-inline.neo-radio-group-m {
  --radio-m-spacings: 0 var(--size-space-m) 0 0;
}

.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-segmented-control-item:focus, .neo-button:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-chips:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips-erase:focus, body:not(.using-mouse) .neo-chips-select > select:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

.neo-segmented-control {
  --segmented-control-padding: 0 var(--size-space-xxxs);
  --segmented-control-margin: 0;
  --segmented-control-m-min-height: 40px;
  --segmented-control-m-border-raduis: var(--segmented-control-m-min-height);
  --segmented-control-m-item-padding: 6px 22px;
  --segmented-control-s-min-height: 32px;
  --segmented-control-s-border-raduis: var(--segmented-control-s-min-height);
  --segmented-control-s-item-padding: var(--size-space-xxxs) calc(var(--size-space-m) - var(--size-space-xxxs));
  --segmented-control-color-surface: var(--color-gray-surface);
  --segmented-control-color-text: var(--color-gray-text);
  --segmented-control-item-line-height: 20px;
  --segmented-control-item-color-background: var(--color-gray-surface-background);
  --segmented-control-item-color-text: var(--color-gray-text);
  --segmented-control-item-color-background-hover: var(--color-gray-surface-hover);
  --segmented-control-item-color-text-hover: var(--color-gray-text-hover);
  --segmented-control-item-color-background-active: var(--color-gray-surface-selected-hover);
  --segmented-control-item-color-text-active: var(--color-gray-text-selected-hover);
  --segmented-control-primary-border: var(--size-border-xs) solid var(--color-gray-border);
  --segmented-control-item-primary-color-text: var(--color-primary-text);
  --segmented-control-item-primary-color-border: var(--color-primary-border);
  --segmented-control-secondary-border: var(--size-border-xs) solid var(--color-gray-surface);
  --segmented-control-item-secondary-color-text: var(--color-gray-text);
  --segmented-control-item-secondary-color-border: transparent;
  --segmented-control-disabled-border: var(--size-border-xs) solid var(--color-gray-border-disabled);
  --segmented-control-disabled-color-surface: var(--color-gray-surface-disabled);
  --segmented-control-disabled-color-border: var(--color-gray-surface-disabled);
  --segmented-control-item-disabled-color-text: var(--color-gray-text-disabled);
  --segmented-control-item-disabled-color-border: var(--color-primary-border-disabled);
  --segmented-control-item-disabled-color-surface: var(--color-gray-surface-background);
  --segmented-control-label-font: var(--typography-body-xs-regular);
  --segmented-control-label-selected-font: var(--typography-body-xs-bold);
  --segmented-control-icon-font: var(--typography-body-xxs-regular);
}

.neo-segmented-control {
  position: relative;
  display: inline-flex;
  gap: 1px;
  min-height: var(--segmented-control-m-min-height);
  margin: var(--segmented-control-margin);
  padding: var(--segmented-control-padding);
  align-items: center;
  border: var(--segmented-control-primary-border);
  border-radius: var(--segmented-control-m-border-raduis);
  background-color: var(--segmented-control-color-surface);
  color: var(--segmented-control-color-text);
  list-style-type: none;
}
.neo-segmented-control::before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  z-index: 0;
  width: var(--segmented-control-highlight-width);
  border-width: 2px;
  border-style: solid;
  border-color: var(--segmented-control-item-primary-color-border);
  border-radius: var(--segmented-control-m-border-raduis);
  background-color: var(--segmented-control-item-color-background);
  transform: translateX(var(--segmented-control-highlight-x-pos));
  transition: transform 350ms ease, width 350ms ease;
}
.neo-segmented-control-item {
  font: var(--segmented-control-label-font);
  position: relative;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  padding: var(--segmented-control-m-item-padding);
  border: var(--size-border-s) solid transparent;
  border-radius: var(--segmented-control-m-border-raduis);
  transition: background-color 350ms ease, color 350ms ease;
}
.neo-segmented-control-item .bpce-icon-font {
  font-size: 1.5rem;
  margin: -2px 0;
  display: flex;
}
.neo-segmented-control-item[aria-selected=true] {
  transition: background-color 0s, color 350ms ease;
  color: var(--segmented-control-item-primary-color-text);
  background-color: transparent;
}
.neo-segmented-control-item::before {
  content: attr(data-text);
  display: block;
  font: var(--segmented-control-label-selected-font);
  visibility: hidden;
  height: 0;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
}
@media speech {
  .neo-segmented-control-item::before {
    display: none;
  }
}
.neo-segmented-control-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}
.neo-segmented-control-item[aria-selected=false]:hover {
  background: var(--segmented-control-item-color-background-hover);
  color: var(--segmented-control-item-color-text-hover);
}
.neo-segmented-control-item[aria-selected=false]:active {
  background: var(--segmented-control-item-color-background-active);
  color: var(--segmented-control-item-color-text-active);
}
.neo-segmented-control-primary[aria-selected=true] {
  color: var(--segmented-control-item-primary-color-text);
}
.neo-segmented-control-primary::before {
  border: var(--size-border-s) solid var(--segmented-control-item-primary-color-border);
}
.neo-segmented-control-secondary {
  border: var(--segmented-control-secondary-border);
}
.neo-segmented-control-secondary::before {
  border-color: var(--segmented-control-item-secondary-color-border);
}
.neo-segmented-control-secondary .neo-segmented-control-item[aria-selected=true] {
  font: var(--segmented-control-label-selected-font);
  color: var(--segmented-control-color-text);
  border-color: transparent;
}
.neo-segmented-control[disabled] {
  border: var(--segmented-control-disabled-border);
  background-color: var(--segmented-control-disabled-color-surface);
  cursor: not-allowed;
}
.neo-segmented-control[disabled] .neo-segmented-control-item {
  pointer-events: none;
  color: var(--segmented-control-item-disabled-color-text);
  border-color: transparent;
}
.neo-segmented-control[disabled]::before {
  border-color: var(--segmented-control-item-disabled-color-border);
  background-color: var(--segmented-control-item-disabled-color-surface);
}
.neo-segmented-control[disabled].neo-segmented-control-primary::before {
  border-color: var(--segmented-control-disabled-color-border);
}
.neo-segmented-control[disabled].neo-segmented-control-secondary::before {
  border-color: transparent;
}
.neo-segmented-control-m {
  min-height: var(--segmented-control-m-min-height);
}
.neo-segmented-control-s {
  min-height: var(--segmented-control-s-min-height);
}
.neo-segmented-control-s::before {
  border-radius: var(--segmented-control-s-border-raduis);
}
.neo-segmented-control-s .neo-segmented-control-item {
  padding: var(--segmented-control-s-item-padding);
  border-radius: var(--segmented-control-s-border-raduis);
}
.neo-segmented-control-s .neo-segmented-control-item .bpce-icon-font {
  font-size: 1rem;
  margin: 2px 0;
}

.neo-select select:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 0;
}

.neo-select {
  --select-default-placeholder-color: var(--color-gray-text-discrete);
  --select-default-placeholder-color-hover: var(--color-gray-text-discrete-hover);
  --select-default-value-color: var(--color-gray-text);
  --select-default-label-color: var(--color-gray-text-discrete);
  --select-default-label-color-hover: var(--color-gray-text-discrete-hover);
  --select-default-background: var(--color-gray-surface-background);
  --select-default-background-hover: var(--color-gray-surface-discrete-hover);
  --select-default-border-color: var(--color-gray-border-strong);
  --select-default-border-color-hover: var(--color-gray-border-strong-hover);
  --select-default-icon-color: var(--color-gray-shape);
  --select-disabled-background: var(--color-gray-surface-discrete-disabled);
  --select-disabled-border-color: var(--color-gray-border-strong-disabled);
  --select-disabled-value-color: var(--color-gray-text-discrete-disabled);
  --select-disabled-label-color: var(--color-gray-text-discrete-disabled);
  --select-disabled-icon-color: var(--color-gray-shape-disabled);
  --select-readonly-background: var(--color-gray-surface-discrete-disabled);
  --select-readonly-border-color: var(--color-gray-border-strong);
  --select-readonly-value-color: var(--color-gray-text);
  --select-readonly-label-color: var(--color-gray-text-discrete);
  --select-readonly-icon-color: var(--color-gray-shape-disabled);
  --select-success-border-color: var(--color-success-border);
  --select-success-value-color: var(--color-success-text);
  --select-success-label-color: var(--color-success-text);
  --select-success-icon-color: var(--color-success-shape);
  --select-warning-border-color: var(--color-warning-border);
  --select-warning-value-color: var(--color-warning-text);
  --select-warning-label-color: var(--color-warning-text);
  --select-warning-icon-color: var(--color-warning-shape);
  --select-error-border-color: var(--color-error-border);
  --select-error-value-color: var(--color-error-text);
  --select-error-label-color: var(--color-error-text);
  --select-error-icon-color: var(--color-error-shape);
  --select-s-default-font: var(--typography-body-xs-regular);
  --select-s-label-font: var(--typography-body-xxs-regular);
  --select-s-label-padding: 0 0 var(--size-space-xxxs);
  --select-s-height: 32px;
  --select-s-border-radius: var(--size-radius-s);
  --select-s-padding: var(--size-space-xxs) calc(var(--size-space-l) + var(--size-space-xxs) - 1px) var(--size-space-xxs)
    calc(var(--size-space-xs) - 1px);
  --select-s-arrow-size: 16px;
  --select-s-arrow-position-right: var(--size-space-xs);
  --select-s-arrow-position-bottom: var(--size-space-xs);
  --select-s-button-position-right: var(--size-space-xl);
  --select-s-button-position-bottom: var(--size-space-xxs);
  --select-m-default-font: var(--typography-body-s-regular);
  --select-m-label-font: var(--typography-body-xxs-regular);
  --select-m-label-padding: 0 0 var(--size-space-xxxs);
  --select-m-height: 40px;
  --select-m-border-radius: var(--size-radius-s);
  --select-m-padding: var(--size-space-xs) calc(var(--size-space-l) + var(--size-space-xxs) - 1px) var(--size-space-xs)
    calc(var(--size-space-xs) - 1px);
  --select-m-arrow-size: 16px;
  --select-m-arrow-position-right: var(--size-space-xs);
  --select-m-arrow-position-bottom: var(--size-space-s);
  --select-m-button-position-right: var(--size-space-xl);
  --select-m-button-position-bottom: var(--size-space-xxs);
  --select-l-default-font: var(--typography-body-m-regular);
  --select-l-label-font: var(--typography-body-xs-regular);
  --select-l-label-padding: 0;
  --select-l-label-position-top: 6px;
  --select-l-label-position-left: var(--size-space-xs);
  --select-l-height: 56px;
  --select-l-default-background: var(--color-gray-surface-discrete);
  --select-l-border-radius: var(--size-radius-s) var(--size-radius-s) 0 0;
  --select-l-border-width: 0 0 var(--size-border-xs);
  --select-l-default-border-color: var(--color-gray-border-strong);
  --select-l-default-border-color-hover: var(--color-gray-border-strong-hover);
  --select-l-placeholder-border-color: var(--color-gray-border);
  --select-l-placeholder-border-color-hover: var(--color-gray-border-hover);
  --select-l-padding: 26px var(--size-space-xxl) 6px var(--size-space-xs);
  --select-l-arrow-size: 24px;
  --select-l-arrow-position-right: var(--size-space-xs);
  --select-l-arrow-position-bottom: var(--size-space-m);
  --select-l-button-position-right: calc(var(--size-space-xl) + var(--size-space-xxs));
  --select-l-button-position-bottom: var(--size-space-xs);
}

.neo-select {
  position: relative;
}
.neo-select-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.neo-select label {
  font: var(--select-s-label-font);
  color: var(--select-default-label-color);
  padding: var(--select-s-label-padding);
}
.neo-select select {
  font: var(--select-s-default-font);
  color: var(--select-default-value-color);
  background-color: var(--select-default-background);
  display: block;
  height: var(--select-s-height);
  width: 100%;
  padding: var(--select-s-padding);
  border: var(--size-border-xs) solid var(--select-default-border-color);
  border-radius: var(--select-s-border-radius);
  -webkit-appearance: none;
  transition: background-color 250ms ease;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .neo-select select:hover {
    background-color: var(--select-default-background-hover);
    border-color: var(--select-default-border-hover);
  }
}
.neo-select select:disabled {
  background-color: var(--select-disabled-background);
  color: var(--select-disabled-value-color);
  border-color: var(--select-disabled-border-color);
  opacity: 1;
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .neo-select select:disabled:hover {
    border-color: var(--select-disabled-border-color);
  }
}
.neo-select select:disabled ~ .neo-select-arrow {
  color: var(--select-disabled-icon-color);
}
.neo-select select option {
  color: var(--select-default-value-color);
}
.neo-select select::-ms-expand {
  display: none;
}
.neo-select-hovered label {
  color: var(--select-default-label-color-hover);
}
.neo-select-focused .neo-select-arrow {
  transform: rotate(180deg);
}
.neo-select-disabled {
  --neo-text-helper-text-color: var(--select-disabled-icon-color);
  --neo-text-helper-icon-color: var(--select-disabled-value-color);
}
.neo-select-disabled label {
  color: var(--select-disabled-label-color);
}
.neo-select-arrow {
  position: absolute;
  right: var(--select-s-arrow-position-right);
  bottom: var(--select-s-arrow-position-bottom);
  font-size: var(--select-s-arrow-size);
  color: var(--select-default-icon-color);
  pointer-events: none;
  transform: rotate(0deg);
  transition: transform 250ms ease;
}
.neo-select-empty select {
  color: var(--select-default-placeholder-color);
}
@media (hover: hover) and (pointer: fine) {
  .neo-select-empty select:hover {
    color: var(--select-default-placeholder-color-hover);
  }
}
.neo-select-readonly select {
  border-color: var(--select-readonly-border-color);
  background-color: var(--select-readonly-background);
  color: var(--select-readonly-value-color);
  cursor: not-allowed;
}
.neo-select-readonly label {
  color: var(--select-readonly-label-color);
  cursor: not-allowed;
}
.neo-select-readonly .neo-select-arrow {
  color: var(--select-readonly-icon-color);
}
.neo-select-s label {
  font: var(--select-s-label-font);
}
.neo-select-s select {
  font: var(--select-s-default-font);
  height: var(--select-s-height);
  padding: var(--select-s-padding);
  border-radius: var(--select-s-border-radius);
}
.neo-select-m label {
  font: var(--select-m-label-font);
}
.neo-select-m select {
  font: var(--select-m-default-font);
  height: var(--select-m-height);
  padding: var(--select-m-padding);
  border-radius: var(--select-m-border-radius);
}
.neo-select-m .neo-select-arrow {
  right: var(--select-m-arrow-position-right);
  bottom: var(--select-m-arrow-position-bottom);
}
.neo-select-l label {
  position: absolute;
  top: var(--select-l-label-position-top);
  left: var(--select-l-label-position-left);
  font: var(--select-l-label-font);
}
.neo-select-l select {
  font: var(--select-l-default-font);
  height: var(--select-l-height);
  padding: var(--select-l-padding);
  background-color: var(--select-l-default-background);
  border-radius: var(--select-l-border-radius);
  border-width: var(--select-l-border-width);
  border-color: var(--select-l-default-border-color);
}
@media (hover: hover) and (pointer: fine) {
  .neo-select-l select:hover {
    border-color: var(--select-l-default-border-color-hover);
  }
}
.neo-select-l .neo-select-empty select {
  border-color: var(--select-l-placeholder-border-color);
}
.neo-select-l .neo-select-empty select:hover {
  border-color: var(--select-l-placeholder-border-color-hover);
}
.neo-select-l.neo-select-readonly select {
  background-color: var(--select-readonly-background);
}
.neo-select-l .neo-select-arrow {
  font-size: var(--select-l-arrow-size);
  right: var(--select-l-arrow-position-right);
  bottom: var(--select-l-arrow-position-bottom);
}
.neo-select-success select {
  border-color: var(--select-success-border-color);
  color: var(--select-success-value-color);
}
.neo-select-success select:hover {
  border-color: var(--select-success-border-color);
  color: var(--select-success-value-color);
}
.neo-select-success label {
  color: var(--select-success-label-color);
}
.neo-select-success .neo-select-arrow {
  color: var(--select-success-icon-color);
}
.neo-select-warning select {
  border-color: var(--select-warning-border-color);
  color: var(--select-warning-value-color);
}
.neo-select-warning select:hover {
  border-color: var(--select-warning-border-color);
  color: var(--select-warning-value-color);
}
.neo-select-warning label {
  color: var(--select-warning-label-color);
}
.neo-select-warning .neo-select-arrow {
  color: var(--select-warning-icon-color);
}
.neo-select-error select {
  border-color: var(--select-error-border-color);
  color: var(--select-error-value-color);
}
.neo-select-error select:hover {
  border-color: var(--select-error-border-color);
  color: var(--select-error-value-color);
}
.neo-select-error label {
  color: var(--select-error-label-color);
}
.neo-select-error .neo-select-arrow {
  color: var(--select-error-icon-color);
}
.neo-tag {
  --tag-font: var(--typography-body-xs-regular);
  --tag-border-radius: var(--size-radius-m);
  --tag-padding: calc(var(--size-space-xxxs) - 1px) calc(var(--size-space-s) - 1px);
  --tag-border-color: var(--color-gray-border);
  --tag-color: var(--color-gray-text);
  --tag-badge-color: var(--color-gray-shape-discrete);
  --tag-background-color: var(--color-gray-surface-background);
  --tag-error-border-color: var(--color-error-surface-discrete-selected-hover);
  --tag-error-color: var(--color-error-text);
  --tag-error-badge-color: var(--color-error-shape);
  --tag-error-background-color: var(--color-error-surface-discrete);
  --tag-info-border-color: var(--color-information-surface-discrete-selected-hover);
  --tag-info-color: var(--color-information-text);
  --tag-info-badge-color: var(--color-information-shape);
  --tag-info-background-color: var(--color-information-surface-discrete);
  --tag-success-border-color: var(--color-success-surface-discrete-selected-hover);
  --tag-success-color: var(--color-success-text);
  --tag-success-badge-color: var(--color-success-shape);
  --tag-success-background-color: var(--color-success-surface-discrete);
  --tag-warning-border-color: var(--color-warning-surface-discrete-selected-hover);
  --tag-warning-color: var(--color-warning-text);
  --tag-warning-badge-color: var(--color-warning-shape);
  --tag-warning-background-color: var(--color-warning-surface-discrete);
  --tag-disabled-border-color: var(--color-gray-border-disabled);
  --tag-disabled-color: var(--color-gray-text-disabled);
  --tag-disabled-badge-color: var(--color-error-shape-disabled);
  --tag-disabled-background-color: var(--color-gray-surface-background);
}

.neo-tag {
  font: var(--tag-font);
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  border: var(--size-border-xs) solid var(--tag-border-color);
  border-radius: var(--tag-border-radius);
  padding: var(--tag-padding);
  color: var(--tag-color);
  background-color: var(--tag-background-color);
}
.neo-tag .neo-badge {
  margin-right: var(--size-space-xxs);
}
.neo-tag-default {
  --neo-badge-color: var(--tag-badge-color);
}
.neo-tag-error {
  color: var(--tag-error-color);
  border-color: var(--tag-error-border-color);
  background-color: var(--tag-error-background-color);
}
.neo-tag-info {
  color: var(--tag-info-color);
  border-color: var(--tag-info-border-color);
  background-color: var(--tag-info-background-color);
}
.neo-tag-success {
  color: var(--tag-success-color);
  border-color: var(--tag-success-border-color);
  background-color: var(--tag-success-background-color);
}
.neo-tag-warning {
  color: var(--tag-warning-color);
  border-color: var(--tag-warning-border-color);
  background-color: var(--tag-warning-background-color);
}
.neo-tag-disabled {
  color: var(--tag-disabled-color);
  border-color: var(--tag-disabled-border-color);
  background-color: var(--tag-disabled-background-color);
}

.neo-text-helper {
  --text-helper-gap: var(--size-space-xxs);
  --text-helper-spacing-top: var(--size-space-xxs);
  --text-helper-text-font: var(--typography-body-xs-regular);
  --text-helper-text-color: var(--neo-text-helper-text-color, var(--color-gray-text-discrete));
  --text-helper-icon-color: var(--neo-text-helper-icon-color, var(--color-gray-shape));
  --text-helper-icon-size: 16px;
}

.neo-text-helper {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: var(--text-helper-gap);
  font: var(--text-helper-text-font);
  margin-top: var(--text-helper-spacing-top);
}
.neo-text-helper-error {
  --text-helper-text-color: var(--neo-text-helper-text-color, var(--color-error-text));
  --text-helper-icon-color: var(--neo-text-helper-icon-color, var(--color-error-shape));
}
.neo-text-helper-success {
  --text-helper-text-color: var(--neo-text-helper-text-color, var(--color-success-text));
  --text-helper-icon-color: var(--neo-text-helper-icon-color, var(--color-success-shape));
}
.neo-text-helper-warning {
  --text-helper-text-color: var(--neo-text-helper-text-color, var(--color-warning-text));
  --text-helper-icon-color: var(--neo-text-helper-icon-color, var(--color-warning-shape));
}
.neo-text-helper .neo-text-helper-icon {
  color: var(--text-helper-icon-color);
  font-size: var(--text-helper-icon-size);
  padding-top: 1px;
}
.neo-text-helper .neo-text-helper-text {
  margin: 0;
  color: var(--text-helper-text-color);
  flex: 1 1 auto;
}

.neo-toggle-button:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible, .neo-button:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-chips:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips-erase:focus, body:not(.using-mouse) .neo-chips-select > select:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, .neo-segmented-control-item:focus {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

:root {
  --tile-padding: 0;
  --tile-radius: var(--size-radius-s);
  --tile-border-color: var(--color-gray-border);
  --tile-border-style: solid;
  --tile-border-width: var(--size-border-xs);
  --tile-shadow: var(--shadow-xs);
  --tile-background: var(--color-gray-surface-background);
  --tile-border-selected-width: var(--size-border-l);
}

.neo-tile {
  background: var(--tile-background);
  border-radius: var(--tile-radius);
  box-shadow: var(--tile-shadow);
  position: relative;
  width: 100%;
  transition: background-color 250ms ease;
  text-align: left;
  display: block;
}
.neo-tile:not(:disabled):not([aria-disabled=true]):hover {
  --tile-background: var(--color-gray-surface-discrete-hover);
}
.neo-tile:not(:disabled):not([aria-disabled=true]):active {
  --tile-background: var(--color-gray-surface-discrete-selected-hover);
}
.neo-tile:disabled, .neo-tile[aria-disabled=true] {
  --tile-background: var(--color-gray-surface-discrete-disabled);
  cursor: not-allowed;
  color: inherit;
}
.neo-tile-selected {
  --tile-background: var(--color-gray-surface-discrete-selected);
}
.neo-tile-selected:before {
  width: var(--tile-border-selected-width);
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  background-color: var(--color-primary-border);
  position: absolute;
  border-radius: var(--tile-radius) 0px 0px var(--tile-radius);
}
.neo-tile-padding-s {
  --tile-padding: var(--size-space-xs);
}
.neo-tile-padding-m {
  --tile-padding: var(--size-space-m);
}
.neo-tile-padding-l {
  --tile-padding: var(--size-space-l);
}
.neo-tile-padding-xy {
  padding: var(--tile-padding) var(--tile-padding);
}
.neo-tile-padding-y {
  padding: 0 var(--tile-padding);
}
.neo-tile-padding-x {
  padding: var(--tile-padding) 0;
}
.neo-tile-padding-none {
  --tile-padding: 0;
  --tile-background: transparent;
}
.neo-tile-border-none {
  --tile-border-width: 0;
  --tile-shadow: none;
}
.neo-tile-border-bottom {
  --tile-radius: 0;
  --tile-shadow: none;
  border: none;
  border-bottom: var(--tile-border-width) var(--tile-border-style) var(--tile-border-color);
}

.neo-toggle-button:focus, .neo-button:focus, body:not(.using-mouse) .neo-checkbox-input:focus + .neo-checkbox-label .neo-checkbox-square, .neo-chips:focus, .neo-chips-filter > input:focus-visible + label, .neo-chips-erase:focus, body:not(.using-mouse) .neo-chips-select > select:focus, body:not(.using-mouse) .neo-radio-input:focus + .neo-radio-label .neo-radio-circle, .neo-segmented-control-item:focus, .neo-tile:not(:disabled):not([aria-disabled=true]):focus-visible {
  outline: 2px solid var(--color-information-border);
  outline-offset: 2px;
}

.neo-toggle {
  --toggle-button-width: 48px;
  --toggle-button-height: 24px;
  --toggle-button-radius: 48px;
  --toggle-button-background: transparent;
  --toggle-button-padding: var(--size-space-xxs);
  --toggle-button-switch-background: var(--color-gray-shape-inverted);
  --toggle-button-switch-size: 16px;
  --toggle-button-switch-radius: 100px;
  --toggle-button-icon-size: 16px;
  --toggle-button-icon-stroke-width: 3px;
  --toggle-button-icon-margin: var(--size-space-xxs);
  --toggle-button-label-font: var(--typography-body-m-regular);
  --toggle-button-label-color: var(--color-gray-text);
}

.neo-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--size-space-xs);
}
.neo-toggle-reverse {
  flex-direction: row-reverse;
}
.neo-toggle-label {
  font: var(--toggle-button-label-font);
  color: var(--toggle-button-label-color);
  cursor: pointer;
  transition: color 250ms ease;
}
.neo-toggle-label:hover {
  --toggle-button-label-color: var(--color-gray-text-hover);
}
.neo-toggle-button {
  width: var(--toggle-button-width);
  height: var(--toggle-button-height);
  padding: 0 var(--toggle-button-padding);
  border-radius: var(--toggle-button-radius);
  background-color: var(--toggle-button-background);
  position: relative;
  transition: background-color 250ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.neo-toggle-button:not(.neo-toggle-button-loading)::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: var(--toggle-button-switch-size);
  height: var(--toggle-button-switch-size);
  border-radius: var(--toggle-button-switch-radius);
  background: var(--toggle-button-switch-background);
  transition: transform 250ms ease, width 250ms ease;
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled) {
  --toggle-button-background: var(--color-success-shape);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled):active {
  --toggle-button-background: var(--color-success-shape-selected-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled):active + .neo-toggle-label {
  --toggle-button-label-color: var(--color-gray-text-selected);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled):active:after {
  transform: translateX(16px);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled):not(:active):hover {
  --toggle-button-background: var(--color-success-shape-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]:not(:disabled):not(:active):hover + .neo-toggle-label {
  --toggle-button-label-color: var(--color-gray-text-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true]::after {
  transform: translateX(24px);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=true] .neo-toggle-icon-check path {
  stroke-dashoffset: 0;
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false]:not(:disabled) {
  --toggle-button-background: var(--color-gray-shape-discrete);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false]:not(:disabled):not(:active):hover {
  --toggle-button-background: var(--color-gray-shape-discrete-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false]:not(:disabled):not(:active):hover + label {
  --toggle-button-label-color: var(--color-gray-text-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false]:not(:disabled):active {
  --toggle-button-background: var(--color-gray-shape-discrete-selected-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false]:not(:disabled):active + .neo-toggle-label {
  --toggle-button-label-color: var(--color-gray-text-selected);
}
.neo-toggle-button:not(.neo-toggle-button-loading)[aria-checked=false] .neo-toggle-icon-uncheck path {
  stroke-dashoffset: 37.94px;
}
.neo-toggle-button:not(.neo-toggle-button-loading):disabled {
  --toggle-button-background: var(--color-primary-shape-disabled);
  cursor: not-allowed;
}
.neo-toggle-button:not(.neo-toggle-button-loading):disabled + .neo-toggle-label {
  --toggle-button-label-color: var(--color-gray-text-disabled);
  cursor: not-allowed;
}
.neo-toggle-button:not(.neo-toggle-button-loading):not(:disabled):hover {
  --toggle-button-switch-background: var(--color-gray-shape-inverted-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading):not(:disabled):active {
  --toggle-button-switch-background: var(--color-gray-shape-inverted-selected-hover);
}
.neo-toggle-button:not(.neo-toggle-button-loading):not(:disabled):active:after {
  transition-delay: 100ms;
  width: 24px;
}
.neo-toggle-button-loading {
  --toggle-button-background: var(--color-primary-shape-disabled);
  --neo-loader-stroke-color: var(--color-gray-shape-inverted);
}
.neo-toggle-button-loading .neo-toggle-icon-check,
.neo-toggle-button-loading .neo-toggle-icon-uncheck {
  display: none;
}
.neo-toggle-button-loading .neo-toggle-icon-check::after,
.neo-toggle-button-loading .neo-toggle-icon-uncheck::after {
  display: none;
}
.neo-toggle-button-loading + .neo-toggle-label {
  --toggle-button-label-color: var(--color-gray-text-disabled);
}
.neo-toggle-icon-check, .neo-toggle-icon-uncheck {
  width: var(--toggle-button-icon-size);
  height: var(--toggle-button-icon-size);
  fill: none;
}
.neo-toggle-icon-check path, .neo-toggle-icon-uncheck path {
  fill: none;
  stroke: var(--toggle-button-switch-background);
  stroke-width: var(--toggle-button-icon-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dashoffset 350ms ease 150ms;
}
.neo-toggle-icon-check path {
  stroke-dashoffset: 20.62px;
  stroke-dasharray: 20.62px;
}
.neo-toggle-icon-uncheck path {
  stroke-dashoffset: 18.97px;
  stroke-dasharray: 18.97px;
}
.neo-toggle-icon-uncheck path:last-child {
  transition-delay: 250ms;
}
.neo-toggle > :not(.neo-toggle-button-loading) .neo-loader {
  display: none;
}