.danone{--brand-light: #f9fafb;--brand-white: #ffffff;--brand-gray: #50575c;--brand-blue: #005eb8;--brand-blue-light: #11aced;--brand-ocean: #11447a;--brand-mid-blue: #183553;--brand-dark-blue: #1C2D4D;--brand-darkest-blue: #10243b;--brand-mint: #c4ebdd;--brand-lime: #c4e76b;--background: #f3faf7;--contrast-container: #d4ece3;--contrast-panel: color-mix(in srgb, var(--contrast-container) 60%, white);--breadcrumb-container: color-mix(in srgb, var(--contrast-container) 70%, var(--background));--dropdown-nav: var(--brand-white);--dropdown-panel: var(--contrast-container);--foreground: var(--brand-ocean);--contrast-for-background: var(--foreground);--title-color: color-mix(in srgb, var(--foreground) 80%, #000);--accent-header: var(--brand-ocean);--nav-button-link: var(--brand-blue);--button-link-hover: color-mix(in srgb, var(--nav-button-link) 80%, #000);--border: color-mix(in srgb, var(--contrast-container) 60%, #9dbcc9);--input: var(--border);--ring: color-mix(in srgb, var(--brand-blue-light) 50%, #cdefff);--input-bar: var(--contrast-container);--input-text: var(--foreground);--input-text-ph: color-mix(in srgb, var(--input-text) 55%, var(--background));--input-delimiter: color-mix(in srgb, var(--contrast-container) 92%, #ffffff);--button-content: #ffffff;--button-primary: var(--brand-blue);--button-primary-hover: color-mix(in srgb, var(--button-primary) 85%, #000);--button-secondary: var(--brand-mint);--button-secondary-hover: color-mix(in srgb, var(--button-secondary) 85%, var(--brand-ocean));--btn-secondary-content: var(--brand-dark-blue);--button-success-color: var(--brand-lime);--button-success-hover: color-mix(in srgb, var(--button-success-color) 80%, #000);--button-info-color: var(--brand-blue-light);--button-info-hover: color-mix(in srgb, var(--button-info-color) 85%, #000);--button-warning-color: #f8b44c;--button-warning-hover: color-mix(in srgb, var(--button-warning-color) 85%, #000);--button-danger-color: #ff3860;--button-danger-hover: color-mix(in srgb, var(--button-danger-color) 85%, #000);--button-light-color: var(--brand-light);--button-light-hover: color-mix(in srgb, var(--button-light-color) 85%, #000);--button-dark-color: var(--brand-ocean);--button-dark-hover: color-mix(in srgb, var(--button-dark-color) 85%, #000);--switch-background: var(--contrast-container);--switch-button: var(--brand-blue);--switch-delimiter: transparent;--focus-delimiter: var(--ring);--switch-verified: var(--button-content);--switch-unverified: var(--button-content);--switch-affirmation: var(--brand-dark-blue);--switch-negation: var(--brand-lime);--asset-logo: url(/build/img/logos/danonelogo-transparent.svg);--asset-background-logo: url(/build/img/logos/danone_icon.svg)}.danone.dark{--background: var(--brand-darkest-blue);--contrast-container: var(--brand-mid-blue);--contrast-panel: color-mix(in srgb, var(--contrast-container) 75%, #020617);--breadcrumb-container: color-mix(in srgb, var(--contrast-container) 65%, #020617);--dropdown-nav: var(--background);--dropdown-panel: var(--contrast-container);--foreground: var(--brand-light);--contrast-for-background: var(--foreground);--title-color: color-mix(in srgb, var(--foreground) 90%, #ffffff);--accent-header: var(--brand-lime);--nav-button-link: var(--brand-blue-light);--button-link-hover: color-mix(in srgb, var(--nav-button-link) 80%, #000);--border: color-mix(in srgb, var(--contrast-container) 60%, #000);--input: var(--border);--ring: color-mix(in srgb, var(--brand-blue-light) 70%, #b9f2ff);--input-bar: var(--contrast-container);--input-text: var(--foreground);--input-text-ph: color-mix(in srgb, var(--input-text) 55%, var(--background));--input-delimiter: color-mix(in srgb, var(--contrast-container) 90%, #020617);--button-content: var(--brand-white);--button-primary: var(--brand-blue-light);--button-primary-hover: color-mix(in srgb, var(--button-primary) 80%, #000);--button-secondary: var(--brand-lime);--button-secondary-hover: color-mix(in srgb, var(--button-secondary) 80%, #000);--button-success-color: var(--brand-lime);--button-success-hover: color-mix(in srgb, var(--button-success-color) 80%, #000);--button-info-color: var(--brand-blue);--button-info-hover: color-mix(in srgb, var(--button-info-color) 80%, #000);--button-warning-color: #f8b44c;--button-warning-hover: color-mix(in srgb, var(--button-warning-color) 80%, #000);--button-danger-color: #ff5b7a;--button-danger-hover: color-mix(in srgb, var(--button-danger-color) 80%, #000);--button-light-color: color-mix(in srgb, var(--foreground) 90%, #cbd5f5);--button-light-hover: color-mix(in srgb, var(--button-light-color) 80%, #000);--button-dark-color: #020617;--button-dark-hover: color-mix(in srgb, var(--button-dark-color) 85%, var(--brand-dark-blue));--switch-background: var(--contrast-container);--switch-button: var(--button-primary);--switch-delimiter: transparent;--switch-verified: var(--brand-lime);--switch-unverified: var(--button-content);--switch-affirmation: var(--brand-dark-blue);--switch-negation: var(--brand-lime);--focus-delimiter: var(--ring);--asset-logo: url(/build/img/logos/danonelogo-transparent.svg)}.danone .switch-projects-sort-by{--switch-background: color-mix(in srgb, var(--contrast-panel), black 25%);--switch-affirmation: var(--button-content);--switch-negation: var(--button-content)}.danone.dark .switch-projects-sort-by{--switch-affirmation: white;--switch-negation: white}@layer base{html.danone.has-background-logo:before{content:"";position:fixed;top:75px;left:75px;width:20vw;height:100vw;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.13;pointer-events:none;z-index:0;transform:scale(5)}body{position:relative!important;z-index:1!important}}