:root {
        --text: #21282b;
--links: #540abd;
--titles: #21282b;
--page-background: #ffffff;
--highlight: #540abd;
--boxes-background: #ffffff;
--boxes-border: #bfcac9;
--section-titles: #09204E;
--section-titles-background: #F6F8FB;
--header-background: #09204E;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #D2D700;
--titles-h1-font-size: 2.2143rem;
--titles-h1-font-weight: 700;
--titles-h1-color: #21282b;
--titles-h2-font-size: 1.5714rem;
--titles-h2-font-weight: 700;
--titles-h2-color: #21282b;
--titles-h3-font-size: 1.2857rem;
--titles-h3-font-weight: 700;
--titles-h3-color: #21282b;
--texts-primary-font-size: 1.1429rem;
--texts-primary-color: #21282b;
--texts-secondary-font-size: 1.0000rem;
--texts-secondary-color: #3a4545;
--texts-link-color: #540abd;
    }
    
@charset "UTF-8";
:root {
  --dsa-spacing-0: 0rem;
  --dsa-spacing-2: .125rem;
  --dsa-spacing-4: .25rem;
  --dsa-spacing-8: .5rem;
  --dsa-spacing-10: .625rem;
  --dsa-spacing-12: .75rem;
  --dsa-spacing-14: .875rem;
  --dsa-spacing-16: 1rem;
  --dsa-spacing-24: 1.5rem;
  --dsa-spacing-32: 2rem;
  --dsa-spacing-40: 2.5rem;
  --dsa-spacing-48: 3rem;
  --dsa-spacing-64: 4rem;
  --dsa-spacing-80: 5rem;
  --dsa-radius-0: 0rem;
  --dsa-radius-4: .25rem;
  --dsa-radius-8: .5rem;
  --dsa-radius-32: 2rem;
  --dsa-border-0: 0rem;
  --dsa-border-1: .063rem;
  --dsa-border-2: .125rem;
  --dsa-border-6: .375rem;
  --dsa-border-1-5: .094rem;
  --dsa-thickness-1: .063rem;
  --dsa-thickness-2: .125rem;
  --dsa-thickness-4: .25rem;
  --dsa-font-2x-small-bold: 700 .625rem/130% Cabin;
  --dsa-font-2x-small-normal: 400 .625rem/130% Cabin;
  --dsa-font-x-small-normal: 400 .75rem/130% Cabin;
  --dsa-font-x-small-bold: 700 .75rem/130% Cabin;
  --dsa-font-x-small-bold-underline: 700 .75rem Cabin;
  --dsa-font-small-normal: 400 .875rem/130% Cabin;
  --dsa-font-small-normal-underline: 400 .875rem/130% Cabin;
  --dsa-font-small-bold: 700 .875rem/130% Cabin;
  --dsa-font-medium-normal: 400 1rem/130% Cabin;
  --dsa-font-medium-bold: 700 1rem/130% Cabin;
  --dsa-font-large-normal: 400 1.25rem/130% Montserrat;
  --dsa-font-large-bold: 700 1.25rem/130% Montserrat;
  --dsa-font-x-large-normal: 400 1.5rem/130% Montserrat;
  --dsa-font-x-large-bold: 700 1.5rem/130% Montserrat;
  --dsa-font-2x-large-normal: 400 2.25rem/130% Montserrat;
  --dsa-font-2x-large-bold: 700 2.25rem/130% Montserrat;
  --dsa-font-3x-large-normal: 400 3rem/130% Montserrat;
  --dsa-font-3x-large-bold: 700 3rem/130% Montserrat;
  --dsa-font-4x-large-normal: 400 4.5rem/130% Montserrat;
  --dsa-font-4x-large-bold: 700 4.5rem/130% Montserrat;
  --dsa-font-button-medium: 700 1rem Cabin;
  --dsa-font-button-small: 700 .875rem Cabin;
  --dsa-font-button-large: 700 1.25rem Cabin;
  --dsa-font-input-mask-small: 400 .75rem/130% Cabin;
  --dsa-font-input-mask-medium: 400 .875rem/130% Cabin;
  --dsa-font-input-mask-large: 400 1.25rem/130% Cabin;
  --dsa-color-primitive-colors-identity-green-100: hsl(58, 90%, 92%);
  --dsa-color-primitive-colors-identity-green-200: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-identity-green-300: hsl(61, 88%, 45%);
  --dsa-color-primitive-colors-identity-green-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-identity-green-500: hsl(88, 63%, 44%);
  --dsa-color-primitive-colors-identity-green-600: hsl(100, 60%, 32%);
  --dsa-color-primitive-colors-identity-green-700: hsl(120, 55%, 25%);
  --dsa-color-primitive-colors-identity-green-800: hsl(130, 43%, 20%);
  --dsa-color-primitive-colors-identity-green-900: hsl(140, 35%, 15%);
  --dsa-color-primitive-colors-identity-purple-50: hsl(276, 100%, 99%);
  --dsa-color-primitive-colors-identity-purple-100: hsl(268, 100%, 97%);
  --dsa-color-primitive-colors-identity-purple-200: hsl(269, 94%, 94%);
  --dsa-color-primitive-colors-identity-purple-300: hsl(268, 94%, 86%);
  --dsa-color-primitive-colors-identity-purple-400: hsl(266, 91%, 49%);
  --dsa-color-primitive-colors-identity-purple-500: hsl(265, 90%, 39%);
  --dsa-color-primitive-colors-identity-purple-600: hsl(264, 67%, 36%);
  --dsa-color-primitive-colors-identity-purple-700: hsl(263, 52%, 32%);
  --dsa-color-primitive-colors-identity-purple-800: hsl(262, 40%, 28%);
  --dsa-color-primitive-colors-identity-purple-900: hsl(261, 35%, 24%);
  --dsa-color-primitive-colors-complementary-blue-100: hsl(193, 92%, 95%);
  --dsa-color-primitive-colors-complementary-blue-200: hsl(196, 88%, 80%);
  --dsa-color-primitive-colors-complementary-blue-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-blue-500: hsl(204, 64%, 65%);
  --dsa-color-primitive-colors-complementary-blue-600: hsl(205, 36%, 48%);
  --dsa-color-primitive-colors-complementary-blue-700: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-blue-800: hsl(214, 50%, 26%);
  --dsa-color-primitive-colors-complementary-blue-900: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-green-200: hsl(180, 52%, 95%);
  --dsa-color-primitive-colors-complementary-green-300: hsl(177, 45%, 80%);
  --dsa-color-primitive-colors-complementary-green-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-green-500: hsl(173, 37%, 65%);
  --dsa-color-primitive-colors-complementary-green-600: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-green-700: hsl(175, 36%, 40%);
  --dsa-color-primitive-colors-complementary-green-800: hsl(173, 25%, 20%);
  --dsa-color-primitive-colors-complementary-green-900: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-200: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-300: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-500: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-600: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-700: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-800: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-orange-900: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-200: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-300: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-500: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-600: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-700: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-800: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-pink-900: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-200: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-300: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-400: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-500: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-600: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-700: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-800: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-complementary-yellow-900: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-neutral-0: hsl(0, 0%, 100%);
  --dsa-color-primitive-colors-neutral-50: hsl(180, 20%, 99%);
  --dsa-color-primitive-colors-neutral-100: hsl(180, 10%, 96%);
  --dsa-color-primitive-colors-neutral-200: hsl(180, 10%, 86%);
  --dsa-color-primitive-colors-neutral-300: hsl(175, 9%, 77%);
  --dsa-color-primitive-colors-neutral-600: hsl(177, 8%, 51%);
  --dsa-color-primitive-colors-neutral-650: hsl(0, 98%, 52%);
  --dsa-color-primitive-colors-neutral-700: hsl(180, 8%, 30%);
  --dsa-color-primitive-colors-neutral-800: hsl(180, 9%, 25%);
  --dsa-color-primitive-colors-neutral-900: hsl(198, 13%, 15%);
  --dsa-color-primitive-colors-feedback-error-100: hsl(12, 100%, 98%);
  --dsa-color-primitive-colors-feedback-error-200: hsl(7, 100%, 93%);
  --dsa-color-primitive-colors-feedback-error-400: hsl(5, 96%, 72%);
  --dsa-color-primitive-colors-feedback-error-500: hsl(4, 93%, 45%);
  --dsa-color-primitive-colors-feedback-error-700: hsl(3, 89%, 31%);
  --dsa-color-primitive-colors-feedback-error-900: hsl(0, 81%, 16%);
  --dsa-color-primitive-colors-feedback-success-100: hsl(133, 88%, 97%);
  --dsa-color-primitive-colors-feedback-success-200: hsl(137, 77%, 88%);
  --dsa-color-primitive-colors-feedback-success-500: hsl(146, 75%, 28%);
  --dsa-color-primitive-colors-feedback-success-700: hsl(152, 59%, 25%);
  --dsa-color-primitive-colors-feedback-success-900: hsl(158, 37%, 16%);
  --dsa-color-primitive-colors-feedback-warning-100: hsl(42, 100%, 96%);
  --dsa-color-primitive-colors-feedback-warning-200: hsl(40, 100%, 89%);
  --dsa-color-primitive-colors-feedback-warning-500: hsl(40, 100%, 63%);
  --dsa-color-primitive-colors-feedback-warning-700: hsl(35, 91%, 25%);
  --dsa-color-primitive-colors-feedback-warning-900: hsl(32, 100%, 16%);
  --dsa-color-primitive-colors-system-focus-500: hsl(209, 100%, 55%);
  --dsa-color-tag-simple-blue-on-mid-tint-background: hsl(0, 0%, 0%);
  --dsa-color-tag-simple-green-on-mid-tint-background: hsl(0, 0%, 0%);
  --dsa-color-tag-simple-blue-on-light: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-tag-simple-blue-on-dark: var(--dsa-color-primitive-colors-complementary-blue-100);
  --dsa-color-tag-simple-blue-background-1: var(--dsa-color-primitive-colors-complementary-blue-100);
  --dsa-color-tag-simple-blue-background-2: var(--dsa-color-primitive-colors-complementary-blue-200);
  --dsa-color-tag-simple-blue-background-3: var(--dsa-color-primitive-colors-complementary-blue-500);
  --dsa-color-tag-simple-blue-background-4: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-tag-simple-blue-background-5: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-tag-simple-blue-background-6: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-tag-simple-green-on-light: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-tag-simple-green-on-dark: var(--dsa-color-primitive-colors-complementary-green-200);
  --dsa-color-tag-simple-green-background-1: var(--dsa-color-primitive-colors-complementary-green-200);
  --dsa-color-tag-simple-green-background-2: var(--dsa-color-primitive-colors-complementary-green-300);
  --dsa-color-tag-simple-green-background-3: var(--dsa-color-primitive-colors-complementary-green-500);
  --dsa-color-tag-simple-green-background-4: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-tag-simple-green-background-5: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-tag-simple-green-background-6: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-tag-simple-green-background-7: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-tag-simple-purple-on-light: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-tag-simple-purple-on-dark: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-tag-simple-purple-background-1: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-tag-simple-purple-background-2: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-tag-simple-purple-background-3: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-tag-simple-purple-background-4: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-tag-simple-purple-background-5: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-tag-simple-orange-on-light: var(--dsa-color-primitive-colors-feedback-warning-900);
  --dsa-color-tag-simple-orange-on-dark: var(--dsa-color-primitive-colors-feedback-warning-100);
  --dsa-color-tag-simple-orange-background-1: var(--dsa-color-primitive-colors-feedback-warning-100);
  --dsa-color-tag-simple-orange-background-2: var(--dsa-color-primitive-colors-feedback-warning-200);
  --dsa-color-tag-simple-orange-background-3: var(--dsa-color-primitive-colors-feedback-warning-500);
  --dsa-color-tag-simple-orange-background-4: var(--dsa-color-primitive-colors-feedback-warning-700);
  --dsa-color-tag-simple-orange-background-5: var(--dsa-color-primitive-colors-feedback-warning-900);
  --dsa-color-tag-simple-orange-background-6: var(--dsa-color-primitive-colors-feedback-warning-900);
  --dsa-color-tag-simple-pink-on-light: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-tag-simple-pink-on-dark: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-tag-simple-pink-background-1: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-tag-simple-pink-background-2: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-tag-simple-pink-background-3: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-tag-simple-pink-background-4: var(--dsa-color-primitive-colors-feedback-error-700);
  --dsa-color-tag-simple-pink-background-5: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-tag-simple-yellow-on-light: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-tag-simple-yellow-on-dark: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-tag-simple-yellow-background-1: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-tag-simple-yellow-background-2: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-tag-simple-yellow-background-3: var(--dsa-color-primitive-colors-identity-green-500);
  --dsa-color-tag-simple-yellow-background-4: var(--dsa-color-primitive-colors-identity-green-700);
  --dsa-color-tag-simple-yellow-background-5: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-tag-simple-yellow-background-6: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-tag-simple-yellow-background-7: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-tag-simple-neutral-on-light: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-tag-simple-neutral-on-dark: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-tag-simple-neutral-background-1: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-tag-simple-neutral-background-2: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-tag-simple-neutral-background-3: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-tag-simple-neutral-background-4: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-tag-simple-neutral-background-5: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-tag-multiselect-background-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-tag-multiselect-default-on-background-text: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-tag-multiselect-default-on-background-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-tag-multiselect-error-on-background: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-tag-multiselect-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-tag-cliquable-default-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-tag-cliquable-default-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-tag-cliquable-default-hover-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-tag-cliquable-default-hover-on-background: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-tag-cliquable-default-hover-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-tag-cliquable-default-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-tag-cliquable-default-pressed-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-tag-cliquable-default-pressed-on-background: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-tag-cliquable-default-pressed-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-tag-cliquable-active-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-tag-cliquable-active-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-tag-cliquable-active-border: var(--dsa-color-primitive-colors-identity-purple-400);
  --dsa-color-tag-cliquable-active-hover-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-tag-cliquable-active-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-tag-cliquable-active-hover-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-tag-cliquable-active-pressed-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-tag-cliquable-active-pressed-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-tag-cliquable-active-pressed-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-tag-options-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-tag-options-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-tag-options-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-background-base: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-background-hover: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-background-selected: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-background-active-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-background-active-hover: var(--dsa-color-primitive-colors-identity-purple-800);
  --dsa-color-background-read-only: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-background-disabled: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-surface-overlay: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-surface-base: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-surface-layer: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-surface-contrasted: var(--dsa-color-primitive-colors-identity-green-700);
  --dsa-color-surface-contrasted-neutral: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-surface-floatting-menu: var(--dsa-color-primitive-colors-identity-green-700);
  --dsa-color-icon-on-base-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-icon-on-base-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-icon-on-base-disabled: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-icon-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-icon-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-border-default: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-border-hover: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-border-selected-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-border-selected-hover: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-border-selected-active: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-border-selected-read-only: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-border-secondary: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-border-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-border-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-border-contrasted: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-text-on-base-primary: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-text-on-base-secondary: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-text-on-base-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-text-on-base-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-text-on-layer-primary: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-text-on-layer-secondary: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-text-on-layer-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-text-on-layer-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-text-on-contrasted-primary: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-text-on-contrasted-secondary: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-text-on-contrasted-disabled: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-text-on-contrasted-error: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-text-on-contrasted-primary-2: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-text-on-floatting-menu-primary: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-text-on-floatting-menu-secondary: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-text-on-floatting-menu-disabled: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-text-on-floatting-menu-error: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-accordion-default-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-accordion-hover-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-accordion-hover-border: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-accordion-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-alert-on-background-danger: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-alert-on-background-info: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-alert-on-background-neutral: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-alert-on-background-success: var(--dsa-color-primitive-colors-feedback-success-500);
  --dsa-color-alert-on-background-warning: var(--dsa-color-primitive-colors-feedback-warning-500);
  --dsa-color-alert-on-background-title: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-alert-on-background-text-default: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-alert-on-background-text-danger: var(--dsa-color-primitive-colors-feedback-error-700);
  --dsa-color-alert-on-background-text-success: var(--dsa-color-primitive-colors-feedback-success-700);
  --dsa-color-alert-on-background-text-warning: var(--dsa-color-primitive-colors-feedback-warning-700);
  --dsa-color-alert-on-background-icon-close: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-alert-background-danger: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-alert-background-info: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-alert-background-neutral: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-alert-background-success: var(--dsa-color-primitive-colors-feedback-success-100);
  --dsa-color-alert-background-warning: var(--dsa-color-primitive-colors-feedback-warning-100);
  --dsa-color-alert-border-danger: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-alert-border-success: var(--dsa-color-primitive-colors-feedback-success-200);
  --dsa-color-alert-border-warning: var(--dsa-color-primitive-colors-feedback-warning-200);
  --dsa-color-avatar-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-avatar-on-background: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-avatar-border: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-badge-on-background-text-danger: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-badge-on-background-text-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-badge-on-background-text-neutral: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-badge-on-background-text-warning: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-badge-on-background-text-success: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-badge-background-danger: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-badge-background-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-badge-background-neutral: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-badge-background-warning: var(--dsa-color-primitive-colors-feedback-warning-500);
  --dsa-color-badge-background-success: var(--dsa-color-primitive-colors-feedback-success-500);
  --dsa-color-badge-border-danger: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-badge-border-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-badge-border-neutral: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-badge-border-warning: var(--dsa-color-primitive-colors-feedback-warning-500);
  --dsa-color-badge-border-success: var(--dsa-color-primitive-colors-feedback-success-500);
  --dsa-color-breadcrumb-on-base: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-button-on-base-primary-background-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-button-on-base-primary-background-hover: var(--dsa-color-primitive-colors-identity-purple-800);
  --dsa-color-button-on-base-primary-background-active: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-button-on-base-primary-background-disabled: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-button-on-base-primary-background-loading: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-button-on-base-primary-on-background-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-base-primary-on-background-hover: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-base-primary-on-background-active: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-base-primary-on-background-disabled: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-button-on-base-secondary-background-default: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-button-on-base-secondary-background-hover: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-button-on-base-secondary-background-active: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-button-on-base-secondary-background-disabled: var(--dsa-color-primitive-colors-identity-purple-50);
  --dsa-color-button-on-base-secondary-background-loading: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-button-on-base-secondary-on-background-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-button-on-base-secondary-on-background-hover: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-button-on-base-secondary-on-background-active: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-button-on-base-secondary-on-background-disabled: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-button-on-base-tertiary-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-button-on-base-tertiary-hover: var(--dsa-color-primitive-colors-identity-purple-800);
  --dsa-color-button-on-base-tertiary-active: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-button-on-base-tertiary-disabled: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-button-on-base-tertiary-loading: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-button-on-base-navigation-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-button-on-base-navigation-hover: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-button-on-base-navigation-active: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-button-on-base-navigation-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-base-neutral-background-default: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-base-neutral-background-hover: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-base-neutral-background-active: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-base-neutral-background-disabled: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-button-on-base-neutral-background-loading: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-base-neutral-on-background-default: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-base-neutral-on-background-hover: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-base-neutral-on-background-active: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-base-neutral-on-background-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-base-danger-background-default: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-base-danger-background-hover: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-button-on-base-danger-background-active: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-button-on-base-danger-background-disabled: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-base-danger-background-loading: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-base-danger-on-background-default: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-button-on-base-danger-on-background-hover: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-base-danger-on-background-active: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-base-danger-on-background-disabled: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-button-on-floating-menu-primary-background-default: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-button-on-floating-menu-primary-background-hover: var(--dsa-color-primitive-colors-identity-green-500);
  --dsa-color-button-on-floating-menu-primary-background-active: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-button-on-floating-menu-primary-background-disabled: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-button-on-floating-menu-primary-background-loading: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-button-on-floating-menu-primary-on-background-default: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-button-on-floating-menu-primary-on-background-hover: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-button-on-floating-menu-primary-on-background-active: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-floating-menu-primary-on-background-disabled: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-button-on-floating-menu-secondary-background-default: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-button-on-floating-menu-secondary-background-hover: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-button-on-floating-menu-secondary-background-active: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-button-on-floating-menu-secondary-background-disabled: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-button-on-floating-menu-secondary-background-loading: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-button-on-floating-menu-secondary-on-background-default: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-floating-menu-secondary-on-background-hover: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-floating-menu-secondary-on-background-active: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-floating-menu-secondary-on-background-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-floating-menu-tertiary-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-floating-menu-tertiary-hover: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-button-on-floating-menu-tertiary-active: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-button-on-floating-menu-tertiary-disabled: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-button-on-floating-menu-tertiary-loading: var(--dsa-color-primitive-colors-identity-green-500);
  --dsa-color-button-on-floating-menu-navigation-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-floating-menu-navigation-hover: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-button-on-floating-menu-navigation-active: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-button-on-floating-menu-navigation-disabled: var(--dsa-color-primitive-colors-complementary-green-800);
  --dsa-color-button-on-floating-menu-neutral-background-default: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-floating-menu-neutral-background-hover: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-floating-menu-neutral-background-active: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-button-on-floating-menu-neutral-background-disabled: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-floating-menu-neutral-background-loading: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-floating-menu-neutral-on-background-default: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-floating-menu-neutral-on-background-hover: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-floating-menu-neutral-on-background-active: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-floating-menu-neutral-on-background-disabled: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-button-on-floating-menu-danger-background-default: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-floating-menu-danger-background-hover: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-button-on-floating-menu-danger-background-active: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-button-on-floating-menu-danger-background-disabled: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-floating-menu-danger-background-loading: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-floating-menu-danger-on-background-default: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-button-on-floating-menu-danger-on-background-hover: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-floating-menu-danger-on-background-active: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-floating-menu-danger-on-background-disabled: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-button-on-contrasted-neutral-primary-background-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-contrasted-neutral-primary-background-hover: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-primary-background-active: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-contrasted-neutral-primary-background-disabled: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-primary-background-loading: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-primary-on-background-default: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-button-on-contrasted-neutral-primary-on-background-hover: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-button-on-contrasted-neutral-primary-on-background-active: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-button-on-contrasted-neutral-secondary-background-default: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-contrasted-neutral-secondary-background-hover: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-secondary-background-active: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-button-on-contrasted-neutral-secondary-background-disabled: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-secondary-background-loading: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-secondary-on-background-default: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-button-on-contrasted-neutral-secondary-on-background-hover: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-contrasted-neutral-secondary-on-background-active: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-button-on-contrasted-neutral-tertiary-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-contrasted-neutral-tertiary-hover: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-button-on-contrasted-neutral-tertiary-active: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-tertiary-disabled: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-tertiary-loading: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-navigation-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-contrasted-neutral-navigation-hover: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-button-on-contrasted-neutral-navigation-active: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-navigation-disabled: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-neutral-background-default: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-neutral-background-hover: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-button-on-contrasted-neutral-neutral-background-active: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-button-on-contrasted-neutral-neutral-background-disabled: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-neutral-background-loading: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-button-on-contrasted-neutral-neutral-on-background-default: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-neutral-on-background-hover: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-neutral-on-background-active: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-button-on-contrasted-neutral-neutral-on-background-disabled: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-button-on-contrasted-neutral-danger-background-default: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-button-on-contrasted-neutral-danger-background-hover: var(--dsa-color-primitive-colors-feedback-error-700);
  --dsa-color-button-on-contrasted-neutral-danger-background-active: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-button-on-contrasted-neutral-danger-background-disabled: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-contrasted-neutral-danger-background-loading: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-button-on-contrasted-neutral-danger-on-background-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-contrasted-neutral-danger-on-background-hover: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-button-on-contrasted-neutral-danger-on-background-active: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-button-on-contrasted-neutral-danger-on-background-disabled: var(--dsa-color-primitive-colors-feedback-error-700);
  --dsa-color-card-background-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-card-background-actif: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-card-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-checkbox-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-checkbox-box-default-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-box-default-disabled-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-default-read-only-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-checked-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-checkbox-box-checked-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-checkbox-box-checked-disabled-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-checked-disabled-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-checkbox-box-checked-read-only-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-checked-read-only-on-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-box-indeterminate-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-checkbox-box-indeterminate-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-checkbox-box-indeterminate-disabled-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-indeterminate-disabled-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-checkbox-box-indeterminate-read-only-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-box-indeterminate-read-only-on-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-box-hover-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-input-label-default: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-input-label-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-label-on-contrasted-error: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-input-text-field-placeholder: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-input-text-field-input: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-input-on-base-default-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-input-on-base-default-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-base-default-background-2-country-indicator: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-input-on-base-hover-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-input-on-base-hover-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-input-on-base-hover-background-2-country-indicator: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-on-base-disabled-background: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-input-on-base-disabled-border: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-base-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-base-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-base-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-base-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-input-on-base-error-hover-2-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-base-error-hover-2-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-input-on-base-read-only-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-base-read-only-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-base-active-background-country-indicator: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-on-base-active-background-2-country-indicator: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-on-base-default-2-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-input-on-base-default-2-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-base-hover-2-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-input-on-base-hover-2-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-input-on-base-disabled-2-background: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-input-on-base-disabled-2-border: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-base-error-2-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-base-error-2-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-base-error-2-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-base-error-2-hover-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-input-on-base-read-only-2-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-base-read-only-2-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-base-active-2-background-country-indicator: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-helper: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-input-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-layer-default-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-layer-default-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-input-on-layer-hover-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-layer-hover-border: var(--dsa-color-primitive-colors-identity-purple-600);
  --dsa-color-input-on-layer-disabled-background: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-input-on-layer-disabled-border: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-layer-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-layer-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-layer-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-layer-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-input-on-layer-read-only-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-layer-read-only-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-contrasted-default-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-contrasted-default-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-on-contrasted-hover-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-contrasted-hover-border: var(--dsa-color-primitive-colors-identity-purple-400);
  --dsa-color-input-on-contrasted-disabled-background: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-input-on-contrasted-disabled-border: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-contrasted-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-contrasted-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-contrasted-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-contrasted-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-input-on-contrasted-error-hover-2-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-contrasted-error-hover-2-border: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-input-on-contrasted-read-only-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-contrasted-read-only-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-input-on-contrasted-default-2-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-contrasted-default-2-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-input-on-contrasted-hover-2-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-input-on-contrasted-hover-2-border: var(--dsa-color-primitive-colors-identity-purple-400);
  --dsa-color-input-on-contrasted-disabled-2-background: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-input-on-contrasted-disabled-2-border: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-contrasted-error-2-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-contrasted-error-2-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-input-on-contrasted-error-2-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-input-on-contrasted-error-2-hover-border: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-input-on-contrasted-read-only-2-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-input-on-contrasted-read-only-2-border: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-checkbox-button-unchecked-default-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-checkbox-button-unchecked-default-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-button-unchecked-hover-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-checkbox-button-unchecked-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-checkbox-button-unchecked-active-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-checkbox-button-unchecked-active-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-checkbox-button-unchecked-disabled-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-checkbox-button-unchecked-disabled-on-background: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-checkbox-button-unchecked-read-only-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-button-unchecked-read-only-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-button-unchecked-error-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-checkbox-button-unchecked-error-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-button-checked-default-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-checkbox-button-checked-default-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-checkbox-button-checked-default-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-checkbox-button-checked-hover-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-checkbox-button-checked-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-checkbox-button-checked-hover-border: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-checkbox-button-checked-active-background: var(--dsa-color-primitive-colors-identity-purple-400);
  --dsa-color-checkbox-button-checked-active-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-checkbox-button-checked-active-border: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-checkbox-button-checked-disabled-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-checkbox-button-checked-disabled-on-background: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-checkbox-button-checked-read-only-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-checkbox-button-checked-read-only-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-checkbox-button-checked-read-only-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-dialog-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-dialog-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-divider-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-divider-on-contrasted-neutral: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-divider-on-contrasted: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-drawer-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-link-on-base-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-link-on-base-hover: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-link-on-base-active: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-link-on-base-visited: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-link-on-layer-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-link-on-layer-hover: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-link-on-layer-active: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-link-on-layer-visited: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-link-on-contrasted-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-link-on-contrasted-hover: var(--dsa-color-primitive-colors-complementary-blue-100);
  --dsa-color-link-on-contrasted-active: var(--dsa-color-primitive-colors-complementary-blue-200);
  --dsa-color-link-on-contrasted-visited: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-link-on-floatting-menu-default: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-link-on-floatting-menu-hover: var(--dsa-color-primitive-colors-complementary-blue-100);
  --dsa-color-link-on-floatting-menu-active: var(--dsa-color-primitive-colors-complementary-blue-200);
  --dsa-color-link-on-floatting-menu-visited: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-link-sitemap: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-file-download-card-on-background-vertical-line: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-file-upload-helper: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-file-upload-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-header-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-input-cursor-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-scroll-bar-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-menu-menu-item-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-menu-menu-item-active: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-menu-menu-item-hover-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-menu-menu-item-hover-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-menu-menu-item-selected: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-option-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-option-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-option-error: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-option-hover-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-option-hover-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-option-active-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-option-active-hover-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-progress-bar-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-progress-bar-on-background-indicator: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-progress-bar-on-indicator-label: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-progress-ring-label: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-progress-ring-ring-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-progress-ring-ring-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-skip-link-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-skip-link-on-background-focus: var(--dsa-color-primitive-colors-system-focus-500);
  --dsa-color-radio-default: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-checked: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-radio-hover: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-radio-disabled: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-radio-read-only-border: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-radio-read-only-on-border: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-button-default-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-radio-button-default-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-button-error-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-radio-button-error-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-button-hover-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-radio-button-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-radio-button-active-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-radio-button-active-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-radio-button-disabled-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-radio-button-disabled-on-background: var(--dsa-color-primitive-colors-neutral-600);
  --dsa-color-radio-button-read-only-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-radio-button-read-only-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-button-selected-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-radio-button-selected-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-radio-button-selected-hover-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-radio-button-selected-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-700);
  --dsa-color-radio-button-selected-active-background: var(--dsa-color-primitive-colors-identity-purple-400);
  --dsa-color-radio-button-selected-active-on-background: var(--dsa-color-primitive-colors-identity-purple-900);
  --dsa-color-radio-button-selected-read-only-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-radio-button-selected-read-only-on-background-icon: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-radio-button-selected-read-only-on-background-text: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-skeleton-loader-text: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-skeleton-loader-image: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-spinner-on-base-default-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-spinner-on-base-default-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-spinner-on-base-primary-background: var(--dsa-color-primitive-colors-identity-purple-300);
  --dsa-color-spinner-on-base-primary-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-spinner-on-base-neutral-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-spinner-on-base-neutral-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-spinner-on-base-danger-background: var(--dsa-color-primitive-colors-feedback-error-200);
  --dsa-color-spinner-on-base-danger-on-background: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-spinner-on-floatting-menu-background: var(--dsa-color-primitive-colors-identity-green-500);
  --dsa-color-spinner-on-floatting-menu-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-spinner-on-floatting-menu-on-background-button-background: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-spinner-on-floatting-menu-on-background-button-on-background: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-spinner-on-contrasted-neutral-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-spinner-on-contrasted-neutral-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-spinner-on-contrasted-neutral-on-background-button-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-stepper-indicator-line-default: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-stepper-indicator-line-complete: var(--dsa-color-primitive-colors-feedback-success-500);
  --dsa-color-stepper-indicator-icon-default: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-stepper-indicator-icon-error-background: var(--dsa-color-primitive-colors-feedback-warning-500);
  --dsa-color-stepper-indicator-icon-error-on-background: var(--dsa-color-primitive-colors-feedback-warning-900);
  --dsa-color-stepper-indicator-icon-in-progress: var(--dsa-color-primitive-colors-complementary-blue-800);
  --dsa-color-stepper-indicator-icon-complete-background: var(--dsa-color-primitive-colors-feedback-success-500);
  --dsa-color-stepper-indicator-icon-complete-on-background: var(--dsa-color-primitive-colors-feedback-success-100);
  --dsa-color-stepper-indicator-icon-edit-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-stepper-indicator-icon-edit-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-tab-default: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-tab-hover: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-tab-active: var(--dsa-color-primitive-colors-identity-purple-600);
  --dsa-color-tab-disabled: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-table-header-cell-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-table-header-cell-skeleton: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-table-header-cell-default-background: var(--dsa-color-primitive-colors-neutral-100);
  --dsa-color-table-header-cell-hover-background: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-table-header-cell-active-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-table-row-on-background: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-table-row-default-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-table-row-hover-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-table-row-activ-background: var(--dsa-color-primitive-colors-identity-purple-200);
  --dsa-color-table-row-content-slot-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-table-row-content-slot-border: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-row-content-slot-on-background: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-table-toolbar-active-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-table-toolbar-slider-active-bar: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-toolbar-slider-on-background-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-toolbar-slider-on-background-border: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-table-toolbar-on-background-input: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-drawer-read-only: var(--dsa-color-primitive-colors-neutral-200);
  --dsa-color-pagination-page-number-default-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-pagination-page-number-hover-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-pagination-page-number-selected-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-pagination-text: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-tooltip-background: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-tooltip-on-background: var(--dsa-color-primitive-colors-neutral-0);
  --dsa-color-tree-item-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-tree-item-selected-background: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-tree-item-selected-on-background: var(--dsa-color-primitive-colors-neutral-800);
  --dsa-color-table-of-content-text-active-anchor: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-of-content-item-hover-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-table-of-content-item-selected-on-background: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-split-panel-divider-background: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-callout-background-default: var(--dsa-color-primitive-colors-identity-green-100);
  --dsa-color-callout-border-default: var(--dsa-color-primitive-colors-identity-green-300);
  --dsa-color-switch-control-inactive-border-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-switch-control-inactive-border-hover: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-switch-control-inactive-border-read-only: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-switch-control-active-background-read-only: var(--dsa-color-primitive-colors-neutral-300);
  --dsa-color-switch-control-active-border-default: var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-color-switch-control-active-border-hover: var(--dsa-color-primitive-colors-identity-purple-800);
  --dsa-color-switch-control-active-border-read-only: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-switch-control-active-icon-read-only: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-switch-control-active-thumb-default: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-switch-control-active-thumb-hover: var(--dsa-color-primitive-colors-identity-purple-100);
  --dsa-color-switch-control-active-thumb-read-only: var(--dsa-color-primitive-colors-neutral-50);
  --dsa-color-search-text-field-default-placeholder: var(--dsa-color-primitive-colors-neutral-700);
  --dsa-color-search-text-field-default-input: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-search-on-base-default-border: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-search-on-base-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-base-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-search-on-base-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-base-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-search-on-layer-default-border: var(--dsa-color-primitive-colors-neutral-900);
  --dsa-color-search-on-layer-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-layer-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-search-on-layer-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-layer-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-900);
  --dsa-color-search-on-contrasted-default-background: var(--dsa-color-primitive-colors-identity-green-800);
  --dsa-color-search-on-contrasted-default-border: var(--dsa-color-primitive-colors-identity-green-600);
  --dsa-color-search-on-contrasted-hover-background: var(--dsa-color-primitive-colors-identity-green-900);
  --dsa-color-search-on-contrasted-hover-border: var(--dsa-color-primitive-colors-identity-green-500);
  --dsa-color-search-on-contrasted-error-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-contrasted-error-border: var(--dsa-color-primitive-colors-feedback-error-500);
  --dsa-color-search-on-contrasted-error-hover-background: var(--dsa-color-primitive-colors-feedback-error-100);
  --dsa-color-search-on-contrasted-error-hover-border: var(--dsa-color-primitive-colors-feedback-error-400);
  --dsa-color-tag-multiselect-background-disabled: var(--dsa-color-input-on-base-disabled-background);
  --dsa-color-tag-multiselect-default-on-background-icon: var(--dsa-color-icon-on-base-default);
  --dsa-color-tag-multiselect-disabled-icon: var(--dsa-color-icon-on-base-disabled);
  --dsa-color-tag-multiselect-disabled-border: var(--dsa-color-input-on-base-disabled-border);
  --dsa-color-accordion-default-background: var(--dsa-color-background-base);
  --dsa-color-accordion-default-border: var(--dsa-color-border-default);
  --dsa-color-accordion-hover-background: var(--dsa-color-background-hover);
  --dsa-color-accordion-disabled-background: var(--dsa-color-background-base);
  --dsa-color-accordion-disabled-text: var(--dsa-color-text-on-base-disabled);
  --dsa-color-accordion-disabled-border: var(--dsa-color-border-default);
  --dsa-color-alert-border-default: var(--dsa-color-border-default);
  --dsa-color-checkbox-primary: var(--dsa-color-text-on-base-primary);
  --dsa-color-checkbox-helper: var(--dsa-color-input-helper);
  --dsa-color-input-label-on-contrasted-default: var(--dsa-color-text-on-floatting-menu-primary);
  --dsa-color-input-text-field-disabled: var(--dsa-color-text-on-base-disabled);
  --dsa-color-input-on-contrasted-helper-helper: var(--dsa-color-text-on-floatting-menu-secondary);
  --dsa-color-input-on-contrasted-helper-error: var(--dsa-color-text-on-floatting-menu-error);
  --dsa-color-input-on-contrasted-helper-2-helper: var(--dsa-color-text-on-floatting-menu-secondary);
  --dsa-color-input-on-contrasted-helper-2-error: var(--dsa-color-text-on-floatting-menu-error);
  --dsa-color-checkbox-button-label-default: var(--dsa-color-input-label-default);
  --dsa-color-checkbox-button-label-error: var(--dsa-color-input-label-error);
  --dsa-color-checkbox-button-label-helper: var(--dsa-color-input-helper);
  --dsa-color-checkbox-button-unchecked-error-border: var(--dsa-color-border-error);
  --dsa-color-combobox-label-default: var(--dsa-color-input-label-default);
  --dsa-color-combobox-label-error: var(--dsa-color-input-label-error);
  --dsa-color-combobox-text-field: var(--dsa-color-input-text-field-placeholder);
  --dsa-color-combobox-on-base-default-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-combobox-on-base-default-border: var(--dsa-color-input-on-base-default-border);
  --dsa-color-combobox-on-base-hover-background: var(--dsa-color-input-on-base-hover-background);
  --dsa-color-combobox-on-base-hover-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-combobox-on-base-disabled-background: var(--dsa-color-input-on-base-disabled-background);
  --dsa-color-combobox-on-base-disabled-border: var(--dsa-color-input-on-base-disabled-border);
  --dsa-color-combobox-on-base-error-background: var(--dsa-color-input-on-base-error-background);
  --dsa-color-combobox-on-base-error-border: var(--dsa-color-input-on-base-error-border);
  --dsa-color-combobox-on-base-error-hover-background: var(--dsa-color-input-on-base-error-hover-background);
  --dsa-color-combobox-on-base-error-hover-border: var(--dsa-color-input-on-base-error-hover-border);
  --dsa-color-combobox-on-base-read-only-background: var(--dsa-color-input-on-base-read-only-background);
  --dsa-color-combobox-on-base-read-only-border: var(--dsa-color-input-on-base-read-only-border);
  --dsa-color-combobox-on-base-active-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-combobox-on-layer-default-background: var(--dsa-color-input-on-layer-default-background);
  --dsa-color-combobox-on-layer-default-border: var(--dsa-color-input-on-layer-default-border);
  --dsa-color-combobox-on-layer-hover-background: var(--dsa-color-input-on-layer-hover-background);
  --dsa-color-combobox-on-layer-hover-border: var(--dsa-color-input-on-layer-hover-border);
  --dsa-color-combobox-on-layer-disabled-background: var(--dsa-color-input-on-layer-disabled-background);
  --dsa-color-combobox-on-layer-disabled-border: var(--dsa-color-input-on-layer-disabled-border);
  --dsa-color-combobox-on-layer-error-background: var(--dsa-color-input-on-layer-error-background);
  --dsa-color-combobox-on-layer-error-border: var(--dsa-color-input-on-layer-error-border);
  --dsa-color-combobox-on-layer-error-hover-background: var(--dsa-color-input-on-layer-error-hover-background);
  --dsa-color-combobox-on-layer-error-hover-border: var(--dsa-color-input-on-layer-error-hover-border);
  --dsa-color-combobox-on-layer-read-only-background: var(--dsa-color-input-on-layer-read-only-background);
  --dsa-color-combobox-on-layer-read-only-border: var(--dsa-color-input-on-layer-read-only-border);
  --dsa-color-combobox-on-layer-active-background: var(--dsa-color-input-on-layer-default-background);
  --dsa-color-combobox-error: var(--dsa-color-input-label-error);
  --dsa-color-file-download-link-on-base-default: var(--dsa-color-link-on-base-default);
  --dsa-color-file-download-link-on-base-hover: var(--dsa-color-link-on-base-hover);
  --dsa-color-file-download-link-on-base-active: var(--dsa-color-link-on-base-active);
  --dsa-color-file-download-link-on-base-visited: var(--dsa-color-link-on-base-visited);
  --dsa-color-file-download-link-on-base-document-info: var(--dsa-color-text-on-base-secondary);
  --dsa-color-file-download-link-on-layer-default: var(--dsa-color-link-on-layer-default);
  --dsa-color-file-download-link-on-layer-hover: var(--dsa-color-link-on-layer-hover);
  --dsa-color-file-download-link-on-layer-active: var(--dsa-color-link-on-layer-active);
  --dsa-color-file-download-link-on-layer-visited: var(--dsa-color-link-on-layer-visited);
  --dsa-color-file-download-link-on-layer-document-info: var(--dsa-color-text-on-layer-secondary);
  --dsa-color-file-download-link-on-contrasted-default: var(--dsa-color-link-on-contrasted-default);
  --dsa-color-file-download-link-on-contrasted-hover: var(--dsa-color-link-on-contrasted-hover);
  --dsa-color-file-download-link-on-contrasted-active: var(--dsa-color-link-on-contrasted-active);
  --dsa-color-file-download-link-on-contrasted-visited: var(--dsa-color-link-on-contrasted-visited);
  --dsa-color-file-download-link-on-contrasted-document-info: var(--dsa-color-text-on-contrasted-secondary);
  --dsa-color-file-download-link-on-floatting-menu-default: var(--dsa-color-link-on-floatting-menu-default);
  --dsa-color-file-download-link-on-floatting-menu-hover: var(--dsa-color-link-on-floatting-menu-hover);
  --dsa-color-file-download-link-on-floatting-menu-active: var(--dsa-color-link-on-floatting-menu-active);
  --dsa-color-file-download-link-on-floatting-menu-visited: var(--dsa-color-link-on-floatting-menu-visited);
  --dsa-color-file-download-link-on-floatting-menu-document-info: var(--dsa-color-text-on-floatting-menu-secondary);
  --dsa-color-file-download-card-background: var(--dsa-color-background-base);
  --dsa-color-file-download-card-on-background-document-name: var(--dsa-color-text-on-base-primary);
  --dsa-color-file-download-card-on-background-right-icon: var(--dsa-color-icon-on-base-default);
  --dsa-color-file-download-card-on-background-description-text: var(--dsa-color-text-on-base-secondary);
  --dsa-color-file-download-card-on-background-document-info: var(--dsa-color-text-on-base-secondary);
  --dsa-color-file-upload-background: var(--dsa-color-background-base);
  --dsa-color-file-upload-label-default: var(--dsa-color-input-label-default);
  --dsa-color-file-upload-label-error: var(--dsa-color-input-label-error);
  --dsa-color-file-upload-on-background-document-name: var(--dsa-color-text-on-base-primary);
  --dsa-color-file-upload-on-background-uploading-value: var(--dsa-color-text-on-base-secondary);
  --dsa-color-file-upload-on-background-right-icon: var(--dsa-color-icon-on-base-default);
  --dsa-color-header-background: var(--dsa-color-background-base);
  --dsa-color-icon-button-default-default-on-background: var(--dsa-color-button-on-base-navigation-default);
  --dsa-color-icon-button-default-hover-on-background: var(--dsa-color-button-on-base-navigation-hover);
  --dsa-color-icon-button-default-active-on-background: var(--dsa-color-button-on-base-navigation-active);
  --dsa-color-icon-button-default-disabled-on-background: var(--dsa-color-button-on-base-neutral-on-background-disabled);
  --dsa-color-icon-button-primary-default-background: var(--dsa-color-button-on-base-primary-background-default);
  --dsa-color-icon-button-primary-default-on-background: var(--dsa-color-button-on-base-primary-on-background-default);
  --dsa-color-icon-button-primary-hover-background: var(--dsa-color-button-on-base-primary-background-hover);
  --dsa-color-icon-button-primary-hover-on-background: var(--dsa-color-button-on-base-primary-on-background-hover);
  --dsa-color-icon-button-primary-active-background: var(--dsa-color-button-on-base-primary-background-active);
  --dsa-color-icon-button-primary-active-on-background: var(--dsa-color-button-on-base-primary-on-background-active);
  --dsa-color-icon-button-primary-disabled-background: var(--dsa-color-button-on-base-primary-background-disabled);
  --dsa-color-icon-button-primary-disabled-on-background: var(--dsa-color-button-on-base-primary-on-background-disabled);
  --dsa-color-icon-button-secondary-default-background: var(--dsa-color-button-on-base-secondary-background-default);
  --dsa-color-icon-button-secondary-default-on-background: var(--dsa-color-button-on-base-secondary-on-background-default);
  --dsa-color-icon-button-secondary-hover-background: var(--dsa-color-button-on-base-secondary-background-hover);
  --dsa-color-icon-button-secondary-hover-on-background: var(--dsa-color-button-on-base-secondary-on-background-hover);
  --dsa-color-icon-button-secondary-active-background: var(--dsa-color-button-on-base-secondary-background-active);
  --dsa-color-icon-button-secondary-active-on-background: var(--dsa-color-button-on-base-secondary-on-background-active);
  --dsa-color-icon-button-secondary-disabled-background: var(--dsa-color-button-on-base-secondary-background-disabled);
  --dsa-color-icon-button-secondary-disabled-on-background: var(--dsa-color-button-on-base-secondary-on-background-disabled);
  --dsa-color-icon-button-tertiary-default-on-background: var(--dsa-color-button-on-base-tertiary-default);
  --dsa-color-icon-button-tertiary-hover-on-background: var(--dsa-color-button-on-base-tertiary-hover);
  --dsa-color-icon-button-tertiary-active-on-background: var(--dsa-color-button-on-base-tertiary-active);
  --dsa-color-icon-button-tertiary-disabled-on-background: var(--dsa-color-button-on-base-neutral-on-background-disabled);
  --dsa-color-icon-button-danger-default-background: var(--dsa-color-button-on-base-danger-background-default);
  --dsa-color-icon-button-danger-default-on-background: var(--dsa-color-button-on-base-danger-on-background-default);
  --dsa-color-icon-button-danger-hover-background: var(--dsa-color-button-on-base-danger-background-hover);
  --dsa-color-icon-button-danger-hover-on-background: var(--dsa-color-button-on-base-danger-on-background-hover);
  --dsa-color-icon-button-danger-active-background: var(--dsa-color-button-on-base-danger-background-active);
  --dsa-color-icon-button-danger-active-on-background: var(--dsa-color-button-on-base-danger-on-background-active);
  --dsa-color-icon-button-danger-disabled-background: var(--dsa-color-button-on-base-danger-background-disabled);
  --dsa-color-icon-button-danger-disabled-on-background: var(--dsa-color-button-on-base-danger-on-background-disabled);
  --dsa-color-menu-menu-item-disabled: var(--dsa-color-text-on-base-disabled);
  --dsa-color-menu-menu-label-text: var(--dsa-color-text-on-base-secondary);
  --dsa-color-menu-background: var(--dsa-color-background-base);
  --dsa-color-menu-border: var(--dsa-color-border-default);
  --dsa-color-option-hover-background: var(--dsa-color-background-hover);
  --dsa-color-option-active-background: var(--dsa-color-background-active-default);
  --dsa-color-option-active-hover-background: var(--dsa-color-background-active-hover);
  --dsa-color-option-active-hover-multiselect-background: var(--dsa-color-background-selected);
  --dsa-color-skip-link-on-background-link: var(--dsa-color-button-on-base-navigation-default);
  --dsa-color-radio-button-label-default: var(--dsa-color-input-label-default);
  --dsa-color-radio-button-label-error: var(--dsa-color-input-label-error);
  --dsa-color-radio-button-label-helper: var(--dsa-color-input-helper);
  --dsa-color-radio-button-error-border: var(--dsa-color-border-error);
  --dsa-color-radio-button-selected-border: var(--dsa-color-border-selected-default);
  --dsa-color-radio-button-selected-hover-border: var(--dsa-color-border-selected-hover);
  --dsa-color-radio-button-selected-active-border: var(--dsa-color-border-selected-active);
  --dsa-color-radio-button-selected-read-only-border: var(--dsa-color-border-selected-read-only);
  --dsa-color-radio-group-label-default: var(--dsa-color-input-label-default);
  --dsa-color-radio-group-label-error: var(--dsa-color-input-label-error);
  --dsa-color-radio-group-label-helper: var(--dsa-color-input-helper);
  --dsa-color-select-helper: var(--dsa-color-input-helper);
  --dsa-color-select-error: var(--dsa-color-input-error);
  --dsa-color-select-label-default: var(--dsa-color-input-label-default);
  --dsa-color-select-label-error: var(--dsa-color-input-label-error);
  --dsa-color-select-on-base-default-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-select-on-base-default-border: var(--dsa-color-input-on-base-default-border);
  --dsa-color-select-on-base-hover-background: var(--dsa-color-input-on-base-hover-background);
  --dsa-color-select-on-base-hover-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-select-on-base-disabled-background: var(--dsa-color-input-on-base-disabled-background);
  --dsa-color-select-on-base-disabled-border: var(--dsa-color-input-on-base-disabled-border);
  --dsa-color-select-on-base-error-background: var(--dsa-color-input-on-base-error-background);
  --dsa-color-select-on-base-error-border: var(--dsa-color-input-on-base-error-border);
  --dsa-color-select-on-base-error-hover-background: var(--dsa-color-input-on-base-error-hover-background);
  --dsa-color-select-on-base-error-hover-border: var(--dsa-color-input-on-base-error-hover-border);
  --dsa-color-select-on-base-read-only-background: var(--dsa-color-input-on-base-read-only-background);
  --dsa-color-select-on-base-read-only-border: var(--dsa-color-input-on-base-read-only-border);
  --dsa-color-select-on-base-read-only-hover-background: var(--dsa-color-input-on-base-read-only-background);
  --dsa-color-select-on-base-read-only-hover-border: var(--dsa-color-input-on-base-read-only-border);
  --dsa-color-select-on-base-active-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-select-on-layer-default-background: var(--dsa-color-input-on-layer-default-background);
  --dsa-color-select-on-layer-default-border: var(--dsa-color-input-on-layer-default-border);
  --dsa-color-select-on-layer-hover-background: var(--dsa-color-input-on-layer-hover-background);
  --dsa-color-select-on-layer-hover-border: var(--dsa-color-input-on-layer-hover-border);
  --dsa-color-select-on-layer-disabled-background: var(--dsa-color-input-on-layer-disabled-background);
  --dsa-color-select-on-layer-disabled-border: var(--dsa-color-input-on-layer-disabled-border);
  --dsa-color-select-on-layer-error-background: var(--dsa-color-input-on-layer-error-background);
  --dsa-color-select-on-layer-error-border: var(--dsa-color-input-on-layer-error-border);
  --dsa-color-select-on-layer-error-hover-background: var(--dsa-color-input-on-layer-error-hover-background);
  --dsa-color-select-on-layer-error-hover-border: var(--dsa-color-input-on-layer-error-hover-border);
  --dsa-color-select-on-layer-read-only-background: var(--dsa-color-input-on-layer-read-only-background);
  --dsa-color-select-on-layer-read-only-border: var(--dsa-color-input-on-layer-read-only-border);
  --dsa-color-select-on-layer-read-only-hover-background: var(--dsa-color-input-on-layer-read-only-background);
  --dsa-color-select-on-layer-read-only-hover-border: var(--dsa-color-input-on-layer-read-only-border);
  --dsa-color-select-on-layer-active-background: var(--dsa-color-input-on-layer-default-background);
  --dsa-color-select-text-field-placeholder: var(--dsa-color-input-text-field-placeholder);
  --dsa-color-select-text-field-input: var(--dsa-color-input-text-field-input);
  --dsa-color-stepper-indicator-icon-edit-border: var(--dsa-color-border-selected-active);
  --dsa-color-stepper-step: var(--dsa-color-text-on-base-secondary);
  --dsa-color-stepper-title: var(--dsa-color-text-on-base-primary);
  --dsa-color-stepper-detail: var(--dsa-color-text-on-base-secondary);
  --dsa-color-tab-icon: var(--dsa-color-icon-on-base-default);
  --dsa-color-table-title-title: var(--dsa-color-text-on-base-primary);
  --dsa-color-table-title-subtitle: var(--dsa-color-text-on-base-primary);
  --dsa-color-table-title-results: var(--dsa-color-text-on-base-secondary);
  --dsa-color-table-toolbar-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-table-toolbar-border-default: var(--dsa-color-input-on-base-default-border);
  --dsa-color-table-toolbar-border-active: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-table-toolbar-slider-background: var(--dsa-color-progress-bar-background);
  --dsa-color-table-toolbar-multiselect-background: var(--dsa-color-surface-contrasted);
  --dsa-color-table-toolbar-on-background-label: var(--dsa-color-input-text-field-placeholder);
  --dsa-color-table-toolbar-on-background-text-field-input: var(--dsa-color-input-text-field-placeholder);
  --dsa-color-table-toolbar-on-background-placeholder: var(--dsa-color-input-text-field-input);
  --dsa-color-table-drawer-label: var(--dsa-color-text-on-base-primary);
  --dsa-color-table-drawer-hover: var(--dsa-color-background-hover);
  --dsa-color-pagination-page-number-default-background: var(--dsa-color-background-base);
  --dsa-color-pagination-page-number-hover-background: var(--dsa-color-background-hover);
  --dsa-color-pagination-page-number-selected-background: var(--dsa-color-background-selected);
  --dsa-color-text-area-helper: var(--dsa-color-input-helper);
  --dsa-color-text-area-error: var(--dsa-color-input-error);
  --dsa-color-text-area-label-default: var(--dsa-color-input-label-default);
  --dsa-color-text-area-label-error: var(--dsa-color-input-label-error);
  --dsa-color-text-area-text-field-placeholder: var(--dsa-color-input-text-field-placeholder);
  --dsa-color-text-area-text-field-input: var(--dsa-color-input-text-field-input);
  --dsa-color-text-area-on-base-default-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-text-area-on-base-default-border: var(--dsa-color-input-on-base-default-border);
  --dsa-color-text-area-on-base-hover-background: var(--dsa-color-input-on-base-hover-background);
  --dsa-color-text-area-on-base-hover-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-text-area-on-base-disabled-background: var(--dsa-color-input-on-base-disabled-background);
  --dsa-color-text-area-on-base-disabled-border: var(--dsa-color-input-on-base-disabled-border);
  --dsa-color-text-area-on-base-error-background: var(--dsa-color-input-on-base-error-background);
  --dsa-color-text-area-on-base-error-border: var(--dsa-color-input-on-base-error-border);
  --dsa-color-text-area-on-base-error-hover-background: var(--dsa-color-input-on-base-error-hover-background);
  --dsa-color-text-area-on-base-error-hover-border: var(--dsa-color-input-on-base-error-hover-border);
  --dsa-color-text-area-on-base-error-hover-2-background: var(--dsa-color-input-on-base-error-hover-background);
  --dsa-color-text-area-on-base-error-hover-2-border: var(--dsa-color-input-on-base-error-hover-border);
  --dsa-color-text-area-on-base-read-only-background: var(--dsa-color-input-on-base-read-only-background);
  --dsa-color-text-area-on-base-read-only-border: var(--dsa-color-input-on-base-read-only-border);
  --dsa-color-text-area-on-base-default-2-background: var(--dsa-color-input-on-base-default-background);
  --dsa-color-text-area-on-base-default-2-border: var(--dsa-color-input-on-base-default-border);
  --dsa-color-text-area-on-base-hover-2-background: var(--dsa-color-input-on-base-hover-background);
  --dsa-color-text-area-on-base-hover-2-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-text-area-on-base-disabled-2-background: var(--dsa-color-input-on-base-disabled-background);
  --dsa-color-text-area-on-base-disabled-2-border: var(--dsa-color-input-on-base-disabled-border);
  --dsa-color-text-area-on-base-error-2-background: var(--dsa-color-input-on-base-error-background);
  --dsa-color-text-area-on-base-error-2-border: var(--dsa-color-input-on-base-error-border);
  --dsa-color-text-area-on-base-error-2-hover-background: var(--dsa-color-input-on-base-error-hover-background);
  --dsa-color-text-area-on-base-error-2-hover-border: var(--dsa-color-input-on-base-error-hover-border);
  --dsa-color-text-area-on-base-read-only-2-background: var(--dsa-color-input-on-base-read-only-background);
  --dsa-color-text-area-on-base-read-only-2-border: var(--dsa-color-input-on-base-read-only-border);
  --dsa-color-text-area-on-layer-default-background: var(--dsa-color-input-on-layer-default-background);
  --dsa-color-text-area-on-layer-default-border: var(--dsa-color-input-on-layer-default-border);
  --dsa-color-text-area-on-layer-hover-background: var(--dsa-color-input-on-layer-hover-background);
  --dsa-color-text-area-on-layer-hover-border: var(--dsa-color-input-on-layer-hover-border);
  --dsa-color-text-area-on-layer-disabled-background: var(--dsa-color-input-on-layer-disabled-background);
  --dsa-color-text-area-on-layer-disabled-border: var(--dsa-color-input-on-layer-disabled-border);
  --dsa-color-text-area-on-layer-error-background: var(--dsa-color-input-on-layer-error-background);
  --dsa-color-text-area-on-layer-error-border: var(--dsa-color-input-on-layer-error-border);
  --dsa-color-text-area-on-layer-error-hover-background: var(--dsa-color-input-on-layer-error-hover-background);
  --dsa-color-text-area-on-layer-error-hover-border: var(--dsa-color-input-on-layer-error-hover-border);
  --dsa-color-text-area-on-layer-read-only-background: var(--dsa-color-input-on-layer-read-only-background);
  --dsa-color-text-area-on-layer-read-only-border: var(--dsa-color-input-on-layer-read-only-border);
  --dsa-color-tree-item-unselected-background: var(--dsa-color-background-base);
  --dsa-color-tree-item-ident-guide: var(--dsa-color-border-default);
  --dsa-color-footer-background: var(--dsa-color-surface-layer);
  --dsa-color-footer-on-background-text: var(--dsa-color-text-on-layer-secondary);
  --dsa-color-footer-on-background-link: var(--dsa-color-text-on-layer-primary);
  --dsa-color-datepicker-background: var(--dsa-color-background-base);
  --dsa-color-datepicker-on-background-date: var(--dsa-color-text-on-base-primary);
  --dsa-color-datepicker-on-background-day: var(--dsa-color-text-on-base-secondary);
  --dsa-color-datepicker-on-background-month: var(--dsa-color-text-on-base-primary);
  --dsa-color-datepicker-on-background-not-current: var(--dsa-color-text-on-base-secondary);
  --dsa-color-table-of-content-text-title: var(--dsa-color-text-on-base-primary);
  --dsa-color-table-of-content-item-ident-guide: var(--dsa-color-border-default);
  --dsa-color-quote-background: var(--dsa-color-background-base);
  --dsa-color-quote-border: var(--dsa-color-border-default);
  --dsa-color-quote-text: var(--dsa-color-text-on-base-primary);
  --dsa-color-quote-icon: var(--dsa-color-icon-default);
  --dsa-color-selectable-card-default-background: var(--dsa-color-background-base);
  --dsa-color-switch-background-default: var(--dsa-color-background-base);
  --dsa-color-switch-background-hover: var(--dsa-color-background-hover);
  --dsa-color-switch-border-default: var(--dsa-color-background-base);
  --dsa-color-switch-border-hover: var(--dsa-color-border-hover);
  --dsa-color-switch-label: var(--dsa-color-text-on-base-primary);
  --dsa-color-switch-control-inactive-background-default: var(--dsa-color-background-base);
  --dsa-color-switch-control-inactive-background-hover: var(--dsa-color-background-hover);
  --dsa-color-switch-control-inactive-background-read-only: var(--dsa-color-background-base);
  --dsa-color-switch-control-inactive-thumb-default: var(--dsa-color-background-base);
  --dsa-color-switch-control-inactive-thumb-hover: var(--dsa-color-background-base);
  --dsa-color-switch-control-inactive-thumb-read-only: var(--dsa-color-background-base);
  --dsa-color-switch-control-active-background-default: var(--dsa-color-background-active-default);
  --dsa-color-switch-control-active-background-hover: var(--dsa-color-background-active-hover);
  --dsa-color-switch-control-active-icon-default: var(--dsa-color-background-active-default);
  --dsa-color-switch-control-active-icon-hover: var(--dsa-color-background-active-hover);
  --dsa-color-search-text-field-on-contrasted-placeholder: var(--dsa-color-text-on-floatting-menu-secondary);
  --dsa-color-search-text-field-on-contrasted-input: var(--dsa-color-text-on-floatting-menu-primary);
  --dsa-color-search-helper-helper: var(--dsa-color-input-helper);
  --dsa-color-search-helper-error: var(--dsa-color-input-error);
  --dsa-color-search-on-base-default-background: var(--dsa-color-surface-layer);
  --dsa-color-search-on-base-hover-background: var(--dsa-color-background-hover);
  --dsa-color-search-on-base-hover-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-search-on-layer-default-background: var(--dsa-color-surface-base);
  --dsa-color-search-on-layer-hover-background: var(--dsa-color-background-hover);
  --dsa-color-search-on-layer-hover-border: var(--dsa-color-input-on-base-hover-border);
  --dsa-color-search-on-contrasted-helper-helper: var(--dsa-color-text-on-floatting-menu-secondary);
  --dsa-color-search-on-contrasted-helper-error: var(--dsa-color-text-on-floatting-menu-error);
  --dsa-color-tag-multiselect-disabled-text: var(--dsa-color-input-text-field-disabled);
  --dsa-color-select-text-field-disabled: var(--dsa-color-input-text-field-disabled);
  --dsa-color-text-area-text-field-disabled: var(--dsa-color-input-text-field-disabled);
}

:root, :host, .dsa-wc {
  --dsa-wc-transition-x-slow: 1s;
  --dsa-wc-transition-slow: .5s;
  --dsa-wc-transition-medium: .25s;
  --dsa-wc-transition-fast: .15s;
  --dsa-wc-transition-x-fast: 50ms;
  --dsa-wc-opacity-0: 0;
  --dsa-wc-opacity-50: .5;
  --dsa-wc-opacity-100: 1;
  --dsa-wc-alert-padding: var(--dsa-spacing-16);
  --dsa-wc-alert-icon-size: 1.8em;
  --dsa-wc-alert-icon-margin-inline: 1rem;
  --dsa-wc-alert-border-radius: var(--dsa-spacing-4);
  --dsa-wc-alert-border-color: var(--dsa-color-border-default);
  --dsa-wc-alert-border-width: 1px;
  --dsa-wc-alert-text-gap: .5rem;
  --dsa-wc-alert-title-font: var(--dsa-font-medium-bold);
  --dsa-wc-alert-title-color: var(--dsa-color-alert-on-background-title);
  --dsa-wc-alert-title-padding-top: .125rem;
  --dsa-wc-alert-message-font: var(--dsa-font-medium-normal);
  --dsa-wc-alert-message-padding: 1.25rem;
  --dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-on-background-info);
  --dsa-wc-alert-primary-message-color: var( --dsa-color-alert-on-background-text-default );
  --dsa-wc-alert-primary-background-color: var( --dsa-color-alert-background-info );
  --dsa-wc-alert-danger-icon-color: var(--dsa-color-alert-on-background-danger);
  --dsa-wc-alert-danger-message-color: var( --dsa-color-alert-on-background-text-danger );
  --dsa-wc-alert-danger-background-color: var( --dsa-color-alert-background-danger );
  --dsa-wc-alert-success-icon-color: var( --dsa-color-alert-on-background-success );
  --dsa-wc-alert-success-message-color: var( --dsa-color-alert-on-background-text-success );
  --dsa-wc-alert-success-background-color: var( --dsa-color-alert-background-success );
  --dsa-wc-alert-warning-icon-color: var( --dsa-color-alert-on-background-warning );
  --dsa-wc-alert-warning-message-color: var( --dsa-color-alert-on-background-text-warning );
  --dsa-wc-alert-warning-background-color: var( --dsa-color-alert-background-warning );
  --dsa-wc-alert-neutral-icon-color: var( --dsa-color-alert-on-background-neutral );
  --dsa-wc-alert-neutral-message-color: var( --dsa-color-alert-on-background-text-default );
  --dsa-wc-alert-neutral-background-color: var( --dsa-color-alert-background-neutral );
  --dsa-wc-callout-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);
  --dsa-wc-callout-border-radius: 0px 3px 3px 0px;
  --dsa-wc-callout-text-gap: var(--dsa-spacing-8);
  --dsa-wc-callout-title-font: var(--dsa-font-large-bold);
  --dsa-wc-callout-title-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-callout-message-font: var(--dsa-font-medium-normal);
  --dsa-wc-callout-message-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-callout-border-left-width: var(--dsa-border-6);
  --dsa-wc-callout-default-border-color: var( --dsa-color-callout-border-default );
  --dsa-wc-callout-border-left: var(--dsa-wc-callout-border-left-width) solid var(--dsa-wc-callout-default-border-color);
  --dsa-wc-callout-default-background-color: var( --dsa-color-callout-background-default );
  --dsa-wc-dialog-overlay: var(--dsa-color-surface-overlay);
  --dsa-wc-dialog-overlay-opacity: .4;
  --dsa-wc-dialog-font: var(--dsa-font-medium-normal);
  --dsa-wc-dialog-size: 36.25rem;
  --dsa-wc-dialog-size-small: 23.125rem;
  --dsa-wc-dialog-size-large: 50rem;
  --dsa-wc-dialog-header-title-font: var(--dsa-font-medium-bold);
  --dsa-wc-dialog-header-title-padding: 20px 0;
  --dsa-wc-dialog-header-icon-size: 1.5rem;
  --dsa-wc-dialog-header-actions-gap: var(--dsa-spacing-4);
  --dsa-wc-dialog-header-icon-spacing: .5rem;
  --dsa-wc-dialog-header-icon-color: var(--dsa-color-icon-on-base-default);
  --dsa-wc-dialog-header-padding: 16px 20px;
  --dsa-wc-dialog-header-spacing: 20px;
  --dsa-wc-dialog-body-padding: 20px;
  --dsa-wc-dialog-footer-padding: 20px;
  --dsa-wc-dialog-footer-spacing: 16px;
  --dsa-wc-dialog-scrollbar-width: .25rem;
  --dsa-wc-dialog-scrollbar-color: var(--dsa-color-scroll-bar-background);
  --dsa-wc-dialog-scrollbar-radius: var(--dsa-spacing-4);
  --dsa-wc-dialog-panel-color: var(--dsa-color-background-base);
  --dsa-wc-dialog-panel-border-radius: var(--dsa-radius-8);
  --dsa-wc-dialog-panel-gutter: var(--dsa-spacing-40);
  --dsa-wc-dialog-panel-box-shadow: var(--dsa-wc-shadow-x-large);
  --dsa-wc-dialog-footer-border: 1px solid var(--dsa-color-border-default);
  --dsa-wc-form-font: var(--dsa-font-medium-normal);
  --dsa-wc-form-font-small: var(--dsa-font-small-normal);
  --dsa-wc-form-font-large: var(--dsa-font-large-normal);
  --dsa-wc-form-border-radius: var(--dsa-spacing-4);
  --dsa-wc-form-input-height: 2.5rem;
  --dsa-wc-form-input-height-small: 1.875rem;
  --dsa-wc-form-input-height-large: 3rem;
  --dsa-wc-form-input-border-width: 1px;
  --dsa-wc-form-input-autocomplete-background: var( --dsa-color-primitive-colors-identity-purple-100 );
  --dsa-wc-focus-ring-color: #015fcc;
  --dsa-wc-focus-ring-style: auto;
  --dsa-wc-focus-ring-width: 3px;
  --dsa-wc-focus-ring: var(--dsa-wc-focus-ring-style) var(--dsa-wc-focus-ring-width) var(--dsa-wc-focus-ring-color);
  --dsa-wc-focus-ring-offset: 4px;
  --dsa-wc-focus-ring-radius: var(--dsa-radius-4);
  --dsa-wc-form-required-content: "*";
  --dsa-wc-form-required-content-offset: -2px;
  --dsa-wc-form-required-content-color: var(--dsa-color-input-label-error);
  --dsa-wc-fieldset-background: var(--dsa-color-background-base);
  --dsa-wc-fieldset-border-color: var(--dsa-color-border-default);
  --dsa-wc-fieldset-border-color-contrasted: var(--dsa-color-border-contrasted);
  --dsa-wc-fieldset-legend-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-fieldset-title-font: var(--dsa-font-large-bold);
  --dsa-wc-fieldset-subtitle-font: var(--dsa-font-small-normal);
  --dsa-wc-checkbox-color: var(--dsa-color-checkbox-primary);
  --dsa-wc-checkbox-color-disabled: var(--dsa-color-checkbox-disabled);
  --dsa-wc-checkbox-color-active: var( --dsa-color-checkbox-box-checked-background );
  --dsa-wc-checkbox-color-hover: var(--dsa-color-checkbox-box-hover-border);
  --dsa-wc-checkbox-color-readonly: var( --dsa-color-checkbox-box-checked-read-only-on-border );
  --dsa-wc-checkbox-background-color: var(--dsa-color-background-base);
  --dsa-wc-checkbox-font: var(--dsa-font-medium-normal);
  --dsa-wc-checkbox-font-small: var(--dsa-font-small-normal);
  --dsa-wc-checkbox-font-large: var(--dsa-font-large-normal);
  --dsa-wc-checkbox-size: 1.125rem;
  --dsa-wc-checkbox-size-small: .875rem;
  --dsa-wc-checkbox-size-large: 1.375rem;
  --dsa-wc-checkbox-label-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-checkbox-label-color-disabled: var( --dsa-color-text-on-base-disabled );
  --dsa-wc-checkbox-border-color-readonly: var( --dsa-color-checkbox-box-default-read-only-border );
  --dsa-wc-checkbox-background-color-readonly: var(--dsa-wc-checkbox-color);
  --dsa-wc-checkbox-icon-color-readonly: var(--dsa-color-checkbox-primary);
  --dsa-wc-checkbox-label-color-error: var(--dsa-color-text-on-base-error);
  --dsa-wc-checkbox-icon-color: var(--dsa-color-background-base);
  --dsa-wc-checkbox-border-width: 1px;
  --dsa-wc-checkbox-border-color: var(--dsa-wc-checkbox-color);
  --dsa-wc-checkbox-border: solid var(--dsa-wc-checkbox-border-width) var(--dsa-wc-checkbox-color);
  --dsa-wc-checkbox-border-radius: 6px;
  --dsa-wc-checkbox-border-radius-small: var(--dsa-spacing-4);
  --dsa-wc-checkbox-error-text-margin-top: 10px;
  --dsa-wc-radio-color: var(--dsa-color-radio-default);
  --dsa-wc-radio-color-active: var(--dsa-color-radio-checked);
  --dsa-wc-radio-color-disabled: var(--dsa-color-radio-disabled);
  --dsa-wc-radio-border-color-readonly: var(--dsa-color-radio-read-only-border);
  --dsa-wc-radio-color-readonly: var(--dsa-color-radio-read-only-on-border);
  --dsa-wc-radio-color-hover: var(--dsa-color-radio-hover);
  --dsa-wc-radio-label-font: var(--dsa-font-medium-normal);
  --dsa-wc-radio-label-font-small: var(--dsa-font-small-normal);
  --dsa-wc-radio-label-font-large: var(--dsa-font-large-normal);
  --dsa-wc-radio-label-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-radio-label-color-disabled: var(--dsa-color-text-on-base-disabled);
  --dsa-wc-radio-size: 1.125rem;
  --dsa-wc-radio-inner-size: .625rem;
  --dsa-wc-radio-size-small: .875rem;
  --dsa-wc-radio-inner-size-small: .5rem;
  --dsa-wc-radio-size-large: 1.375rem;
  --dsa-wc-radio-inner-size-large: .875rem;
  --dsa-wc-radio-border-width: .125rem;
  --dsa-wc-radio-border-width-small: .099rem;
  --dsa-wc-toggle-group-spacing-label-toggles: var(--dsa-spacing-16);
  --dsa-wc-toggle-group-spacing-label-button: var(--dsa-spacing-8);
  --dsa-wc-toggle-group-spacing: var(--dsa-spacing-16);
  --dsa-wc-toggle-button-background-color: var( --dsa-color-checkbox-button-unchecked-default-background );
  --dsa-wc-toggle-button-border-color: transparent;
  --dsa-wc-toggle-button-color: var( --dsa-color-checkbox-button-unchecked-default-on-background );
  --dsa-wc-toggle-button-hover-background-color: var( --dsa-color-checkbox-button-unchecked-hover-background );
  --dsa-wc-toggle-button-hover-border-color: transparent;
  --dsa-wc-toggle-button-hover-color: var( --dsa-color-checkbox-button-unchecked-hover-on-background );
  --dsa-wc-toggle-button-active-background-color: var( --dsa-color-checkbox-button-unchecked-active-background );
  --dsa-wc-toggle-button-active-border-color: transparent;
  --dsa-wc-toggle-button-active-color: var( --dsa-color-checkbox-button-unchecked-active-on-background );
  --dsa-wc-toggle-button-disabled-background-color: var( --dsa-color-checkbox-button-unchecked-disabled-background );
  --dsa-wc-toggle-button-disabled-border-color: transparent;
  --dsa-wc-toggle-button-disabled-color: var( --dsa-color-checkbox-button-unchecked-disabled-on-background );
  --dsa-wc-toggle-button-checked-background-color: var( --dsa-color-checkbox-button-checked-default-background );
  --dsa-wc-toggle-button-checked-border-color: var( --dsa-color-checkbox-button-checked-default-border );
  --dsa-wc-toggle-button-checked-color: var( --dsa-color-checkbox-button-checked-default-on-background );
  --dsa-wc-toggle-button-checked-hover-background-color: var( --dsa-color-checkbox-button-checked-hover-background );
  --dsa-wc-toggle-button-checked-hover-border-color: var( --dsa-color-checkbox-button-checked-hover-border );
  --dsa-wc-toggle-button-checked-hover-color: var( --dsa-color-checkbox-button-checked-hover-on-background );
  --dsa-wc-toggle-button-checked-active-background-color: var( --dsa-color-checkbox-button-checked-active-background );
  --dsa-wc-toggle-button-checked-active-border-color: var( --dsa-color-checkbox-button-checked-active-border );
  --dsa-wc-toggle-button-checked-active-color: var( --dsa-color-checkbox-button-checked-active-on-background );
  --dsa-wc-toggle-button-read-only-background-color: var( --dsa-color-checkbox-button-unchecked-read-only-background );
  --dsa-wc-toggle-button-read-only-border-color: transparent;
  --dsa-wc-toggle-button-read-only-color: var( --dsa-color-checkbox-button-unchecked-read-only-on-background );
  --dsa-wc-toggle-button-read-only-checked-background-color: var( --dsa-color-checkbox-button-checked-read-only-background );
  --dsa-wc-toggle-button-read-only-checked-border-color: var( --dsa-color-checkbox-button-checked-read-only-border );
  --dsa-wc-toggle-button-read-only-checked-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );
  --dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-radio-button-selected-read-only-on-background-text );
  --dsa-wc-toggle-button-error-background-color: var( --dsa-color-checkbox-button-unchecked-error-background );
  --dsa-wc-toggle-button-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );
  --dsa-wc-toggle-button-error-color: var( --dsa-color-checkbox-button-unchecked-error-on-background );
  --dsa-wc-toggle-button-icon-spacing: var(--dsa-spacing-8);
  --dsa-wc-toggle-button-icon-padding-x: var(--dsa-spacing-8);
  --dsa-wc-switch-label-color: var(--dsa-color-switch-label);
  --dsa-wc-switch-control-background-color: var( --dsa-color-switch-control-inactive-background-default );
  --dsa-wc-switch-thumb-background-color: var( --dsa-color-switch-control-inactive-thumb-default );
  --dsa-wc-switch-control-border-color: var( --dsa-color-switch-control-inactive-border-default );
  --dsa-wc-switch-control-border-width: 2px;
  --dsa-wc-switch-control-background-color-hover: var( --dsa-color-switch-control-inactive-background-hover );
  --dsa-wc-switch-control-background-color-active: var( --dsa-color-switch-control-active-background-default );
  --dsa-wc-switch-thumb-background-color-active: var( --dsa-color-switch-control-active-thumb-default );
  --dsa-wc-switch-control-background-color-active-hover: var( --dsa-color-switch-control-active-background-hover );
  --dsa-wc-switch-control-border-color-disabled: var( --dsa-color-primitive-colors-neutral-300 );
  --dsa-wc-switch-control-background-color-active-disabled: var( --dsa-color-primitive-colors-neutral-50 );
  --dsa-wc-switch-control-border-color-readonly: var( --dsa-color-switch-control-inactive-border-read-only );
  --dsa-wc-switch-control-background-color-active-readonly: var( --dsa-color-switch-control-active-background-read-only );
  --dsa-switch-padding: var(--dsa-spacing-8);
  --dsa-wc-switch-background-color-hover: var( --dsa-color-switch-background-hover );
  --dsa-wc-switch-border-color-hover: var(--dsa-color-switch-border-hover);
  --dsa-wc-switch-font-small: var(--dsa-font-small-normal);
  --dsa-wc-switch-font-medium: var(--dsa-font-medium-normal);
  --dsa-wc-switch-font-large: var(--dsa-font-large-normal);
  --dsa-wc-switch-size-small: 1.75rem;
  --dsa-wc-switch-size-medium: 2rem;
  --dsa-wc-switch-size-large: 2.5rem;
  --dsa-wc-selectable-card-background-color: var(--dsa-color-background-base);
  --dsa-wc-selectable-card-border-color: var(--dsa-color-border-default);
  --dsa-wc-selectable-card-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-selectable-card-border-width: 1px;
  --dsa-wc-selectable-card-border-radius: var(--dsa-radius-8);
  --dsa-wc-selectable-card-horizontal-padding: var(--dsa-spacing-16) var(--dsa-spacing-16);
  --dsa-wc-selectable-card-horizontal-gap: var(--dsa-spacing-16);
  --dsa-wc-selectable-card-vertical-padding: var(--dsa-spacing-16) var(--dsa-spacing-16) var(--dsa-spacing-40);
  --dsa-wc-selectable-card-vertical-gap: 12.5px;
  --dsa-wc-selectable-card-content-gap: var(--dsa-spacing-16);
  --dsa-wc-selectable-card-text-gap: var(--dsa-spacing-4);
  --dsa-wc-selectable-card-label-font: var(--dsa-font-medium-bold);
  --dsa-wc-selectable-card-label-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-selectable-card-description-font: var(--dsa-font-small-normal);
  --dsa-wc-selectable-card-description-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-selectable-card-hover-background-color: var( --dsa-color-background-hover );
  --dsa-wc-selectable-card-hover-border-color: var(--dsa-color-border-hover);
  --dsa-wc-selectable-card-hover-radio-color: var(--dsa-color-radio-hover);
  --dsa-wc-selectable-card-checked-background-color: var( --dsa-color-background-selected );
  --dsa-wc-selectable-card-checked-border-color: var( --dsa-color-border-selected-default );
  --dsa-wc-selectable-card-checked-radio-color: var(--dsa-color-radio-checked);
  --dsa-wc-selectable-card-checked-hover-background-color: var( --dsa-color-background-hover );
  --dsa-wc-selectable-card-checked-hover-border-color: var( --dsa-color-border-selected-hover );
  --dsa-wc-selectable-card-disabled-background-color: var( --dsa-color-background-disabled );
  --dsa-wc-selectable-card-disabled-border-color: var( --dsa-color-border-disabled );
  --dsa-wc-selectable-card-disabled-color: var( --dsa-color-text-on-base-disabled );
  --dsa-wc-selectable-card-disabled-radio-color: var( --dsa-color-radio-disabled );
  --dsa-wc-selectable-card-read-only-background-color: var( --dsa-color-background-read-only );
  --dsa-wc-selectable-card-read-only-border-color: var( --dsa-color-border-default );
  --dsa-wc-selectable-card-error-border-color: var( --dsa-color-checkbox-button-unchecked-error-border );
  --dsa-wc-tab-font: var(--dsa-font-small-normal);
  --dsa-wc-tab-font-active-tab: var(--dsa-font-small-bold);
  --dsa-wc-tab-border-radius: 0px;
  --dsa-wc-tab-color: var(--dsa-color-tab-default);
  --dsa-wc-tab-color-disabled: var(--dsa-color-tab-disabled);
  --dsa-wc-tab-color-hover: var(--dsa-color-tab-hover);
  --dsa-wc-tab-color-active-tab: var(--dsa-color-tab-active);
  --dsa-wc-tab-padding: var(--dsa-spacing-12) var(--dsa-spacing-24);
  --dsa-wc-tab-closable-padding-inline-start: var(--dsa-spacing-8);
  --dsa-wc-tab-close-size: var(--dsa-spacing-16);
  --dsa-wc-tab-close-padding: 0;
  --dsa-wc-tab-group-indicator-color: var(--dsa-color-tab-active);
  --dsa-wc-tab-group-indicator-track-width: 2px;
  --dsa-wc-tab-group-track-color: var(--dsa-color-divider-background);
  --dsa-wc-tab-group-track-width: 1px;
  --dsa-wc-icon-button-color: var( --dsa-color-button-on-base-primary-on-background-default );
  --dsa-wc-icon-button-color-hover: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-icon-button-color-active: var( --dsa-color-button-on-base-navigation-active );
  --dsa-wc-icon-button-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );
  --dsa-wc-icon-button-border-radius: var(--dsa-radius-4);
  --dsa-wc-icon-button-padding: var(--dsa-spacing-8);
  --dsa-wc-icon-button-size--2xsmall: .625rem;
  --dsa-wc-icon-button-size--xsmall: .75rem;
  --dsa-wc-icon-button-size--small: .875rem;
  --dsa-wc-icon-button-size--medium: 1rem;
  --dsa-wc-icon-button-size--large: 1.25rem;
  --dsa-wc-icon-button-size--xlarge: 1.5rem;
  --dsa-wc-icon-button-size--2xlarge: 2.25rem;
  --dsa-wc-card-color: var(--dsa-color-card-on-background);
  --dsa-wc-card-body-font: var(--dsa-font-medium-normal);
  --dsa-wc-card-title-font: var(--dsa-font-medium-bold);
  --dsa-wc-card-border-width: 1px;
  --dsa-wc-card-border-color: var(--dsa-color-border-default);
  --dsa-wc-card-border-color-contrasted: var(--dsa-color-border-contrasted);
  --dsa-wc-card-link-border-color-hover: var(--dsa-color-border-hover);
  --dsa-wc-card-header-padding: var(--dsa-spacing-10) 20px;
  --dsa-wc-card-body-padding: var(--dsa-spacing-16);
  --dsa-wc-card-footer-padding: 20px;
  --dsa-wc-card-border: var(--dsa-wc-card-border-width) solid var(--dsa-wc-card-border-color);
  --dsa-wc-card-background: var(--dsa-color-card-background-default);
  --dsa-wc-card-box-shadow: var(--dsa-wc-shadow-x-small);
  --dsa-wc-card-link-box-shadow-hover: var(--dsa-wc-shadow-x-large);
  --dsa-wc-card-link-background-active: var(--dsa-color-card-background-actif);
  --dsa-wc-card-content-body-padding: var(--dsa-spacing-32) var(--dsa-spacing-32) var(--dsa-spacing-32) var(--dsa-spacing-24);
  --dsa-wc-card-content-medium-body-padding: var(--dsa-spacing-16);
  --dsa-wc-card-content-small-body-padding: var(--dsa-spacing-16);
  --dsa-wc-card-content-filled-background-color: var(--dsa-color-surface-layer);
  --dsa-wc-card-content-large-title-font: var(--dsa-font-x-large-bold);
  --dsa-wc-card-content-medium-title-font: var(--dsa-font-large-bold);
  --dsa-wc-card-content-small-title-font: var(--dsa-font-medium-bold);
  --dsa-wc-card-content-subtitle-font: var(--dsa-font-medium-bold);
  --dsa-wc-card-content-small-subtitle-font: var(--dsa-font-small-bold);
  --dsa-wc-card-content-content-font: var(--dsa-font-medium-normal);
  --dsa-wc-card-content-small-content-font: var(--dsa-font-small-normal);
  --dsa-wc-card-content-title-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-card-content-subtitle-text-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-card-content-content-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-card-content-chevron-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-card-content-link-small-icon-size: 1.5rem;
  --dsa-wc-card-content-link-medium-icon-size: 2.25rem;
  --dsa-wc-card-content-link-large-icon-size: 2.5rem;
  --dsa-wc-card-content-link-icon-padding: var(--dsa-spacing-8);
  --dsa-wc-card-content-tags-margin-bottom: 20px;
  --dsa-wc-card-content-title-icon-size: 3rem;
  --dsa-wc-card-content-medium-title-icon-size: 2rem;
  --dsa-wc-card-content-small-title-icon-size: 1.5rem;
  --dsa-wc-card-content-title-block-gap: var(--dsa-spacing-8);
  --dsa-wc-card-content-margin-top: var(--dsa-spacing-12);
  --dsa-wc-card-content-footer-padding-top: var(--dsa-spacing-32);
  --dsa-wc-card-nav-color: var(--dsa-color-card-on-background);
  --dsa-wc-card-nav-icon-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-card-nav-subtitle-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-card-nav-background-color: var(--dsa-color-card-background-default);
  --dsa-wc-card-nav-background-color-hover: var(--dsa-color-background-hover);
  --dsa-wc-card-nav-border-color: var(--dsa-color-border-default);
  --dsa-wc-card-nav-border-color-hover: var(--dsa-color-border-hover);
  --dsa-wc-download-card-background-color: var(--dsa-color-background-base);
  --dsa-wc-download-card-left-bar-width: var(--dsa-spacing-4);
  --dsa-wc-download-card-left-bar-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-download-card-link-font: var(--dsa-font-large-bold);
  --dsa-wc-download-card-link-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-download-card-description-font: var(--dsa-font-medium-normal);
  --dsa-wc-download-card-description-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-download-card-document-info-font: var(--dsa-font-small-normal);
  --dsa-wc-download-card-document-info-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-download-card-icon-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-download-card-icon-size: 1.5rem;
  --dsa-wc-download-card-border-width: 1px;
  --dsa-wc-download-card-border-color: var(--dsa-color-border-default);
  --dsa-wc-download-card-border-color-hover: var(--dsa-color-border-hover);
  --dsa-wc-download-card-box-shadow-hover: var(--dsa-wc-shadow-medium);
  --dsa-wc-download-card-border-color-active: var( --dsa-color-background-selected );
  --dsa-wc-download-link-icon-size--xlarge: 2rem;
  --dsa-wc-download-link-icon-size--large: 1.75rem;
  --dsa-wc-download-link-icon-size--medium: 1.5rem;
  --dsa-wc-download-link-icon-size--small: 1.25rem;
  --dsa-wc-download-link-icon-size--xsmall: 1rem;
  --dsa-wc-download-link-icon-size--2xsmall: .875rem;
  --dsa-wc-menu-background-color: var(--dsa-color-background-base);
  --dsa-wc-menu-border: solid 1px var(--dsa-color-border-default);
  --dsa-wc-menu-border-radius: var(--dsa-spacing-4);
  --dsa-wc-menu-padding: var(--dsa-spacing-8) 0;
  --dsa-wc-menu-divider-spacing: .5rem;
  --dsa-wc-menu-item-font: var(--dsa-font-small-normal);
  --dsa-wc-menu-item-font-current: var(--dsa-font-small-bold);
  --dsa-wc-menu-item-min-height: 2.5rem;
  --dsa-wc-menu-item-small-font: var(--dsa-font-x-small-normal);
  --dsa-wc-menu-item-small-font-current: var(--dsa-font-x-small-bold);
  --dsa-wc-menu-item-small-min-height: 2rem;
  --dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);
  --dsa-wc-menu-item-large-font-current: var(--dsa-font-medium-bold);
  --dsa-wc-menu-item-large-min-height: 3.125rem;
  --dsa-wc-menu-item-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-menu-item-disabled-color: var(--dsa-color-text-on-base-disabled);
  --dsa-wc-menu-item-background-color: var(--dsa-color-background-base);
  --dsa-wc-menu-item-hover-background-color: var( --dsa-color-menu-menu-item-hover-background );
  --dsa-wc-menu-item-hover-color: var( --dsa-color-menu-menu-item-hover-on-background );
  --dsa-wc-menu-item-margin-inline-start: var(--dsa-spacing-8);
  --dsa-wc-menu-item-margin-inline-end: var(--dsa-spacing-8);
  --dsa-wc-menu-item-padding-right: var(--dsa-spacing-24);
  --dsa-wc-menu-item-padding-left: 20px;
  --dsa-wc-menu-item-padding-left-level-1: var(--dsa-spacing-32);
  --dsa-wc-menu-item-padding-left-level-2: var(--dsa-spacing-48);
  --dsa-wc-menu-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px var(--dsa-wc-menu-item-padding-left);
  --dsa-wc-menu-item-small-padding: 7px var(--dsa-wc-menu-item-padding-right) 7px var(--dsa-wc-menu-item-padding-left);
  --dsa-wc-menu-item-large-padding: 13px var(--dsa-wc-menu-item-padding-right) 13px var(--dsa-wc-menu-item-padding-left);
  --dsa-wc-menu-item-focus-ring-offset: -1px;
  --dsa-wc-menu-item-checked-background-color: var( --dsa-color-menu-menu-item-hover-background );
  --dsa-wc-menu-item-checked-color: var(--dsa-color-menu-menu-item-selected);
  --dsa-wc-menu-label-font: var(--dsa-font-small-bold);
  --dsa-wc-menu-label-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-menu-label-background-color: var(--dsa-color-surface-layer);
  --dsa-wc-menu-label-padding: .5rem 1.25rem;
  --dsa-wc-menu-label-min-height: 2rem;
  --dsa-wc-menu-navigation-item-padding: 10px var(--dsa-wc-menu-item-padding-right) 10px 25px;
  --dsa-wc-menu-navigation-item-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-menu-navigation-item-current-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );
  --dsa-wc-menu-accordion-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-menu-accordion-color-hover: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-menu-accordion-button-focus-ring-offset: -1px;
  --dsa-wc-option-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-option-hover-color: var(--dsa-color-option-hover-background);
  --dsa-wc-option-hover-border-color: var(--dsa-color-option-hover-border);
  --dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);
  --dsa-wc-option-active-color: var(--dsa-color-option-active-on-background);
  --dsa-wc-option-active-background-color: var( --dsa-color-option-active-background );
  --dsa-wc-option-multiple-active-background-color: var( --dsa-color-option-hover-background );
  --dsa-wc-option-active-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-900 );
  --dsa-wc-option-active-multiple-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-200 );
  --dsa-wc-option-disabled-color: var(--dsa-color-text-on-base-disabled);
  --dsa-wc-option-font: var(--dsa-font-small-normal);
  --dsa-wc-option-icon-size: 1.25rem;
  --dsa-wc-option-medium-padding-y: var(--dsa-spacing-12);
  --dsa-wc-option-padding-left: var(--dsa-spacing-4);
  --dsa-wc-option-padding-right: var(--dsa-spacing-24);
  --dsa-wc-option-padding: var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-medium-padding-y) var(--dsa-wc-option-padding-left);
  --dsa-wc-option-small-font: var(--dsa-font-x-small-normal);
  --dsa-wc-option-small-icon-size: 1.125rem;
  --dsa-wc-option-small-padding-y: var(--dsa-spacing-8);
  --dsa-wc-option-small-padding: var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-small-padding-y) var(--dsa-wc-option-padding-left);
  --dsa-wc-option-large-font: var(--dsa-font-medium-normal);
  --dsa-wc-option-large-icon-size: 1.5rem;
  --dsa-wc-option-large-padding-y: var(--dsa-spacing-12);
  --dsa-wc-option-large-padding: var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-right) var(--dsa-wc-option-large-padding-y) var(--dsa-wc-option-padding-left);
  --dsa-wc-option-check-icon-horizontal-padding: var(--dsa-spacing-4);
  --dsa-wc-option-multiple-checkbox-horizontal-padding: var(--dsa-spacing-4) var(--dsa-spacing-8);
  --dsa-wc-option-prefix-suffix-inline-padding: var(--dsa-spacing-8);
  --dsa-wc-option-large-prefix-suffix-inline-padding: var(--dsa-spacing-12);
  --dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);
  --dsa-wc-badge-medium-font: var(--dsa-font-x-small-bold);
  --dsa-wc-badge-dot-small-padding: .25rem;
  --dsa-wc-badge-dot-medium-padding: .5rem;
  --dsa-wc-badge-text-small-padding: .1875rem .3125rem;
  --dsa-wc-badge-text-medium-padding: .375rem .5625rem;
  --dsa-wc-badge-text-medium-min-width: 1.5rem;
  --dsa-wc-badge-text-small-min-width: 1rem;
  --dsa-wc-badge-border-radius: 2rem;
  --dsa-wc-badge-background-color-primary: var( --dsa-color-badge-background-default );
  --dsa-wc-badge-background-color-success: var( --dsa-color-badge-background-success );
  --dsa-wc-badge-background-color-warning: var( --dsa-color-badge-background-warning );
  --dsa-wc-badge-background-color-danger: var( --dsa-color-badge-background-danger );
  --dsa-wc-badge-background-color-neutral: var( --dsa-color-badge-background-neutral );
  --dsa-wc-badge-text-color-primary: var( --dsa-color-badge-on-background-text-default );
  --dsa-wc-badge-text-color-success: var( --dsa-color-badge-on-background-text-success );
  --dsa-wc-badge-text-color-warning: var( --dsa-color-badge-on-background-text-warning );
  --dsa-wc-badge-text-color-neutral: var( --dsa-color-badge-on-background-text-neutral );
  --dsa-wc-badge-text-color-danger: var( --dsa-color-badge-on-background-text-danger );
  --dsa-wc-button-font: var(--dsa-font-button-medium);
  --dsa-wc-button-font-small: var(--dsa-font-button-small);
  --dsa-wc-button-font-large: var(--dsa-font-button-large);
  --dsa-wc-button-border-radius: var(--dsa-wc-form-border-radius);
  --dsa-wc-button-border-width: 1px;
  --dsa-wc-button-padding-horizontal: var(--dsa-spacing-12);
  --dsa-wc-button-padding-horizontal-small: var(--dsa-spacing-8);
  --dsa-wc-button-caret-margin-inline-start: var(--dsa-spacing-4);
  --dsa-wc-button-icon-spacing: var(--dsa-spacing-4);
  --dsa-wc-button-primary-on-base-color: var( --dsa-color-button-on-base-primary-background-default );
  --dsa-wc-button-primary-on-base-font-color: var( --dsa-color-button-on-base-primary-on-background-default );
  --dsa-wc-button-primary-on-base-hover-color: var( --dsa-color-button-on-base-primary-background-hover );
  --dsa-wc-button-primary-on-base-hover-font-color: var( --dsa-color-button-on-base-primary-on-background-hover );
  --dsa-wc-button-primary-on-base-active-color: var( --dsa-color-button-on-base-primary-background-active );
  --dsa-wc-button-primary-on-base-active-font-color: var( --dsa-color-button-on-base-primary-on-background-active );
  --dsa-wc-button-primary-on-base-disabled-color: var( --dsa-color-button-on-base-primary-background-disabled );
  --dsa-wc-button-primary-on-base-disabled-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );
  --dsa-wc-button-primary-on-base-loading-color: var( --dsa-color-button-on-base-primary-background-loading );
  --dsa-wc-button-primary-on-base-loading-font-color: var( --dsa-color-button-on-base-primary-on-background-disabled );
  --dsa-wc-button-primary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );
  --dsa-wc-button-primary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );
  --dsa-wc-button-primary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-primary-background-default );
  --dsa-wc-button-primary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-default );
  --dsa-wc-button-primary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-primary-background-hover );
  --dsa-wc-button-primary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-hover );
  --dsa-wc-button-primary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-primary-background-active );
  --dsa-wc-button-primary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-active );
  --dsa-wc-button-primary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-primary-background-disabled );
  --dsa-wc-button-primary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );
  --dsa-wc-button-primary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-primary-background-loading );
  --dsa-wc-button-primary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-primary-on-background-disabled );
  --dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );
  --dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );
  --dsa-wc-button-primary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-default );
  --dsa-wc-button-primary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-default );
  --dsa-wc-button-primary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-hover );
  --dsa-wc-button-primary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-hover );
  --dsa-wc-button-primary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-active );
  --dsa-wc-button-primary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-active );
  --dsa-wc-button-primary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-disabled );
  --dsa-wc-button-primary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );
  --dsa-wc-button-primary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-primary-background-loading );
  --dsa-wc-button-primary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-primary-on-background-disabled );
  --dsa-wc-button-primary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );
  --dsa-wc-button-primary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );
  --dsa-wc-button-secondary-on-base-color: var( --dsa-color-button-on-base-secondary-background-default );
  --dsa-wc-button-secondary-on-base-font-color: var( --dsa-color-button-on-base-secondary-on-background-default );
  --dsa-wc-button-secondary-on-base-hover-color: var( --dsa-color-button-on-base-secondary-background-hover );
  --dsa-wc-button-secondary-on-base-hover-font-color: var( --dsa-color-button-on-base-secondary-on-background-hover );
  --dsa-wc-button-secondary-on-base-active-color: var( --dsa-color-button-on-base-secondary-background-active );
  --dsa-wc-button-secondary-on-base-active-font-color: var( --dsa-color-button-on-base-secondary-on-background-active );
  --dsa-wc-button-secondary-on-base-disabled-color: var( --dsa-color-button-on-base-secondary-background-disabled );
  --dsa-wc-button-secondary-on-base-disabled-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-base-loading-color: var( --dsa-color-button-on-base-secondary-background-loading );
  --dsa-wc-button-secondary-on-base-loading-font-color: var( --dsa-color-button-on-base-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );
  --dsa-wc-button-secondary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );
  --dsa-wc-button-secondary-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-secondary-background-default );
  --dsa-wc-button-secondary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-default );
  --dsa-wc-button-secondary-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-secondary-background-hover );
  --dsa-wc-button-secondary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-hover );
  --dsa-wc-button-secondary-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-secondary-background-active );
  --dsa-wc-button-secondary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-active );
  --dsa-wc-button-secondary-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-secondary-background-disabled );
  --dsa-wc-button-secondary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-secondary-background-loading );
  --dsa-wc-button-secondary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-background );
  --dsa-wc-button-secondary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background-button-on-background );
  --dsa-wc-button-secondary-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-default );
  --dsa-wc-button-secondary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-default );
  --dsa-wc-button-secondary-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-hover );
  --dsa-wc-button-secondary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-hover );
  --dsa-wc-button-secondary-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-active );
  --dsa-wc-button-secondary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-active );
  --dsa-wc-button-secondary-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-disabled );
  --dsa-wc-button-secondary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-secondary-background-loading );
  --dsa-wc-button-secondary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-secondary-on-background-disabled );
  --dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-background );
  --dsa-wc-button-secondary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background-button-on-background );
  --dsa-wc-button-tertiary-on-base-color: transparent;
  --dsa-wc-button-tertiary-on-base-font-color: var( --dsa-color-button-on-base-tertiary-default );
  --dsa-wc-button-tertiary-on-base-border-color: var( --dsa-color-button-on-base-tertiary-default );
  --dsa-wc-button-tertiary-on-base-hover-color: transparent;
  --dsa-wc-button-tertiary-on-base-hover-border-color: var( --dsa-color-button-on-base-tertiary-hover );
  --dsa-wc-button-tertiary-on-base-hover-font-color: var( --dsa-color-button-on-base-tertiary-hover );
  --dsa-wc-button-tertiary-on-base-active-color: transparent;
  --dsa-wc-button-tertiary-on-base-active-border-color: var( --dsa-color-button-on-base-tertiary-active );
  --dsa-wc-button-tertiary-on-base-active-font-color: var( --dsa-color-button-on-base-tertiary-active );
  --dsa-wc-button-tertiary-on-base-disabled-color: transparent;
  --dsa-wc-button-tertiary-on-base-disabled-border-color: var( --dsa-color-button-on-base-tertiary-disabled );
  --dsa-wc-button-tertiary-on-base-disabled-font-color: var( --dsa-color-button-on-base-tertiary-disabled );
  --dsa-wc-button-tertiary-on-base-loading-color: transparent;
  --dsa-wc-button-tertiary-on-base-loading-font-color: var( --dsa-color-button-on-base-tertiary-hover );
  --dsa-wc-button-tertiary-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );
  --dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );
  --dsa-wc-button-tertiary-on-floating-menu-color: transparent;
  --dsa-wc-button-tertiary-on-floating-menu-border-color: var( --dsa-color-button-on-floating-menu-tertiary-default );
  --dsa-wc-button-tertiary-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-tertiary-default );
  --dsa-wc-button-tertiary-on-floating-menu-hover-color: transparent;
  --dsa-wc-button-tertiary-on-floating-menu-hover-border-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );
  --dsa-wc-button-tertiary-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-tertiary-hover );
  --dsa-wc-button-tertiary-on-floating-menu-active-color: transparent;
  --dsa-wc-button-tertiary-on-floating-menu-active-border-color: var( --dsa-color-button-on-floating-menu-tertiary-active );
  --dsa-wc-button-tertiary-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-tertiary-active );
  --dsa-wc-button-tertiary-on-floating-menu-disabled-color: transparent;
  --dsa-wc-button-tertiary-on-floating-menu-disabled-border-color: var( --dsa-color-button-on-floating-menu-tertiary-disabled );
  --dsa-wc-button-tertiary-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-tertiary-disabled );
  --dsa-wc-button-tertiary-on-floating-menu-loading-color: transparent;
  --dsa-wc-button-tertiary-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-tertiary-disabled );
  --dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-background );
  --dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );
  --dsa-wc-button-tertiary-on-contrasted-menu-color: transparent;
  --dsa-wc-button-tertiary-on-contrasted-menu-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );
  --dsa-wc-button-tertiary-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-default );
  --dsa-wc-button-tertiary-on-contrasted-menu-hover-color: transparent;
  --dsa-wc-button-tertiary-on-contrasted-menu-hover-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );
  --dsa-wc-button-tertiary-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-hover );
  --dsa-wc-button-tertiary-on-contrasted-menu-active-color: transparent;
  --dsa-wc-button-tertiary-on-contrasted-menu-active-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );
  --dsa-wc-button-tertiary-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-active );
  --dsa-wc-button-tertiary-on-contrasted-menu-disabled-color: transparent;
  --dsa-wc-button-tertiary-on-contrasted-menu-disabled-border-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );
  --dsa-wc-button-tertiary-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );
  --dsa-wc-button-tertiary-on-contrasted-menu-loading-color: transparent;
  --dsa-wc-button-tertiary-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-tertiary-disabled );
  --dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );
  --dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );
  --dsa-wc-button-navigation-on-base-color: transparent;
  --dsa-wc-button-navigation-on-base-font-color: var( --dsa-color-button-on-base-navigation-default );
  --dsa-wc-button-navigation-on-base-hover-color: transparent;
  --dsa-wc-button-navigation-on-base-hover-font-color: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-button-navigation-on-base-active-color: transparent;
  --dsa-wc-button-navigation-on-base-active-font-color: var( --dsa-color-button-on-base-navigation-active );
  --dsa-wc-button-navigation-on-base-disabled-color: transparent;
  --dsa-wc-button-navigation-on-base-disabled-font-color: var( --dsa-color-button-on-base-navigation-disabled );
  --dsa-wc-button-navigation-on-base-loading-color: transparent;
  --dsa-wc-button-navigation-on-base-loading-font-color: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-button-navigation-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-primary-background );
  --dsa-wc-button-navigation-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );
  --dsa-wc-button-navigation-on-floating-menu-color: transparent;
  --dsa-wc-button-navigation-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-navigation-default );
  --dsa-wc-button-navigation-on-floating-menu-hover-color: transparent;
  --dsa-wc-button-navigation-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );
  --dsa-wc-button-navigation-on-floating-menu-active-color: transparent;
  --dsa-wc-button-navigation-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-navigation-active );
  --dsa-wc-button-navigation-on-floating-menu-disabled-color: transparent;
  --dsa-wc-button-navigation-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-navigation-disabled );
  --dsa-wc-button-navigation-on-floating-menu-loading-color: transparent;
  --dsa-wc-button-navigation-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-navigation-hover );
  --dsa-wc-button-navigation-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-floatting-menu-background );
  --dsa-wc-button-navigation-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );
  --dsa-wc-button-navigation-on-contrasted-menu-color: transparent;
  --dsa-wc-button-navigation-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-default );
  --dsa-wc-button-navigation-on-contrasted-menu-hover-color: transparent;
  --dsa-wc-button-navigation-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );
  --dsa-wc-button-navigation-on-contrasted-menu-active-color: transparent;
  --dsa-wc-button-navigation-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-active );
  --dsa-wc-button-navigation-on-contrasted-menu-disabled-color: transparent;
  --dsa-wc-button-navigation-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-disabled );
  --dsa-wc-button-navigation-on-contrasted-menu-loading-color: transparent;
  --dsa-wc-button-navigation-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-navigation-hover );
  --dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );
  --dsa-wc-button-navigation-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );
  --dsa-wc-button-neutral-on-base-color: var( --dsa-color-button-on-base-neutral-background-default );
  --dsa-wc-button-neutral-on-base-font-color: var( --dsa-color-button-on-base-neutral-on-background-default );
  --dsa-wc-button-neutral-on-base-hover-color: var( --dsa-color-button-on-base-neutral-background-hover );
  --dsa-wc-button-neutral-on-base-hover-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );
  --dsa-wc-button-neutral-on-base-active-color: var( --dsa-color-button-on-base-neutral-background-active );
  --dsa-wc-button-neutral-on-base-active-font-color: var( --dsa-color-button-on-base-neutral-on-background-active );
  --dsa-wc-button-neutral-on-base-disabled-color: var( --dsa-color-button-on-base-neutral-background-disabled );
  --dsa-wc-button-neutral-on-base-disabled-font-color: var( --dsa-color-button-on-base-neutral-on-background-disabled );
  --dsa-wc-button-neutral-on-base-loading-color: var( --dsa-color-button-on-base-neutral-background-loading );
  --dsa-wc-button-neutral-on-base-loading-font-color: var( --dsa-color-button-on-base-neutral-on-background-hover );
  --dsa-wc-button-neutral-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );
  --dsa-wc-button-neutral-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );
  --dsa-wc-button-neutral-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-neutral-background-default );
  --dsa-wc-button-neutral-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-default );
  --dsa-wc-button-neutral-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );
  --dsa-wc-button-neutral-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-hover );
  --dsa-wc-button-neutral-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-neutral-background-active );
  --dsa-wc-button-neutral-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-active );
  --dsa-wc-button-neutral-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );
  --dsa-wc-button-neutral-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-neutral-on-background-disabled );
  --dsa-wc-button-neutral-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-neutral-background-disabled );
  --dsa-wc-button-neutral-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-neutral-background-hover );
  --dsa-wc-button-neutral-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );
  --dsa-wc-button-neutral-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );
  --dsa-wc-button-neutral-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-default );
  --dsa-wc-button-neutral-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-default );
  --dsa-wc-button-neutral-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );
  --dsa-wc-button-neutral-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-hover );
  --dsa-wc-button-neutral-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-active );
  --dsa-wc-button-neutral-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-active );
  --dsa-wc-button-neutral-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );
  --dsa-wc-button-neutral-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-on-background-disabled );
  --dsa-wc-button-neutral-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-disabled );
  --dsa-wc-button-neutral-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-neutral-background-hover );
  --dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-neutral-background );
  --dsa-wc-button-neutral-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-neutral-on-background );
  --dsa-wc-button-danger-on-base-color: var( --dsa-color-button-on-base-danger-background-default );
  --dsa-wc-button-danger-on-base-font-color: var( --dsa-color-button-on-base-danger-on-background-default );
  --dsa-wc-button-danger-on-base-hover-color: var( --dsa-color-button-on-base-danger-background-hover );
  --dsa-wc-button-danger-on-base-hover-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );
  --dsa-wc-button-danger-on-base-active-color: var( --dsa-color-button-on-base-danger-background-active );
  --dsa-wc-button-danger-on-base-active-font-color: var( --dsa-color-button-on-base-danger-on-background-active );
  --dsa-wc-button-danger-on-base-disabled-color: var( --dsa-color-button-on-base-danger-background-disabled );
  --dsa-wc-button-danger-on-base-disabled-font-color: var( --dsa-color-button-on-base-danger-on-background-disabled );
  --dsa-wc-button-danger-on-base-loading-color: var( --dsa-color-button-on-base-danger-background-disabled );
  --dsa-wc-button-danger-on-base-loading-font-color: var( --dsa-color-button-on-base-danger-on-background-hover );
  --dsa-wc-button-danger-on-base-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );
  --dsa-wc-button-danger-on-base-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );
  --dsa-wc-button-danger-on-floating-menu-color: var( --dsa-color-button-on-floating-menu-danger-background-default );
  --dsa-wc-button-danger-on-floating-menu-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-default );
  --dsa-wc-button-danger-on-floating-menu-hover-color: var( --dsa-color-button-on-floating-menu-danger-background-hover );
  --dsa-wc-button-danger-on-floating-menu-hover-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );
  --dsa-wc-button-danger-on-floating-menu-active-color: var( --dsa-color-button-on-floating-menu-danger-background-active );
  --dsa-wc-button-danger-on-floating-menu-active-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-active );
  --dsa-wc-button-danger-on-floating-menu-disabled-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );
  --dsa-wc-button-danger-on-floating-menu-disabled-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-disabled );
  --dsa-wc-button-danger-on-floating-menu-loading-color: var( --dsa-color-button-on-floating-menu-danger-background-disabled );
  --dsa-wc-button-danger-on-floating-menu-loading-font-color: var( --dsa-color-button-on-floating-menu-danger-on-background-hover );
  --dsa-wc-button-danger-on-floating-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );
  --dsa-wc-button-danger-on-floating-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );
  --dsa-wc-button-danger-on-contrasted-menu-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-default );
  --dsa-wc-button-danger-on-contrasted-menu-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-default );
  --dsa-wc-button-danger-on-contrasted-menu-hover-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-hover );
  --dsa-wc-button-danger-on-contrasted-menu-hover-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );
  --dsa-wc-button-danger-on-contrasted-menu-active-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-active );
  --dsa-wc-button-danger-on-contrasted-menu-active-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-active );
  --dsa-wc-button-danger-on-contrasted-menu-disabled-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );
  --dsa-wc-button-danger-on-contrasted-menu-disabled-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-disabled );
  --dsa-wc-button-danger-on-contrasted-menu-loading-color: var( --dsa-color-button-on-contrasted-neutral-danger-background-disabled );
  --dsa-wc-button-danger-on-contrasted-menu-loading-font-color: var( --dsa-color-button-on-contrasted-neutral-danger-on-background-hover );
  --dsa-wc-button-danger-on-contrasted-menu-loading-spinner-track-color: var( --dsa-color-spinner-on-base-danger-background );
  --dsa-wc-button-danger-on-contrasted-menu-loading-spinner-indicator-color: var( --dsa-color-spinner-on-base-danger-on-background );
  --dsa-wc-dropdown-font: var(--dsa-font-medium-normal);
  --dsa-wc-dropdown-panel-background: var(--dsa-color-background-base);
  --dsa-wc-dropdown-panel-box-shadow: var(--dsa-wc-shadow-small);
  --dsa-wc-dropdown-panel-border-radius: var(--dsa-spacing-4);
  --dsa-wc-scrollbar-width: var(--dsa-spacing-4);
  --dsa-wc-scrollbar-color: var(--dsa-color-scroll-bar-background);
  --dsa-wc-scrollbar-radius: var(--dsa-radius-4);
  --dsa-wc-tag-border-radius: var(--dsa-radius-32);
  --dsa-wc-tag-icon-spacing: var(--dsa-spacing-4);
  --dsa-wc-tag-small-font-size: var(--dsa-font-x-small-normal);
  --dsa-wc-tag-small-height: 1.5rem;
  --dsa-wc-tag-small-padding: 0 .5rem;
  --dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);
  --dsa-wc-tag-medium-height: 2rem;
  --dsa-wc-tag-medium-padding: 0 .75rem;
  --dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);
  --dsa-wc-tag-large-height: 2.5rem;
  --dsa-wc-tag-large-padding: 0 1rem;
  --dsa-wc-tag-green-700-on-base: var(--dsa-color-tag-simple-green-on-dark);
  --dsa-wc-tag-green-700-base: var(--dsa-color-tag-simple-green-background-7);
  --dsa-wc-tag-green-600-on-base: var(--dsa-color-tag-simple-green-on-dark);
  --dsa-wc-tag-green-600-base: var(--dsa-color-tag-simple-green-background-6);
  --dsa-wc-tag-green-500-on-base: var(--dsa-color-tag-simple-green-on-dark);
  --dsa-wc-tag-green-500-base: var(--dsa-color-tag-simple-green-background-5);
  --dsa-wc-tag-green-400-on-base: var(--dsa-color-tag-simple-green-on-dark);
  --dsa-wc-tag-green-400-base: var(--dsa-color-tag-simple-green-background-4);
  --dsa-wc-tag-green-300-on-base: var(--dsa-color-tag-simple-green-on-light);
  --dsa-wc-tag-green-300-base: var(--dsa-color-tag-simple-green-background-3);
  --dsa-wc-tag-green-200-on-base: var(--dsa-color-tag-simple-green-on-light);
  --dsa-wc-tag-green-200-base: var(--dsa-color-tag-simple-green-background-2);
  --dsa-wc-tag-green-100-on-base: var(--dsa-color-tag-simple-green-on-light);
  --dsa-wc-tag-green-100-base: var(--dsa-color-tag-simple-green-background-1);
  --dsa-wc-tag-yellow-700-on-base: var(--dsa-color-tag-simple-yellow-on-dark);
  --dsa-wc-tag-yellow-700-base: var(--dsa-color-tag-simple-yellow-background-7);
  --dsa-wc-tag-yellow-600-on-base: var(--dsa-color-tag-simple-yellow-on-dark);
  --dsa-wc-tag-yellow-600-base: var(--dsa-color-tag-simple-yellow-background-6);
  --dsa-wc-tag-yellow-500-on-base: var(--dsa-color-tag-simple-yellow-on-dark);
  --dsa-wc-tag-yellow-500-base: var(--dsa-color-tag-simple-yellow-background-5);
  --dsa-wc-tag-yellow-400-on-base: var(--dsa-color-tag-simple-yellow-on-dark);
  --dsa-wc-tag-yellow-400-base: var(--dsa-color-tag-simple-yellow-background-4);
  --dsa-wc-tag-yellow-300-on-base: var(--dsa-color-tag-simple-yellow-on-light);
  --dsa-wc-tag-yellow-300-base: var(--dsa-color-tag-simple-yellow-background-3);
  --dsa-wc-tag-yellow-200-on-base: var(--dsa-color-tag-simple-yellow-on-light);
  --dsa-wc-tag-yellow-200-base: var(--dsa-color-tag-simple-yellow-background-2);
  --dsa-wc-tag-yellow-100-on-base: var(--dsa-color-tag-simple-yellow-on-light);
  --dsa-wc-tag-yellow-100-base: var(--dsa-color-tag-simple-yellow-background-1);
  --dsa-wc-tag-pink-500-on-base: var(--dsa-color-tag-simple-pink-on-dark);
  --dsa-wc-tag-pink-500-base: var(--dsa-color-tag-simple-pink-background-5);
  --dsa-wc-tag-pink-400-on-base: var(--dsa-color-tag-simple-pink-on-dark);
  --dsa-wc-tag-pink-400-base: var(--dsa-color-tag-simple-pink-background-4);
  --dsa-wc-tag-pink-300-on-base: var(--dsa-color-tag-simple-pink-on-dark);
  --dsa-wc-tag-pink-300-base: var(--dsa-color-tag-simple-pink-background-3);
  --dsa-wc-tag-pink-200-on-base: var(--dsa-color-tag-simple-pink-on-light);
  --dsa-wc-tag-pink-200-base: var(--dsa-color-tag-simple-pink-background-2);
  --dsa-wc-tag-pink-100-on-base: var(--dsa-color-tag-simple-pink-on-light);
  --dsa-wc-tag-pink-100-base: var(--dsa-color-tag-simple-pink-background-1);
  --dsa-wc-tag-orange-600-on-base: var(--dsa-color-tag-simple-orange-on-dark);
  --dsa-wc-tag-orange-600-base: var(--dsa-color-tag-simple-orange-background-6);
  --dsa-wc-tag-orange-500-on-base: var(--dsa-color-tag-simple-orange-on-dark);
  --dsa-wc-tag-orange-500-base: var(--dsa-color-tag-simple-orange-background-5);
  --dsa-wc-tag-orange-400-on-base: var(--dsa-color-tag-simple-orange-on-dark);
  --dsa-wc-tag-orange-400-base: var(--dsa-color-tag-simple-orange-background-4);
  --dsa-wc-tag-orange-300-on-base: var(--dsa-color-tag-simple-orange-on-light);
  --dsa-wc-tag-orange-300-base: var(--dsa-color-tag-simple-orange-background-3);
  --dsa-wc-tag-orange-200-on-base: var(--dsa-color-tag-simple-orange-on-light);
  --dsa-wc-tag-orange-200-base: var(--dsa-color-tag-simple-orange-background-2);
  --dsa-wc-tag-orange-100-on-base: var(--dsa-color-tag-simple-orange-on-light);
  --dsa-wc-tag-orange-100-base: var(--dsa-color-tag-simple-orange-background-1);
  --dsa-wc-tag-blue-600-on-base: var(--dsa-color-tag-simple-blue-on-dark);
  --dsa-wc-tag-blue-600-base: var(--dsa-color-tag-simple-blue-background-6);
  --dsa-wc-tag-blue-500-on-base: var(--dsa-color-tag-simple-blue-on-dark);
  --dsa-wc-tag-blue-500-base: var(--dsa-color-tag-simple-blue-background-5);
  --dsa-wc-tag-blue-400-on-base: var(--dsa-color-tag-simple-blue-on-dark);
  --dsa-wc-tag-blue-400-base: var(--dsa-color-tag-simple-blue-background-4);
  --dsa-wc-tag-blue-300-on-base: var(--dsa-color-tag-simple-blue-on-light);
  --dsa-wc-tag-blue-300-base: var(--dsa-color-tag-simple-blue-background-3);
  --dsa-wc-tag-blue-200-on-base: var(--dsa-color-tag-simple-blue-on-light);
  --dsa-wc-tag-blue-200-base: var(--dsa-color-tag-simple-blue-background-2);
  --dsa-wc-tag-blue-100-on-base: var(--dsa-color-tag-simple-blue-on-light);
  --dsa-wc-tag-blue-100-base: var(--dsa-color-tag-simple-blue-background-1);
  --dsa-wc-tag-purple-500-on-base: var(--dsa-color-tag-simple-purple-on-dark);
  --dsa-wc-tag-purple-500-base: var(--dsa-color-tag-simple-purple-background-5);
  --dsa-wc-tag-purple-400-on-base: var(--dsa-color-tag-simple-purple-on-dark);
  --dsa-wc-tag-purple-400-base: var(--dsa-color-tag-simple-purple-background-4);
  --dsa-wc-tag-purple-300-on-base: var(--dsa-color-tag-simple-purple-on-light);
  --dsa-wc-tag-purple-300-base: var(--dsa-color-tag-simple-purple-background-3);
  --dsa-wc-tag-purple-200-on-base: var(--dsa-color-tag-simple-purple-on-light);
  --dsa-wc-tag-purple-200-base: var(--dsa-color-tag-simple-purple-background-2);
  --dsa-wc-tag-purple-100-on-base: var(--dsa-color-tag-simple-purple-on-light);
  --dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);
  --dsa-wc-tag-neutral-400-on-base: var(--dsa-color-tag-simple-neutral-on-dark);
  --dsa-wc-tag-neutral-400-base: var( --dsa-color-tag-simple-neutral-background-4 );
  --dsa-wc-tag-neutral-300-on-base: var( --dsa-color-tag-simple-neutral-on-light );
  --dsa-wc-tag-neutral-300-base: var( --dsa-color-tag-simple-neutral-background-3 );
  --dsa-wc-tag-neutral-200-on-base: var( --dsa-color-tag-simple-neutral-on-light );
  --dsa-wc-tag-neutral-200-base: var( --dsa-color-tag-simple-neutral-background-2 );
  --dsa-wc-tag-neutral-100-on-base: var( --dsa-color-tag-simple-neutral-on-light );
  --dsa-wc-tag-neutral-100-base: var( --dsa-color-tag-simple-neutral-background-1 );
  --dsa-wc-tag-button-border-width: 1px;
  --dsa-wc-tag-button-neutral-color: var( --dsa-color-tag-cliquable-default-on-background );
  --dsa-wc-tag-button-neutral-background: var( --dsa-color-tag-cliquable-default-background );
  --dsa-wc-tag-button-neutral-border-color: var( --dsa-color-tag-cliquable-default-border );
  --dsa-wc-tag-button-neutral-hover-color: var( --dsa-color-tag-cliquable-default-hover-on-background );
  --dsa-wc-tag-button-neutral-hover-background: var( --dsa-color-tag-cliquable-default-hover-background );
  --dsa-wc-tag-button-neutral-hover-border-color: var( --dsa-color-tag-cliquable-default-hover-border );
  --dsa-wc-tag-button-neutral-active-color: var( --dsa-color-tag-cliquable-default-pressed-on-background );
  --dsa-wc-tag-button-neutral-active-background: var( --dsa-color-tag-cliquable-default-pressed-background );
  --dsa-wc-tag-button-neutral-active-border-color: var( --dsa-color-tag-cliquable-default-pressed-border );
  --dsa-wc-tag-button-active-color: var( --dsa-color-tag-cliquable-active-on-background );
  --dsa-wc-tag-button-active-background: var( --dsa-color-tag-cliquable-active-background );
  --dsa-wc-tag-button-active-border-color: var( --dsa-color-tag-cliquable-active-border );
  --dsa-wc-tag-button-active-hover-color: var( --dsa-color-tag-cliquable-active-hover-on-background );
  --dsa-wc-tag-button-active-hover-background: var( --dsa-color-tag-cliquable-active-hover-background );
  --dsa-wc-tag-button-active-hover-border-color: var( --dsa-color-tag-cliquable-active-hover-border );
  --dsa-wc-tag-button-active-active-color: var( --dsa-color-tag-cliquable-active-pressed-on-background );
  --dsa-wc-tag-button-active-active-background: var( --dsa-color-tag-cliquable-active-pressed-background );
  --dsa-wc-tag-button-active-active-border-color: var( --dsa-color-tag-cliquable-active-pressed-border );
  --dsa-wc-breadcrumb-item-font: var(--dsa-font-small-normal);
  --dsa-wc-breadcrumb-item-color: var( --dsa-color-button-on-base-navigation-active );
  --dsa-wc-breadcrumb-item-hover-color: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-breadcrumb-item-active-color: var( --dsa-color-button-on-base-navigation-active );
  --dsa-wc-breadcrumb-item-spacing: .5rem;
  --dsa-wc-breadcrumb-item-separator-margin-y: .5rem;
  --dsa-wc-breadcrumb-item-icon-color: var(--dsa-color-icon-on-base-default);
  --dsa-wc-breadcrumb-item-icon-size: 1.125rem;
  --dsa-wc-breadcrumb-item-text-decoration-thickness: .125rem;
  --dsa-wc-breadcrumb-item-text-underline-offset: 4px;
  --dsa-wc-breadcrumb-item-outline-offset: 3px;
  --dsa-wc-divider-color: var(--dsa-color-divider-background);
  --dsa-wc-divider-width: .063rem;
  --dsa-wc-divider-spacing: 1rem;
  --dsa-wc-split-panel-color: var(--dsa-color-split-panel-divider-background);
  --dsa-wc-split-panel-icon-color: var(--dsa-color-text-on-layer-primary);
  --dsa-wc-split-panel-icon-padding: .5rem .125rem;
  --dsa-wc-split-panel-width: 4px;
  --dsa-wc-split-panel-hit-area: 24px;
  --dsa-wc-progress-ring-font: var(--dsa-font-small-normal);
  --dsa-wc-progress-ring-color: var(--dsa-color-progress-ring-label);
  --dsa-wc-progress-ring-content-color: var( --dsa-color-progress-ring-ring-on-background );
  --dsa-wc-progress-ring-track-color: var( --dsa-color-progress-ring-ring-background );
  --dsa-wc-progress-bar-size: 4.5rem;
  --dsa-wc-progress-bar-track-width: 6px;
  --dsa-wc-progress-bar-small-size: 1rem;
  --dsa-wc-progress-bar-small-gap: .5rem;
  --dsa-wc-progress-bar-small-track-width: 3px;
  --dsa-wc-input-margin-inline: var(--dsa-spacing-8);
  --dsa-wc-input-padding-x: var(--dsa-spacing-12);
  --dsa-wc-input-padding-y: var(--dsa-spacing-8);
  --dsa-wc-input-padding: var(--dsa-wc-input-padding-y) var(--dsa-wc-input-padding-x);
  --dsa-wc-input-text-field-font: var(--dsa-font-small-normal);
  --dsa-wc-input-text-field-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-input-text-field-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-input-label-font: var(--dsa-font-small-normal);
  --dsa-wc-input-label-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-input-label-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-input-label-color-error: var(--dsa-color-text-on-base-error);
  --dsa-wc-input-label-color-disabled: var( --dsa-color-input-text-field-disabled );
  --dsa-wc-input-helper-font: var(--dsa-font-small-normal);
  --dsa-wc-input-helper-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-input-helper-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-input-border-width: 1px;
  --dsa-wc-input-border-radius: var(--dsa-spacing-4);
  --dsa-wc-input-icon-color: var(--dsa-color-icon-default);
  --dsa-wc-input-icon-color-hover: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-input-icon-color-disabled: var( --dsa-color-button-on-base-navigation-disabled );
  --dsa-wc-input-error-text-margin-top: var(--dsa-spacing-4);
  --dsa-wc-input-spacing-left: var(--dsa-spacing-8);
  --dsa-wc-input-action-buttons-spacing: var(--dsa-spacing-8);
  --dsa-wc-input-on-base-text-field-input-color: var( --dsa-color-input-text-field-input );
  --dsa-wc-input-on-base-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );
  --dsa-wc-input-on-base-label-color: var(--dsa-color-input-label-default);
  --dsa-wc-input-on-base-label-color-error: var(--dsa-color-input-label-error);
  --dsa-wc-input-on-base-label-color-helper: var(--dsa-color-input-helper);
  --dsa-wc-input-on-base-background-color: var( --dsa-color-input-on-base-default-background );
  --dsa-wc-input-on-base-background-color-disabled: var( --dsa-color-input-on-base-disabled-background );
  --dsa-wc-input-on-base-background-color-error: var( --dsa-color-input-on-base-error-background );
  --dsa-wc-input-on-base-read-only-background-color: var( --dsa-color-input-on-base-read-only-background );
  --dsa-wc-input-on-base-border-color: var( --dsa-color-input-on-base-default-border );
  --dsa-wc-input-on-base-border-color-hover: var( --dsa-color-input-on-base-hover-border );
  --dsa-wc-input-on-base-border-color-disabled: var( --dsa-color-input-on-base-disabled-border );
  --dsa-wc-input-on-base-border-color-error: var( --dsa-color-input-on-base-error-border );
  --dsa-wc-input-on-base-border-color-error-hover: var( --dsa-color-input-on-base-error-hover-border );
  --dsa-wc-input-on-base-read-only-border-color: var( --dsa-color-input-on-base-read-only-border );
  --dsa-wc-input-on-layer-text-field-input-color: var( --dsa-color-input-text-field-input );
  --dsa-wc-input-on-layer-text-field-input-color-disabled: var( --dsa-color-input-text-field-placeholder );
  --dsa-wc-input-on-layer-text-field-placeholder-color: var( --dsa-color-input-text-field-placeholder );
  --dsa-wc-input-on-layer-text-field-placeholder-color-disabled: var( --dsa-color-input-text-field-placeholder );
  --dsa-wc-input-on-layer-label-color: var(--dsa-color-input-label-default);
  --dsa-wc-input-on-layer-background-color: var( --dsa-color-input-on-layer-default-background );
  --dsa-wc-input-on-layer-background-color-disabled: var( --dsa-color-input-on-layer-disabled-background );
  --dsa-wc-input-on-layer-background-color-error: var( --dsa-color-input-on-layer-error-background );
  --dsa-wc-input-on-layer-read-only-background-color: var( --dsa-color-input-on-layer-read-only-background );
  --dsa-wc-input-on-layer-border-color: var( --dsa-color-input-on-layer-default-border );
  --dsa-wc-input-on-layer-border-color-hover: var( --dsa-color-input-on-layer-hover-border );
  --dsa-wc-input-on-layer-border-color-disabled: var( --dsa-color-input-on-layer-disabled-border );
  --dsa-wc-input-on-layer-border-color-error: var( --dsa-color-input-on-layer-error-border );
  --dsa-wc-input-on-layer-border-color-error-hover: var( --dsa-color-primitive-colors-feedback-error-900 );
  --dsa-wc-input-on-layer-read-only-border-color: var( --dsa-color-input-on-layer-read-only-border );
  --dsa-wc-input-success-border-color: var( --dsa-color-primitive-colors-feedback-success-500 );
  --dsa-wc-input-on-floating-label-color: var( --dsa-color-input-label-on-contrasted-default );
  --dsa-wc-input-on-floating-label-color-error: var( --dsa-color-input-label-on-contrasted-error );
  --dsa-wc-input-on-floating-error: var( --dsa-color-input-on-contrasted-helper-error );
  --dsa-wc-input-on-floating-helper: var( --dsa-color-input-on-contrasted-helper-helper );
  --dsa-wc-input-on-floating-background-color: var( --dsa-color-input-on-contrasted-default-background );
  --dsa-wc-input-on-floating-background-color-disabled: var( --dsa-color-input-on-contrasted-disabled-background );
  --dsa-wc-input-on-floating-background-color-error: var( --dsa-color-input-on-contrasted-error-background );
  --dsa-wc-input-on-floating-read-only-background-color: var( --dsa-color-input-on-contrasted-read-only-background );
  --dsa-wc-input-on-floating-border-color: var( --dsa-color-input-on-contrasted-default-border );
  --dsa-wc-input-on-floating-border-color-hover: var( --dsa-color-input-on-contrasted-hover-border );
  --dsa-wc-input-on-floating-border-color-disabled: var( --dsa-color-input-on-contrasted-disabled-border );
  --dsa-wc-input-on-floating-border-color-error: var( --dsa-color-input-on-contrasted-error-border );
  --dsa-wc-input-on-floating-border-color-error-hover: var( --dsa-color-input-on-contrasted-error-hover-border );
  --dsa-wc-input-on-floating-read-only-border-color: var( --dsa-color-input-on-contrasted-read-only-border );
  --dsa-wc-input-success-background-color: var( --dsa-color-primitive-colors-feedback-success-100 );
  --dsa-wc-input-mask-clear-icon-margin-inline-start: .5em;
  --dsa-wc-input-mask-clear-icon-z-index: 1;
  --dsa-wc-input-mask-placeholder-letter-spacing: .125rem;
  --dsa-wc-input-phone-select-border-radius: var(--dsa-spacing-4) 0 0 var(--dsa-spacing-4);
  --dsa-wc-input-phone-select-on-base-hover-background: var( --dsa-color-select-on-base-hover-background );
  --dsa-wc-input-phone-select-on-base-active-background: var( --dsa-color-select-on-base-default-background );
  --dsa-wc-input-phone-select-on-layer-hover-background: var( --dsa-color-select-on-layer-hover-background );
  --dsa-wc-input-phone-select-on-layer-active-background: var( --dsa-color-select-on-layer-default-background );
  --dsa-wc-input-phone-select-listbox-margin-inline-start: 2rem;
  --dsa-wc-input-phone-border-radius: 0 var(--dsa-spacing-4) var(--dsa-spacing-4) 0;
  --dsa-wc-input-phone-height: 2.5rem;
  --dsa-wc-input-phone-small-height: 1.875rem;
  --dsa-wc-input-phone-large-height: 3.125rem;
  --dsa-wc-input-phone-prefix-margin-inline-end: .4rem;
  --dsa-wc-input-time-picker-unit-size: 3rem;
  --dsa-wc-input-time-panel-border-color: var(--dsa-color-border-default);
  --dsa-wc-input-time-panel-border-radius: var(--dsa-radius-4);
  --dsa-wc-input-time-picker-unit-radius: var(--dsa-radius-4);
  --dsa-wc-input-time-picker-unit-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );
  --dsa-wc-input-time-picker-unit-current-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-input-time-picker-unit-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-input-time-picker-unit-font: var(--dsa-font-small-normal);
  --dsa-wc-input-time-picker-unit-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-input-otp-single-fields-gap: var(--dsa-spacing-8);
  --dsa-wc-input-otp-single-field-width-small: 1.5rem;
  --dsa-wc-input-otp-single-field-width-medium: 2rem;
  --dsa-wc-input-otp-single-field-width-large: 2.375rem;
  --dsa-wc-input-otp-caret-height: 1.125rem;
  --dsa-wc-input-otp-single-field-value-width: .8rem;
  --dsa-wc-input-otp-single-field-active-value-background: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-input-otp-single-field-active-value-color: var( --dsa-color-primitive-colors-neutral-100 );
  --dsa-wc-input-otp-single-field-active-value-border-radius: 2px;
  --dsa-wc-input-otp-single-field-active-value-padding: .2rem;
  --dsa-wc-error-text-gap: .19rem;
  --dsa-wc-error-text-margin: var(--dsa-spacing-8);
  --dsa-wc-error-text-icon-padding: 1.5px;
  --dsa-wc-error-text-icon-padding-small: 1.5px;
  --dsa-wc-error-text-icon-padding-large: 1.5px;
  --dsa-wc-error-text-icon-color: var(--dsa-color-icon-error);
  --dsa-wc-error-text-icon-size: 1.25em;
  --dsa-wc-error-text-color: var(--dsa-color-input-label-error);
  --dsa-wc-error-text-on-floating-menu-color: var( --dsa-color-text-on-floatting-menu-error );
  --dsa-wc-error-text-font: var(--dsa-font-x-small-normal);
  --dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);
  --dsa-wc-error-text-font-large: var(--dsa-font-small-normal);
  --dsa-wc-success-text-color: var( --dsa-color-primitive-colors-feedback-success-500 );
  --dsa-wc-error-message-panel-container-background-color: var( --dsa-color-alert-background-neutral );
  --dsa-wc-error-message-panel-container-x-padding: var(--dsa-spacing-32);
  --dsa-wc-error-message-panel-y-padding: var(--dsa-spacing-16);
  --dsa-wc-error-message-panel-title-font: var(--dsa-font-large-bold);
  --dsa-wc-error-message-panel-title-color: var( --dsa-color-text-on-base-primary );
  --dsa-wc-error-message-panel-error-code-font: var(--dsa-font-medium-bold);
  --dsa-wc-error-message-panel-error-code-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-error-message-panel-description-font: var(--dsa-font-medium-normal);
  --dsa-wc-error-message-panel-description-color: var( --dsa-color-text-on-base-primary );
  --dsa-wc-accordion-border-radius: var(--dsa-spacing-4);
  --dsa-wc-accordion-header-border-radius: 3px;
  --dsa-wc-accordion-closed-header-hover-border-radius: 3px;
  --dsa-wc-accordion-header-hover-border-radius: 3px 3px 0px 0px;
  --dsa-wc-accordion-padding: 1rem;
  --dsa-wc-accordion-font: var(--dsa-font-medium-normal);
  --dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-accordion-background-color: var(--dsa-color-background-base);
  --dsa-wc-accordion-border-color: var(--dsa-color-accordion-default-border);
  --dsa-wc-accordion-icon-size: 1.25rem;
  --dsa-wc-accordion-small-icon-size: 1rem;
  --dsa-wc-accordion-icon-color: var(--dsa-color-icon-on-base-default);
  --dsa-wc-accordion-disabled-icon-color: var( --dsa-color-icon-on-base-disabled );
  --dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);
  --dsa-wc-accordion-filled-background-color: var(--dsa-color-surface-layer);
  --dsa-wc-accordion-filled-disabled-color: var( --dsa-color-primitive-colors-neutral-600 );
  --dsa-wc-accordion-filled-disabled-background-color: var( --dsa-color-primitive-colors-neutral-200 );
  --dsa-wc-accordion-summary-padding: 7px 0px;
  --dsa-wc-accordion-summary-font: var(--dsa-font-large-bold);
  --dsa-wc-accordion-small-summary-font: var(--dsa-font-medium-bold);
  --dsa-wc-accordion-hover-border-color: var(--dsa-color-border-hover);
  --dsa-wc-accordion-focus-border: 3px solid var(--dsa-color-primitive-colors-system-focus-500);
  --dsa-wc-accordion-header-hover-background-color: var( --dsa-color-accordion-hover-background );
  --dsa-wc-select-padding-x: var(--dsa-spacing-12);
  --dsa-wc-select-padding-y: var(--dsa-spacing-4);
  --dsa-wc-select-padding: var(--dsa-wc-select-padding-y) var(--dsa-wc-select-padding-x);
  --dsa-wc-select-input-font: var(--dsa-font-small-normal);
  --dsa-wc-select-input-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-select-input-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-select-listbox-divider-spacing: .5rem;
  --dsa-wc-select-listbox-padding-inline: 1.75rem;
  --dsa-wc-select-listbox-margin-top: .5rem;
  --dsa-wc-select-listbox-border-radius: .25rem;
  --dsa-wc-select-listbox-border-width: 1px;
  --dsa-wc-select-listbox-border-color: var(--dsa-color-border-default);
  --dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);
  --dsa-wc-select-icon-margin: .75rem;
  --dsa-wc-select-icon-size: 1rem;
  --dsa-wc-multiselect-tag-margin-inline-start: .25rem;
  --dsa-wc-multiselect-tag-background: var( --dsa-color-tag-multiselect-background-default );
  --dsa-wc-multiselect-tag-color: var( --dsa-color-tag-multiselect-default-on-background-text );
  --dsa-wc-multiselect-tag-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );
  --dsa-wc-multiselect-tag-disabled-background: var( --dsa-color-tag-multiselect-background-disabled );
  --dsa-wc-multiselect-tag-disabled-color: var( --dsa-color-tag-multiselect-disabled-text );
  --dsa-wc-multiselect-tag-disabled-border-color: var( --dsa-color-tag-multiselect-disabled-border );
  --dsa-wc-multiselect-tag-border-radius: var(--dsa-radius-4);
  --dsa-wc-multiselect-tag-padding-inline: var(--dsa-spacing-4);
  --dsa-wc-combobox-input-font: var(--dsa-font-small-normal);
  --dsa-wc-combobox-input-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-combobox-input-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-combobox-listbox-divider-spacing: .5rem;
  --dsa-wc-combobox-listbox-border-radius: .25rem;
  --dsa-wc-combobox-listbox-margin-top: .5rem;
  --dsa-wc-combobox-listbox-border-width: 1px;
  --dsa-wc-combobox-listbox-border-color: var(--dsa-color-border-default);
  --dsa-wc-combobox-listbox-background-color: var(--dsa-color-background-base);
  --dsa-wc-combobox-empty-label-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);
  --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
  --dsa-wc-combobox-icon-margin: .75rem;
  --dsa-wc-combobox-expand-icon-error-color: var( --dsa-color-icon-on-base-error );
  --dsa-wc-combobox-expand-icon-size: 1.125rem;
  --dsa-wc-combobox-clear-button-focus-ring: solid 2px var(--dsa-wc-focus-ring-color);
  --dsa-wc-drawer-overlay-color: var(--dsa-color-surface-overlay);
  --dsa-wc-drawer-overlay-opacity: .4;
  --dsa-wc-drawer-background-color: var(--dsa-color-background-base);
  --dsa-wc-drawer-spacing: 1.25rem;
  --dsa-wc-drawer-filters-spacing: .75rem;
  --dsa-wc-drawer-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-drawer-header-padding: 1.25rem 1rem;
  --dsa-wc-drawer-header-font: var(--dsa-font-medium-bold);
  --dsa-wc-drawer-header-actions-gap: .25rem;
  --dsa-wc-drawer-filters-header-min-height: 64px;
  --dsa-wc-drawer-content-font: var(--dsa-font-medium-normal);
  --dsa-wc-drawer-footer-border-top: 1px solid var(--dsa-color-border-default);
  --dsa-wc-drawer-footer-button-margin-inline-end: .5rem;
  --dsa-wc-tooltip-arrow-size: 6px;
  --dsa-wc-tooltip-arrow-color: var(--dsa-color-tooltip-background);
  --dsa-wc-tooltip-border-radius: var(--dsa-radius-4);
  --dsa-wc-tooltip-background-color: var(--dsa-color-tooltip-background);
  --dsa-wc-tooltip-font: var(--dsa-font-medium-normal);
  --dsa-wc-tooltip-color: var(--dsa-color-tooltip-on-background);
  --dsa-wc-tooltip-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);
  --dsa-wc-tree-indent-guide-color: var(--dsa-color-divider-background);
  --dsa-wc-tree-indent-guide-offset: 0;
  --dsa-wc-tree-indent-guide-style: solid;
  --dsa-wc-tree-indent-guide-width: 1px;
  --dsa-wc-tree-indent-size: 32px;
  --dsa-wc-tree-indent-size-offset: -11px;
  --dsa-wc-tree-item-icon-padding: var(--dsa-spacing-4);
  --dsa-wc-tree-item-icon-margin-end: var(--dsa-spacing-4);
  --dsa-wc-tree-item-color: var(--dsa-color-tree-item-on-background);
  --dsa-wc-tree-item-font: var(--dsa-font-medium-normal);
  --dsa-wc-tree-item-selected-background-color: var( --dsa-color-tree-item-selected-background );
  --dsa-wc-tree-item-selected-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-skeleton-border-radius: 44px;
  --dsa-wc-skeleton-color: var(--dsa-color-skeleton-loader-text);
  --dsa-wc-skeleton-sheen-color: var(--dsa-color-skeleton-loader-image);
  --dsa-wc-progress-bar-track-color: var(--dsa-color-progress-bar-background);
  --dsa-wc-progress-bar-indicator-color: var( --dsa-color-progress-bar-on-background-indicator );
  --dsa-wc-progress-bar-indicator-label-color: var( --dsa-color-progress-bar-on-indicator-label );
  --dsa-wc-progress-bar-border-radius: var(--dsa-spacing-32);
  --dsa-wc-progress-bar-font: var(--dsa-font-x-small-bold);
  --dsa-wc-progress-bar-height: 1rem;
  --dsa-wc-spinner-track-width: var(--dsa-spacing-4);
  --dsa-wc-spinner-on-base-track-color: var( --dsa-color-spinner-on-base-primary-background );
  --dsa-wc-spinner-on-base-indicator-color: var( --dsa-color-spinner-on-base-primary-on-background );
  --dsa-wc-spinner-on-floating-menu-track-color: var( --dsa-color-spinner-on-floatting-menu-background );
  --dsa-wc-spinner-on-floating-menu-indicator-color: var( --dsa-color-spinner-on-floatting-menu-on-background );
  --dsa-wc-spinner-on-contrasted-menu-track-color: var( --dsa-color-spinner-on-contrasted-neutral-background );
  --dsa-wc-spinner-on-contrasted-menu-indicator-color: var( --dsa-color-spinner-on-contrasted-neutral-on-background );
  --dsa-wc-avatar-background-color: var(--dsa-color-avatar-background);
  --dsa-wc-avatar-color: var(--dsa-color-avatar-on-background);
  --dsa-wc-avatar-border-radius: 50%;
  --dsa-wc-avatar-border: solid 2px var(--dsa-color-avatar-border);
  --dsa-wc-avatar-small-size: 1.25rem;
  --dsa-wc-avatar-small-font: var(--dsa-font-x-small-normal);
  --dsa-wc-avatar-medium-size: 2rem;
  --dsa-wc-avatar-medium-font: var(--dsa-font-small-normal);
  --dsa-wc-avatar-large-size: 2.5rem;
  --dsa-wc-avatar-large-font: var(--dsa-font-medium-normal);
  --dsa-wc-avatar-x-large-size: 3rem;
  --dsa-wc-avatar-x-large-font: var(--dsa-font-large-normal);
  --dsa-wc-avatar-group-margin-left: -.75rem;
  --dsa-wc-stepper-color-progress-complete: var( --dsa-color-stepper-indicator-line-complete );
  --dsa-wc-stepper-color-progress-default: var( --dsa-color-stepper-indicator-line-default );
  --dsa-wc-stepper-color-tag-blocked-base: var( --dsa-color-stepper-indicator-icon-default );
  --dsa-wc-stepper-color-tag-error-on-base: var( --dsa-color-stepper-indicator-icon-error-on-background );
  --dsa-wc-stepper-color-tag-error-base: var( --dsa-color-stepper-indicator-icon-error-background );
  --dsa-wc-stepper-color-tag-in-progress-base: var( --dsa-color-stepper-indicator-icon-in-progress );
  --dsa-wc-stepper-color-tag-complete-on-base: var( --dsa-color-stepper-indicator-icon-complete-on-background );
  --dsa-wc-stepper-color-tag-complete-base: var( --dsa-color-stepper-indicator-icon-complete-background );
  --dsa-wc-stepper-color-index: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-stepper-font-index: var(--dsa-font-2x-small-normal);
  --dsa-wc-stepper-color-title: var(--dsa-color-text-on-base-primary);
  --dsa-wc-stepper-font-title: var(--dsa-font-medium-bold);
  --dsa-wc-stepper-font-content: var(--dsa-font-x-small-normal);
  --dsa-wc-stepper-color-content: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-stepper-icon-border-width: 1.4px;
  --dsa-wc-stepper-icon-border-style: solid;
  --dsa-wc-stepper-icon-size: 26px;
  --dsa-wc-stepper-icon-in-progress-size: 12px;
  --dsa-wc-link-on-base-color: var(--dsa-color-link-on-base-default);
  --dsa-wc-link-on-contrasted-color: var( --dsa-color-link-on-contrasted-default );
  --dsa-wc-link-on-layer-color: var(--dsa-color-link-on-layer-default);
  --dsa-wc-link-floating-menu-color: var( --dsa-color-link-on-floatting-menu-default );
  --dsa-wc-link-hover-on-base-color: var(--dsa-color-link-on-base-hover);
  --dsa-wc-link-hover-on-contrasted-color: var( --dsa-color-link-on-contrasted-hover );
  --dsa-wc-link-hover-on-layer-color: var(--dsa-color-link-on-layer-hover);
  --dsa-wc-link-hover-floating-menu-color: var( --dsa-color-link-on-floatting-menu-hover );
  --dsa-wc-link-active-on-base-color: var(--dsa-color-link-on-base-active);
  --dsa-wc-link-active-on-contrasted-color: var( --dsa-color-link-on-contrasted-active );
  --dsa-wc-link-active-on-layer-color: var(--dsa-color-link-on-layer-active);
  --dsa-wc-link-active-floating-menu-color: var( --dsa-color-link-on-floatting-menu-active );
  --dsa-wc-link-visited-on-base-color: var(--dsa-color-link-on-base-visited);
  --dsa-wc-link-visited-on-contrasted-color: var( --dsa-color-link-on-contrasted-visited );
  --dsa-wc-link-visited-on-layer-color: var(--dsa-color-link-on-layer-visited);
  --dsa-wc-link-visited-floating-menu-color: var( --dsa-color-link-on-floatting-menu-visited );
  --dsa-wc-link-underline-thickness: 1px;
  --dsa-wc-link-hover-underline-thickness-multiplier: 2;
  --dsa-wc-link-document-info-on-base-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-link-document-info-on-layer-color: var( --dsa-color-text-on-layer-secondary );
  --dsa-wc-link-document-info-on-contrasted-color: var( --dsa-color-file-download-link-on-contrasted-document-info );
  --dsa-wc-link-document-info-floating-menu-color: var( --dsa-color-file-download-link-on-floatting-menu-document-info );
  --dsa-wc-link-font-x-large: var(--dsa-font-x-large-normal);
  --dsa-wc-link-font-large: var(--dsa-font-large-normal);
  --dsa-wc-link-font: var(--dsa-font-medium-normal);
  --dsa-wc-link-font-small: var(--dsa-font-small-normal);
  --dsa-wc-link-font-x-small: var(--dsa-font-x-small-normal);
  --dsa-wc-link-font-2x-small: var(--dsa-font-2x-small-normal);
  --dsa-wc-range-slider-background: var( --dsa-color-primitive-colors-neutral-200 );
  --dsa-wc-range-slider-thumb-background: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-range-slider-thumb-border-color: var( --dsa-color-primitive-colors-neutral-0 );
  --dsa-wc-range-slider-thumb-size: 24px;
  --dsa-wc-range-slider-thumb-border-radius: 3px;
  --dsa-wc-range-slider-height: 3px;
  --dsa-wc-range-slider-border-radius: 3px;
  --dsa-wc-range-slider-selected-background: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-range-slider-disabled-background: var( --dsa-color-primitive-colors-neutral-600 );
  --dsa-wc-skip-link-on-layer-background: var(--dsa-color-skip-link-background);
  --dsa-wc-skip-link-padding-x: var(--dsa-spacing-48);
  --dsa-wc-skip-link-padding-y: var(--dsa-spacing-12);
  --dsa-wc-skip-link-list-padding: var(--dsa-spacing-0);
  --dsa-wc-skip-link-list-gap: var(--dsa-spacing-16);
  --dsa-wc-skip-link-item-font: var(--dsa-font-medium-bold);
  --dsa-wc-skip-link-item-padding: var(--dsa-spacing-12);
  --dsa-wc-skip-link-item-radius: var(--dsa-radius-4);
  --dsa-wc-skip-link-item-color: var(--dsa-color-skip-link-on-background-link);
  --dsa-wc-skip-link-item-color-hover: var( --dsa-color-button-on-base-navigation-hover );
  --dsa-wc-skip-link-item-color-active: var( --dsa-color-button-on-base-navigation-active );
  --dsa-wc-file-upload-label-font-small: var(--dsa-font-small-bold);
  --dsa-wc-file-upload-label-font-medium: var(--dsa-font-medium-bold);
  --dsa-wc-file-upload-label-font-large: var(--dsa-font-large-bold);
  --dsa-wc-file-upload-description-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-file-upload-description-font-medium: var(--dsa-font-small-normal);
  --dsa-wc-file-upload-description-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-file-upload-help-text-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-file-upload-help-text-font-medium: var(--dsa-font-small-normal);
  --dsa-wc-file-upload-help-text-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-file-upload-error-text-font-small: var(--dsa-font-x-small-normal);
  --dsa-wc-file-upload-error-text-font-medium: var(--dsa-font-small-normal);
  --dsa-wc-file-upload-error-text-font-large: var(--dsa-font-medium-normal);
  --dsa-wc-file-upload-clear-icon-small-size: .875rem;
  --dsa-wc-file-upload-clear-icon-medium-size: 1rem;
  --dsa-wc-file-upload-clear-icon-large-size: 1.25rem;
  --dsa-wc-file-upload-border: 1px solid var(--dsa-color-border-default);
  --dsa-wc-file-upload-item-error-border: var(--dsa-color-file-upload-error);
  --dsa-wc-footer-background: var(--dsa-color-footer-background);
  --dsa-wc-footer-divider-spacing: var(--dsa-spacing-32);
  --dsa-wc-footer-top-spacing: var(--dsa-spacing-24);
  --dsa-wc-footer-bottom-spacing: var(--dsa-spacing-32);
  --dsa-wc-footer-padding-x: var(--dsa-spacing-16);
  --dsa-wc-footer-padding-y: var(--dsa-spacing-40);
  --dsa-wc-footer-medium-padding-x: var(--dsa-spacing-24);
  --dsa-wc-footer-medium-padding-y: var(--dsa-spacing-40);
  --dsa-wc-footer-x-large-padding-x: 200px;
  --dsa-wc-footer-x-large-padding-y: var(--dsa-spacing-40);
  --dsa-wc-footer-logo-width-mobile: 84px;
  --dsa-wc-footer-logo-width-desktop: 108px;
  --dsa-wc-footer-logo-height-mobile: 40px;
  --dsa-wc-footer-logo-height-desktop: 50px;
  --dsa-wc-footer-content-block-spacing: var(--dsa-spacing-16);
  --dsa-wc-footer-content-block-max-width: 800px;
  --dsa-wc-footer-content-block-title-font: var(--dsa-font-medium-bold);
  --dsa-wc-footer-content-block-title-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-footer-content-block-title-margin: 0px;
  --dsa-wc-footer-content-block-content-font: var(--dsa-font-small-normal);
  --dsa-wc-footer-content-block-content-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-footer-content-block-content-margin: 0px;
  --dsa-wc-footer-mandatory-mentions-spacing: var(--dsa-spacing-8);
  --dsa-wc-footer-mandatory-mentions-vertical-size: 12px;
  --dsa-wc-footer-mandatory-mentions-text-font: var(--dsa-font-x-small-normal);
  --dsa-wc-footer-mandatory-mentions-text-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-footer-mandatory-mentions-text-margin: 0px;
  --dsa-wc-footer-sitemap-spacing: var(--dsa-spacing-8);
  --dsa-wc-footer-sitemap-list-spacing: var(--dsa-spacing-16);
  --dsa-wc-footer-sitemap-list-vertical-spacing: var(--dsa-spacing-4);
  --dsa-wc-footer-sitemap-label-font: var(--dsa-font-medium-bold);
  --dsa-wc-footer-sitemap-label-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-footer-sitemap-list-font: var(--dsa-font-small-normal);
  --dsa-wc-footer-sitemap-label-margin: 0px;
  --dsa-wc-header-background: var(--dsa-color-background-base);
  --dsa-wc-header-box-shadow: var(--dsa-wc-shadow-large);
  --dsa-wc-header-padding-x: var(--dsa-spacing-16);
  --dsa-wc-header-medium-padding-x: var(--dsa-spacing-24);
  --dsa-wc-header-x-large-padding-x: 200px;
  --dsa-wc-header-external-links-padding-y: var(--dsa-spacing-8);
  --dsa-wc-header-main-padding-y: var(--dsa-spacing-8);
  --dsa-wc-header-main-medium-padding-y: var(--dsa-spacing-16);
  --dsa-wc-header-logo-width-mobile: 84px;
  --dsa-wc-header-logo-width-desktop: 108px;
  --dsa-wc-header-logo-width-desktop-large: 172px;
  --dsa-wc-header-logo-height-mobile: 40px;
  --dsa-wc-header-logo-height-desktop: 50px;
  --dsa-wc-header-logo-height-desktop-large: 80px;
  --dsa-wc-header-sitename-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-header-sitename-font-mobile: var(--dsa-font-small-bold);
  --dsa-wc-header-sitename-font-desktop: var(--dsa-font-medium-bold);
  --dsa-wc-header-baseline-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-header-baseline-font-mobile: var(--dsa-font-x-small-normal);
  --dsa-wc-header-baseline-font-desktop: var(--dsa-font-small-normal);
  --dsa-wc-page-header-background: var(--dsa-color-surface-layer);
  --dsa-wc-page-header-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-page-header-padding-x-mobile: var(--dsa-spacing-16);
  --dsa-wc-page-header-padding-x-desktop: 80px;
  --dsa-wc-page-header-title-icon-size-mobile: 2.5rem;
  --dsa-wc-page-header-title-icon-size-desktop: 2rem;
  --dsa-wc-page-header-title-font-mobile: var(--dsa-font-large-bold);
  --dsa-wc-page-header-title-font-desktop: var(--dsa-font-x-large-bold);
  --dsa-wc-page-header-subtitle-font: var(--dsa-font-medium-normal);
  --dsa-wc-page-header-secondary-text-font: var(--dsa-font-small-normal);
  --dsa-wc-page-header-secondary-text-color: var( --dsa-color-text-on-base-secondary );
  --dsa-wc-profile-button-border-radius: 40px;
  --dsa-wc-profile-button-font: var(--dsa-font-small-normal);
  --dsa-wc-profile-button-background: var(--dsa-color-background-base);
  --dsa-wc-profile-button-background-hover: var( --dsa-color-primitive-colors-neutral-100 );
  --dsa-wc-profile-button-background-active: var( --dsa-color-primitive-colors-identity-purple-200 );
  --dsa-wc-profile-button-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-profile-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-table-action-background: var( --dsa-color-table-toolbar-multiselect-background );
  --dsa-wc-table-header-cell-padding-y: var(--dsa-spacing-4);
  --dsa-wc-table-header-cell-padding-x: var(--dsa-spacing-8);
  --dsa-wc-table-header-cell-skeleton-padding-inline-end: var(--dsa-spacing-40);
  --dsa-wc-table-header-cell-background-hover: var( --dsa-color-primitive-colors-neutral-200 );
  --dsa-wc-table-header-cell-background-active: var( --dsa-color-primitive-colors-neutral-300 );
  --dsa-wc-table-header-cell-sort-icon-size: 1rem;
  --dsa-wc-table-header-cell-sort-button-outline-offset: -3px;
  --dsa-wc-table-header-cell-skeleton-color: var( --dsa-color-primitive-colors-neutral-200 );
  --dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitive-colors-neutral-300 );
  --dsa-wc-table-header-row-font: var(--dsa-font-small-bold);
  --dsa-wc-table-header-row-background: var( --dsa-color-table-header-cell-default-background );
  --dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-table-cell-padding-y: var(--dsa-spacing-4);
  --dsa-wc-table-cell-padding-x: var(--dsa-spacing-8);
  --dsa-wc-table-cell-border-color: var(--dsa-color-divider-background);
  --dsa-wc-table-cell-border-size: 1px;
  --dsa-wc-table-row-background: var(--dsa-color-background-base);
  --dsa-wc-table-row-font: var(--dsa-font-small-normal);
  --dsa-wc-table-row-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-table-row-hover-background: var( --dsa-color-primitive-colors-identity-purple-100 );
  --dsa-wc-table-row-selected-background: var( --dsa-color-primitive-colors-identity-purple-200 );
  --dsa-wc-table-row-error-background: var(--dsa-color-background-base);
  --dsa-wc-table-row-hover-error-background: var( --dsa-color-primitive-colors-feedback-error-200 );
  --dsa-wc-table-row-error-border-color: var( --dsa-color-primitive-colors-feedback-error-500 );
  --dsa-wc-table-row-small-height: 2rem;
  --dsa-wc-table-row-medium-height: 3.5rem;
  --dsa-wc-table-row-large-height: 5rem;
  --dsa-wc-table-row-selectable-cell-width: 40px;
  --dsa-wc-table-row-expandable-cell-width: 40px;
  --dsa-wc-table-expanded-row-background: var( --dsa-color-primitive-colors-neutral-100 );
  --dsa-wc-table-expanded-row-transition: all var(--dsa-wc-transition-fast) cubic-bezier(.2, 0, .38, .9) 0s;
  --dsa-wc-table-expanded-row-height: 3rem;
  --dsa-wc-table-expanded-row-padding-y: var(--dsa-spacing-16);
  --dsa-wc-table-expanded-row-padding-x: var(--dsa-spacing-24);
  --dsa-wc-table-expanded-row-top-shadow: inset 0px 11px 8px -8px hsla(0, 0%, 60%, .25);
  --dsa-wc-table-expanded-row-bottom-shadow: inset 0px -11px 10px -12px hsla(0, 0%, 60%, .25);
  --dsa-wc-pagination-font: var(--dsa-font-small-normal);
  --dsa-wc-pagination-height-desktop: 56px;
  --dsa-wc-pagination-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-pagination-button-border: solid 1px var(--dsa-color-border-default);
  --dsa-wc-pagination-button-size: 2rem;
  --dsa-wc-pagination-button-padding: 8px;
  --dsa-wc-pagination-button-background-color: var( --dsa-color-primitive-colors-neutral-0 );
  --dsa-wc-pagination-button-hover-background-color: var( --dsa-color-pagination-page-number-hover-background );
  --dsa-wc-pagination-button-selected-background-color: hsla(265, 69%, 94%, 1);
  --dsa-wc-pagination-button-selected-color: hsla(265, 90%, 39%, 1);
  --dsa-wc-pagination-button-disabled-color: hsla(0, 0%, 40%, 1);
  --dsa-wc-pagination-select-border-color: var(--dsa-color-border-default);
  --dsa-wc-pagination-select-font: var(--dsa-font-x-small-normal);
  --dsa-wc-pagination-compact-font: var(--dsa-font-medium-normal);
  --dsa-wc-pagination-compact-button-size: 40px;
  --dsa-wc-filter-button-label-font: var(--dsa-font-small-normal);
  --dsa-wc-filter-button-label-color: var( --dsa-wc-input-on-base-text-field-placeholder-color );
  --dsa-wc-filter-button-value-font: var(--dsa-font-small-bold);
  --dsa-wc-filter-button-value-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-filter-button-border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color);
  --dsa-wc-filter-button-border-active: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color-hover);
  --dsa-wc-filter-button-background-color: var( --dsa-wc-input-on-base-background-color );
  --dsa-wc-filter-button-background-color-active: var( --dsa-wc-input-on-layer-background-color );
  --dsa-wc-filter-button-disabled-background-color: var( --dsa-color-input-on-base-disabled-background );
  --dsa-wc-filter-button-disabled-border-color: var( --dsa-color-input-on-base-disabled-border );
  --dsa-wc-filter-button-readonly-background-color: var( --dsa-color-primitive-colors-neutral-200 );
  --dsa-wc-filter-button-readonly-border-color: var( --dsa-color-input-on-base-read-only-border );
  --dsa-wc-filter-button-hover-background-color: var( --dsa-color-primitive-colors-identity-purple-100 );
  --dsa-wc-filter-button-icon-size: 1.125rem;
  --dsa-wc-filter-button-drawer-min-height: var(--dsa-spacing-48);
  --dsa-wc-filter-button-drawer-padding: var(--dsa-spacing-8) var(--dsa-spacing-12);
  --dsa-filter-panel-min-width: 280px;
  --dsa-filter-panel-max-height: 760px;
  --dsa-wc-calendar-width: 17.5rem;
  --dsa-wc-calendar-radius: var(--dsa-radius-4);
  --dsa-wc-calendar-background-color: var(--dsa-color-background-base);
  --dsa-wc-calendar-font-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-calendar-font: var(--dsa-font-small-normal);
  --dsa-wc-calendar-header-padding: var(--dsa-spacing-16);
  --dsa-wc-calendar-header-font: var(--dsa-font-small-normal);
  --dsa-wc-calendar-header-color: var(--dsa-color-datepicker-on-background-day);
  --dsa-wc-calendar-cell-font: var(--dsa-font-small-normal);
  --dsa-wc-calendar-cell-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-calendar-cell-size: 2.25rem;
  --dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);
  --dsa-wc-calendar-cell-overflow-color: var( --dsa-color-datepicker-on-background-not-current );
  --dsa-wc-calendar-cell-in-range-hover-color: var( --dsa-color-primitive-colors-identity-purple-300 );
  --dsa-wc-calendar-month-year-color: var( --dsa-color-primitive-colors-neutral-800 );
  --dsa-wc-calendar-month-year-font: var(--dsa-font-medium-normal);
  --dsa-wc-calendar-cell-selected-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-calendar-cell-hover-color: var( --dsa-color-primitive-colors-identity-purple-200 );
  --dsa-wc-calendar-cell-border-color: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-filter-date-border-color: var( --dsa-color-table-toolbar-border-default );
  --dsa-wc-filter-date-active-border-color: var( --dsa-color-table-toolbar-border-active );
  --dsa-wc-filter-date-border-radius: var(--dsa-radius-4);
  --dsa-wc-filter-date-font: var(--dsa-font-small-normal);
  --dsa-wc-filter-date-background-color: var( --dsa-color-table-toolbar-background );
  --dsa-wc-filter-date-active-background-color: var( --dsa-color-table-toolbar-active-background );
  --dsa-wc-filter-date-input-color: var( --dsa-color-table-toolbar-on-background-input );
  --dsa-wc-filter-date-input-placeholder-color: var( --dsa-color-table-toolbar-on-background-placeholder );
  --dsa-wc-filter-date-label-color: var( --dsa-color-table-toolbar-on-background-label );
  --dsa-wc-filter-date-icon-button-color: var(--dsa-color-icon-default);
  --dsa-wc-filter-date-active-icon-button-color: var( --dsa-color-table-toolbar-on-background-input );
  --dsa-wc-filter-date-disabled-icon-button-color: var( --dsa-color-icon-on-base-disabled );
  --dsa-wc-filter-date-readonly-icon-button-color: var( --dsa-color-icon-on-base-disabled );
  --dsa-wc-filter-date-panel-border-color: var(--dsa-color-border-default);
  --dsa-wc-filter-date-panel-padding: var(--dsa-spacing-16);
  --dsa-wc-filter-date-panel-border-radius: var(--dsa-radius-4);
  --dsa-wc-navbar-font: var(--dsa-font-small-normal);
  --dsa-wc-navbar-button-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-navbar-button-height-desktop: 48px;
  --dsa-wc-navbar-button-height-mobile: 38px;
  --dsa-wc-navbar-button-padding-desktop: 0 var(--dsa-spacing-16);
  --dsa-wc-navbar-button-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-16);
  --dsa-wc-navbar-link-padding-mobile: var(--dsa-spacing-10) var(--dsa-spacing-40) var(--dsa-spacing-10) var(--dsa-spacing-16);
  --dsa-wc-navbar-button-background-hover: var(--dsa-color-background-hover);
  --dsa-wc-navbar-button-font-active: var(--dsa-font-small-bold);
  --dsa-wc-navbar-button-color-active: var( --dsa-color-primitive-colors-identity-purple-500 );
  --dsa-wc-navbar-button-border-bottom-active: 1px solid var(--dsa-color-primitive-colors-identity-purple-500);
  --dsa-wc-table-of-contents-header-background: var( --dsa-color-background-base );
  --dsa-wc-table-of-contents-header-padding-desktop: var(--dsa-spacing-12) 0;
  --dsa-wc-table-of-contents-header-padding-mobile: var(--dsa-spacing-12) var(--dsa-spacing-16);
  --dsa-wc-table-of-contents-label-color: var( --dsa-color-table-of-content-text-title );
  --dsa-wc-table-of-contents-label-font: var(--dsa-font-small-bold);
  --dsa-wc-table-of-contents-current-section-color: var( --dsa-color-table-of-content-text-active-anchor );
  --dsa-wc-table-of-contents-current-section-font: var(--dsa-font-small-normal);
  --dsa-wc-table-of-contents-content-background: var( --dsa-color-background-base );
  --dsa-wc-table-of-contents-content-padding-mobile: var(--dsa-spacing-8) var(--dsa-spacing-16);
  --dsa-wc-table-of-contents-indicator-border: 2px solid var(--dsa-color-table-of-content-item-selected-on-background);
  --dsa-wc-table-of-contents-link-color: var(--dsa-color-text-on-base-primary);
  --dsa-wc-table-of-contents-link-color-hover: var( --dsa-color-table-of-content-item-hover-on-background );
  --dsa-wc-table-of-contents-link-padding-desktop: 11px var(--dsa-spacing-16);
  --dsa-wc-table-of-contents-link-border-left: 1px solid var(--dsa-color-border-default);
  --dsa-wc-table-of-contents-link-focus-ring-offset: -3px;
  --dsa-wc-table-of-contents-link-color-active: var( --dsa-color-table-of-content-item-selected-on-background );
  --dsa-wc-quote-icon-color: var(--dsa-color-quote-icon);
  --dsa-wc-quote-text-color: var(--dsa-color-quote-text);
  --dsa-wc-quote-details-color: var(--dsa-color-text-on-base-secondary);
  --dsa-wc-quote-border-color: var(--dsa-color-quote-border);
  --dsa-wc-quote-background-color: var(--dsa-color-quote-background);
  --dsa-wc-quote-blockquote-font: var(--dsa-font-x-large-normal);
  --dsa-wc-quote-source-font: var(--dsa-font-x-large-bold);
  --dsa-wc-quote-details-font: var(--dsa-font-medium-normal);
  --dsa-wc-quote-blockquote-font-small: var(--dsa-font-large-normal);
  --dsa-wc-quote-source-font-small: var(--dsa-font-large-bold);
  --dsa-wc-quote-details-font-small: var(--dsa-font-small-normal);
  --dsa-wc-search-small-input-font: var(--dsa-font-small-normal);
  --dsa-wc-search-medium-input-font: var(--dsa-font-medium-normal);
  --dsa-wc-search-large-input-font: var(--dsa-font-medium-normal);
  --dsa-wc-search-input-color: var(--dsa-color-search-text-field-default-input);
  --dsa-wc-search-placeholder-color: var( --dsa-color-search-text-field-default-placeholder );
  --dsa-wc-search-on-base-border-color: var( --dsa-color-search-on-base-default-border );
  --dsa-wc-search-on-base-background-color: var( --dsa-color-search-on-base-default-background );
  --dsa-wc-search-on-base-hover-border-color: var( --dsa-color-search-on-base-hover-border );
  --dsa-wc-search-on-base-hover-background-color: var( --dsa-color-search-on-base-hover-background );
  --dsa-wc-search-on-base-error-border-color: var( --dsa-color-search-on-base-error-border );
  --dsa-wc-search-on-base-error-background-color: var( --dsa-color-search-on-base-error-background );
  --dsa-wc-search-on-base-error-hover-border-color: var( --dsa-color-search-on-base-error-hover-border );
  --dsa-wc-search-on-base-error-hover-background-color: var( --dsa-color-search-on-base-error-hover-background );
  --dsa-wc-search-on-layer-border-color: var( --dsa-color-search-on-layer-default-border );
  --dsa-wc-search-on-layer-background-color: var( --dsa-color-search-on-layer-default-background );
  --dsa-wc-search-on-layer-hover-border-color: var( --dsa-color-search-on-layer-hover-border );
  --dsa-wc-search-on-layer-hover-background-color: var( --dsa-color-search-on-layer-hover-background );
  --dsa-wc-search-on-layer-error-border-color: var( --dsa-color-search-on-layer-error-border );
  --dsa-wc-search-on-layer-error-background-color: var( --dsa-color-search-on-layer-error-background );
  --dsa-wc-search-on-layer-error-hover-border-color: var( --dsa-color-search-on-layer-error-hover-border );
  --dsa-wc-search-on-layer-error-hover-background-color: var( --dsa-color-search-on-layer-error-hover-background );
  --dsa-wc-search-on-floating-menu-border-color: var( --dsa-color-search-on-contrasted-default-border );
  --dsa-wc-search-on-floating-menu-background-color: var( --dsa-color-search-on-contrasted-default-background );
  --dsa-wc-search-on-floating-menu-hover-border-color: var( --dsa-color-search-on-contrasted-hover-border );
  --dsa-wc-search-on-floating-menu-hover-background-color: var( --dsa-color-search-on-contrasted-hover-background );
  --dsa-wc-search-on-floating-menu-error-border-color: var( --dsa-color-search-on-contrasted-error-border );
  --dsa-wc-search-on-floating-menu-error-background-color: var( --dsa-color-search-on-contrasted-error-background );
  --dsa-wc-search-on-floating-menu-error-hover-border-color: var( --dsa-color-search-on-contrasted-error-hover-border );
  --dsa-wc-search-on-floating-menu-error-hover-background-color: var( --dsa-color-search-on-contrasted-error-hover-background );
  --dsa-wc-search-on-floating-menu-input-color: var( --dsa-color-search-text-field-on-contrasted-input );
  --dsa-wc-search-on-floating-menu-placeholder-color: var( --dsa-color-search-text-field-on-contrasted-placeholder );
  --dsa-wc-search-on-floating-menu-helptext-color: var( --dsa-color-search-on-contrasted-helper-helper );
  --dsa-wc-search-helptext-color: var(--dsa-color-search-helper-helper);
  --dsa-wc-search-error-message-color: var(--dsa-color-search-helper-error);
  --dsa-wc-sidenav-collapsed-width: 3.5rem;
  --dsa-wc-sidenav-default-expanded-width: 15rem;
  --dsa-wc-z-index-drawer: 700;
  --dsa-wc-z-index-dialog: 800;
  --dsa-wc-z-index-dropdown: 900;
  --dsa-wc-z-index-toast: 950;
  --dsa-wc-z-index-tooltip: 1000;
  --dsa-wc-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --dsa-wc-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --dsa-wc-shadow-medium: 0 1px 3px hsl(240 3.8% 46.1% / 12%);
  --dsa-wc-shadow-large: 0 2px 5px hsl(240 3.8% 46.1% / 12%);
  --dsa-wc-shadow-x-large: 0 3px 11px hsl(240 3.8% 46.1% / 12%);
  --dsa-wc-breakpoint-small: 600px;
  --dsa-wc-breakpoint-medium: 905px;
  --dsa-wc-breakpoint-large: 1240px;
  --dsa-wc-breakpoint-x-large: 1440px;
}

.dsa-scroll-lock {
  padding-right: var(--dsa-wc-scroll-lock-size) !important;
  overflow: hidden !important;
}

.dialog__body::-webkit-scrollbar-track-piece {
  background-color: var(--dsa-wc-dialog-scrollbar-color) !important;
}

.dsa-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--dsa-wc-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.dsa-toast-stack dsa-alert {
  margin: var(--dsa-spacing-8);
}

.dsa-toast-stack dsa-alert::part(base) {
  box-shadow: var(--dsa-wc-shadow-large);
}

.dsa-link {
  font: inherit;
  font-size: inherit;
  color: var(--dsa-wc-link-on-base-color);
  text-decoration: none;
  border-bottom-width: var(--dsa-wc-link-underline-thickness);
  border-bottom-style: solid;
  transition: border-width 0.1s ease-out;
}

.dsa-link--with-prefix > dsa-icon, .dsa-link--with-suffix > dsa-icon {
  margin-bottom: -0.1875rem;
}

.dsa-link--with-prefix > dsa-icon {
  margin-right: var(--dsa-spacing-4);
}

.dsa-link--with-suffix > dsa-icon {
  margin-left: var(--dsa-spacing-4);
}

.dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:first-of-type {
  margin-left: 0;
}

.dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:last-of-type {
  margin-right: 0;
}

.dsa-link--on-sitemap {
  transition: none;
  border-bottom-style: none;
  color: var(--dsa-color-text-on-layer-primary);
}

.dsa-link--on-contrasted {
  color: var(--dsa-wc-link-on-contrasted-color);
}

.dsa-link--on-layer {
  color: var(--dsa-wc-link-on-layer-color);
}

.dsa-link--floating-menu {
  color: var(--dsa-wc-link-floating-menu-color);
}

.dsa-link--standalone {
  border-bottom: transparent;
}

.dsa-link:hover {
  color: var(--dsa-wc-link-hover-on-base-color);
  border-bottom-width: calc(var(--dsa-wc-link-underline-thickness) * var(--dsa-wc-link-hover-underline-thickness-multiplier));
  margin-bottom: 0;
}

.dsa-link--with-prefix:hover, .dsa-link--with-suffix:hover {
  border-bottom-color: unset;
  color: var(--dsa-wc-link-hover-on-base-color);
}

.dsa-link--on-sitemap:hover {
  border-bottom-style: solid;
  border-bottom-width: var(--dsa-wc-link-underline-thickness);
  color: var(--dsa-color-text-on-layer-primary);
}

.dsa-link--on-contrasted:hover {
  color: var(--dsa-wc-link-hover-on-contrasted-color);
}

.dsa-link--on-layer:hover {
  color: var(--dsa-wc-link-hover-on-layer-color);
}

.dsa-link--floating-menu:hover {
  color: var(--dsa-wc-link-hover-floating-menu-color);
}

.dsa-link:visited, .dsa-link--with-prefix:visited, .dsa-link--with-suffix:visited, .dsa-link--on-sitemap:visited {
  color: var(--dsa-wc-link-visited-on-base-color);
}

.dsa-link--on-contrasted:visited {
  color: var(--dsa-wc-link-visited-on-contrasted-color);
}

.dsa-link--on-layer:visited {
  color: var(--dsa-wc-link-visited-on-layer-color);
}

.dsa-link--floating-menu:visited {
  color: var(--dsa-wc-link-visited-floating-menu-color);
}

.dsa-link:active, .dsa-link--with-prefix:active, .dsa-link--with-suffix:active, .dsa-link--on-sitemap:active {
  color: var(--dsa-wc-link-active-on-base-color);
}

.dsa-link--on-contrasted:active {
  color: var(--dsa-wc-link-active-on-contrasted-color);
}

.dsa-link--on-layer:active {
  color: var(--dsa-wc-link-active-on-layer-color);
}

.dsa-link--floating-menu:active {
  color: var(--dsa-wc-link-active-floating-menu-color);
}

.dsa-link:focus-visible {
  outline: var(--dsa-wc-focus-ring);
  border-radius: var(--dsa-wc-focus-ring-radius);
}

.no-animations {
  --dsa-wc-no-animations-duration: 0s;
}

.dsa-grid-container {
  --dsa-grid-gap: 16px;
  --dsa-grid-padding: 16px;
  display: grid;
  gap: var(--dsa-grid-gap);
  grid-template-columns: repeat(4, 1fr);
  margin-left: var(--dsa-grid-padding);
  margin-right: var(--dsa-grid-padding);
}

.dsa-grid-container-with-sidebar {
  --dsa-grid-with-sidebar-gap: 24px;
  --dsa-grid-with-sidebar-padding: 24px;
  display: grid;
  gap: var(--dsa-grid-with-sidebar-gap);
  grid-template-columns: repeat(8, 1fr);
  margin-left: var(--dsa-grid-with-sidebar-padding);
  margin-right: var(--dsa-grid-with-sidebar-padding);
}

@media only screen and (min-width: 600px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (min-width: 905px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1240px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: 200px;
    justify-content: center;
  }
}
@media only screen and (min-width: 1440px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: auto;
    grid-template-columns: repeat(12, 72px);
  }
  .dsa-grid-container-with-sidebar {
    --dsa-grid-with-sidebar-gap: 24px;
    --dsa-grid-with-sidebar-padding: auto;
    grid-template-columns: repeat(12, 56px);
    justify-content: center;
  }
}
.dsa-sidebar-container {
  display: grid;
  width: 360px;
  grid-template-columns: repeat(4, 1fr);
}

.dsa-table {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-medium-height);
  width: 100%;
  border-spacing: 0;
}

.dsa-table .dsa-table-header-row, .dsa-table .dsa-table-row {
  block-size: var(--internal-dsa-table-row-height);
}

.dsa-table--small {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-small-height);
}

.dsa-table--large {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-large-height);
}

.dsa-table-header-row {
  font: var(--dsa-wc-table-header-row-font);
  background: var(--dsa-wc-table-header-row-background);
  color: var(--dsa-wc-table-header-row-color);
}

.dsa-table-row {
  border: none;
  background: var(--dsa-wc-table-row-background);
  font: var(--dsa-wc-table-row-font);
  color: var(--dsa-wc-table-row-color);
}

.dsa-table-row:hover {
  background: var(--dsa-wc-table-row-hover-background);
}

.dsa-table-header-cell[colspan]:not([colspan="1"]) {
  text-align: center;
}

.dsa-table-header-cell, .dsa-table-cell {
  background: inherit;
  box-sizing: border-box;
  padding: var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x);
  vertical-align: middle;
  text-align: start;
  border-block-end: var(--dsa-wc-table-cell-border-size) solid var(--dsa-wc-table-cell-border-color);
}

.dsa-table-header-cell {
  padding: var(--dsa-wc-table-header-cell-padding-y) var(--dsa-wc-table-header-cell-padding-x);
}

.dsa-table-cell {
  padding: var(--dsa-wc-table-cell-padding-y) var(--dsa-wc-table-cell-padding-x);
}

.dsa-table-header-cell--hover {
  background: var(--dsa-wc-table-header-cell-background-hover);
}

.dsa-table-cell--hover {
  background: var(--dsa-wc-table-row-hover-background);
}

.dsa-table--sticky-header .dsa-table-header-row .dsa-table-header-cell {
  position: sticky;
  z-index: 2;
}

.dsa-table--sticky-header .dsa-table-header-row:nth-of-type(1) .dsa-table-header-cell {
  top: 0;
}

.dsa-table--sticky-header .dsa-table-header-row:nth-of-type(2) .dsa-table-header-cell {
  top: var(--internal-dsa-table-row-height);
}

.dsa-table--sticky-header .dsa-table-header-row:nth-of-type(3) .dsa-table-header-cell {
  top: calc(var(--internal-dsa-table-row-height) * 2);
}

.dsa-table--sticky-column-1 {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: var(--dsa-table-sticky-column-1-width);
}

.dsa-table--sticky-column-2 {
  position: sticky;
  left: var(--dsa-table-sticky-column-1-width, 0);
  z-index: 1;
  min-width: var(--dsa-table-sticky-column-2-width);
}

.dsa-table--sticky-column-3 {
  position: sticky;
  left: calc(var(--dsa-table-sticky-column-1-width, 0) + var(--dsa-table-sticky-column-2-width, 0));
  z-index: 1;
}

.dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-1, .dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-2, .dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-3 {
  z-index: 3;
}

html {
  font-size: 16px !important;
}

@font-face {
  font-family: "Montserrat";
  src: url('/assets/theme_font/Montserrat-VariableFont_wght.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('/assets/theme_font/Montserrat-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('/assets/theme_font/Cabin-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cabin";
  src: url('/assets/theme_font/Cabin-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Houschka";
  src: url('/assets/theme_font/houschka-rounded-light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
}
body {
  font-family: "Cabin", sans-serif;
  line-height: 130%;
}

h1 {
  font: var(--dsa-font-4x-large-bold);
}
@media screen and (max-width: 768px) {
  h1 {
    font: var(--dsa-font-x-large-bold);
  }
}

h2 {
  font: var(--dsa-font-x-large-bold);
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 130%;
}

h1,
h2,
h3,
h4,
p {
  color: var(--dsa-color-primitive-colors-neutral-900);
}

main {
  margin: 0;
}

ul,
ol {
  list-style-type: none !important;
}

.d-flex {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.flex-start {
  justify-content: flex-start !important;
}

.h-100 {
  height: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.justify-space-between {
  justify-content: space-between;
}

.gap-small {
  gap: 20px;
}

.rods-front-office-container > div > div {
  z-index: 749 !important;
}

.title {
  font: var(--dsa-font-2x-large-normal);
}
@media screen and (max-width: 768px) {
  .title {
    font: var(--dsa-font-x-large-normal);
  }
}

.welcome-card-title {
  font-size: 2.5rem;
}

.section-title {
  font: var(--dsa-font-x-large-bold);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .section-title {
    font: var(--dsa-font-large-bold);
  }
}

.kpi-title {
  font: var(--dsa-font-x-large-normal);
  color: var(--dsa-color-primitive-colors-identity-green-700);
}

.sub-section-title {
  font: var(--dsa-font-medium-normal);
}

.text-medium {
  font: var(--dsa-font-medium-normal);
  color: var(--dsa-color-text-on-base-secondary);
}

.text-xsmall {
  font: var(--dsa-font-2x-small);
}

.text-small {
  font: var(--dsa-font-small-normal);
}

.text-intro {
  font: var(--dsa-font-large-normal);
}

.text-normal {
  font: var(--dsa-font-medium-bold);
  color: var(--dsa-color-text-on-base-secondary);
}

.text-xsmall {
  font: var(--dsa-font-x-small-normal);
}

.bold {
  font-weight: bold;
}

.x-large {
  max-width: 1440px;
}

.m-large {
  max-width: 1200px;
}

.source-link {
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 5px;
}

.sr-only {
  height: 0px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: white;
  color: black;
  text-decoration: none;
}

.skip-link:focus-visible {
  left: 0;
  right: 0;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

:focus:not(.focus-ring) {
  outline-width: inherit;
}

a:hover {
  text-decoration: none !important;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-30 {
  margin-bottom: 30px;
}

ul,
ol,
dl {
  margin: 0;
  padding: 0;
  margin-block-start: var(--xl-block);
  margin-block-end: var(--xl-block);
  --xl-size: var(--xl-base);
}

ul[role=listbox] {
  list-style: none;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

ul {
  list-style-type: var(--ul-type);
  padding-inline-start: var(--ul-start);
}
@media screen and (max-width: 768px) {
  ul {
    padding-inline-start: 0px;
  }
}

ul > li::marker {
  font-size: calc(var(--xl-size) * 0.9);
}

ol {
  list-style-type: var(--ol-type);
  padding-inline-start: var(--ol-start);
  counter-reset: li-counter;
}

ol > li {
  counter-increment: li-counter;
}

ol > li::marker {
  content: var(--ol-content);
  font-size: var(--xl-size);
  font-weight: bold;
}

dl,
dd {
  margin: 0;
  padding-inline-start: var(--ul-start);
}

li,
dd,
dt {
  --xl-base: calc(var(--xl-size) * 0.9);
  padding-bottom: var(--li-bottom);
}

sub {
  line-height: 1;
}

sup {
  line-height: 1;
}

hr {
  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}

section {
  padding: 40px 30px;
}

.color-yellow {
  color: var(--dsa-color-primitive-colors-identity-green-500);
}

.color-purple {
  color: var(--dsa-color-primitive-colors-identity-purple-500);
}

.color-white {
  color: #fff;
}

.bg-pgreen {
  background-color: var(--dsa-color-primitive-colors-identity-green-800);
}

.bg-yellow {
  background-color: var(--dsa-color-primitive-colors-feedback-warning-500);
}

.bg-pn100 {
  background-color: var(--dsa-color-primitive-colors-neutral-100);
}

.txt-sec {
  color: var(--dsa-color-text-on-base-secondary);
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-40 {
  padding: 40px 0px;
}

.pt-40 {
  padding-top: 40px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-40 {
  padding-bottom: 40px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 768px) {
  .px-30 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.mb-0 {
  margin-bottom: 0px;
}

.r-8 {
  border-radius: 8px;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url('/assets/theme_font/MaterialIcons-Regular.woff2') format("woff2"), url('/assets/theme_font/MaterialIcons-Regular.woff') format("woff"), url('/assets/theme_font/MaterialIcons-Regular.ttf') format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.small-icon {
  font-size: 16px;
}

/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v307/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.dsa-grid-container {
  --dsa-grid-gap: 16px;
  --dsa-grid-padding: 16px;
  display: grid;
  gap: var(--dsa-grid-gap);
  grid-template-columns: repeat(4, 1fr);
  margin-left: var(--dsa-grid-padding);
  margin-right: var(--dsa-grid-padding);
  margin: auto;
}

.dsa-grid-container-with-sidebar {
  --dsa-grid-with-sidebar-gap: 24px;
  --dsa-grid-with-sidebar-padding: 24px;
  display: grid;
  gap: var(--dsa-grid-with-sidebar-gap);
  grid-template-columns: repeat(8, 1fr);
  margin-left: var(--dsa-grid-with-sidebar-padding);
  margin-right: var(--dsa-grid-with-sidebar-padding);
}

@media only screen and (min-width: 600px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (min-width: 905px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1240px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: 200px;
    justify-content: center;
  }
}
@media only screen and (min-width: 1440px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: auto;
    grid-template-columns: repeat(12, 72px);
  }
  .dsa-grid-container-with-sidebar {
    --dsa-grid-with-sidebar-gap: 24px;
    --dsa-grid-with-sidebar-padding: auto;
    grid-template-columns: repeat(12, 56px);
    justify-content: center;
  }
}
.dsa-sidebar-container {
  display: grid;
  width: 360px;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 991px) {
  .dsa-grid-container > * {
    grid-column: span 12 !important;
  }
}
@media only screen and (min-width: 600px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (min-width: 905px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 24px;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 1240px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: 200px;
    justify-content: center;
  }
}
@media only screen and (min-width: 1440px) {
  .dsa-grid-container {
    --dsa-grid-gap: 24px;
    --dsa-grid-padding: 48px;
    grid-template-columns: repeat(12, 1fr);
  }
  .dsa-grid-gutter {
    --dsa-grid-padding: auto;
    grid-template-columns: repeat(12, 72px);
  }
  .dsa-grid-container-with-sidebar {
    --dsa-grid-with-sidebar-gap: 24px;
    --dsa-grid-with-sidebar-padding: auto;
    grid-template-columns: repeat(12, 56px);
    justify-content: center;
  }
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  color: inherit;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  width: fit-content;
}

.button--primary.active:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.86339 10.5826L3.08339 7.80263L2.13672 8.74263L5.86339 12.4693L13.8634 4.4693L12.9234 3.5293L5.86339 10.5826Z' fill='white'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  background-size: cover;
  transform: translate(0px, 3px);
}

.button--on-base.button--primary {
  background-color: var(--dsa-wc-button-primary-on-base-color);
  border-color: var(--dsa-wc-button-primary-on-base-color);
  color: var(--dsa-wc-button-primary-on-base-font-color);
}

.button--on-base.button--secondary {
  background-color: var(--dsa-wc-button-secondary-on-base-color);
  border-color: var(--dsa-wc-button-secondary-on-base-color);
  color: var(--dsa-wc-button-secondary-on-base-font-color);
}

.button--on-base.button--secondary:hover:not(.button--disabled):not(.button--loading),
.button--on-base.button--secondary.pseudo-hover:not(.button--disabled):not(.button--loading),
:host(.pseudo-hover-all) .button--on-base.button--secondary:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-secondary-on-base-hover-color);
  border-color: var(--dsa-wc-button-secondary-on-base-hover-color);
  color: var(--dsa-wc-button-secondary-on-base-hover-font-color);
}

.button--on-base.button--primary-border {
  background-color: var(--dsa-wc-button-primary-on-base-font-color);
  border: 1px solid transparent;
  border-color: var(--dsa-wc-button-primary-on-base-color);
  color: var(--dsa-wc-button-primary-on-base-color);
}

.button--primary-border img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(95%) saturate(4593%) hue-rotate(266deg) brightness(86%) contrast(114%);
  transform: rotate(-90deg) translateX(-2px) translateY(2px);
}

/*
 * Size modifiers
 */
.button--small {
  font: var(--dsa-wc-button-font-small);
  height: var(--dsa-wc-form-input-height-small);
  line-height: calc(var(--dsa-wc-form-input-height-small) - var(--dsa-wc-button-border-width) * 2);
  border-radius: var(--dsa-wc-button-border-radius);
}

.button--small:not(.button--tertiary):not(.button--navigation) {
  padding: 0 var(--dsa-wc-button-padding-horizontal-small);
}

.button--medium {
  height: var(--dsa-wc-form-input-height);
  line-height: calc(var(--dsa-wc-form-input-height) - var(--dsa-wc-button-border-width) * 2);
  border-radius: var(--dsa-wc-button-border-radius);
  padding: 0 12px;
}

.button__prefix {
  margin-inline-end: var(--dsa-wc-button-icon-spacing);
}

.button__prefix,
.button__suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.button--on-base.button--primary:hover:not(.button--disabled):not(.button--loading),
.button--on-base.button--primary.pseudo-hover:not(.button--disabled):not(.button--loading),
:host(.pseudo-hover-all) .button--on-base.button--primary:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-primary-on-base-hover-color);
  border-color: var(--dsa-wc-button-primary-on-base-hover-color);
  color: var(--dsa-wc-button-primary-on-base-hover-font-color);
}

/***** Button *****/
.button.icon-user::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://cnsa.opendatasoft.com/assets/theme_image/Prefix.svg);
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 4px;
  transition: all 0.2s;
  transform: translateY(5px);
}

.button a {
  text-decoration: none;
  color: inherit;
}

/* Tertiary */
.button--tertiary:not(.button--tertiary-with-outline) {
  padding: 0;
  border: none;
}

.button--tertiary-with-outline {
  border-width: 1px;
  border-style: solid;
  padding: 0 0.75rem;
}

/* Tertiary/On Base */
.button--on-base.button--tertiary {
  background-color: var(--dsa-wc-button-tertiary-on-base-color);
  border-color: var(--dsa-wc-button-tertiary-on-base-border-color);
  color: var(--dsa-wc-button-tertiary-on-base-font-color);
}

.button--on-base.button--tertiary:hover:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-base-hover-color);
  border-color: var(--dsa-wc-button-tertiary-on-base-hover-border-color);
  color: var(--dsa-wc-button-tertiary-on-base-hover-font-color);
}

.button--on-base.button--tertiary:active:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-base-active-color);
  border-color: var(--dsa-wc-button-tertiary-on-base-active-border-color);
  color: var(--dsa-wc-button-tertiary-on-base-active-font-color);
}

.button--on-base.button--tertiary.button--disabled {
  background-color: var(--dsa-wc-button-tertiary-on-base-disabled-color);
  border-color: var(--dsa-wc-button-tertiary-on-base-disabled-border-color);
  color: var(--dsa-wc-button-tertiary-on-base-disabled-font-color);
}

.button--on-base.button--tertiary.button--loading {
  background-color: var(--dsa-wc-button-tertiary-on-base-loading-color);
  color: var(--dsa-wc-button-tertiary-on-base-loading-font-color);
}

.button--on-base.button--tertiary.button--loading dsa-spinner {
  --dsa-wc-internal-spinner-on-base-track-color: var(
    --dsa-wc-button-tertiary-on-base-loading-spinner-track-color
  );
  --dsa-wc-internal-spinner-on-base-indicator-color: var(
    --dsa-wc-button-tertiary-on-base-loading-spinner-indicator-color
  );
}

/* Tertiary/On Floating Menu */
.button--on-floating-menu.button--tertiary {
  background-color: var(--dsa-wc-button-tertiary-on-floating-menu-color);
  border-color: var(--dsa-wc-button-tertiary-on-floating-menu-border-color);
  color: var(--dsa-wc-button-tertiary-on-floating-menu-font-color);
}

.button--on-floating-menu.button--tertiary:hover:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-floating-menu-hover-color);
  border-color: var(--dsa-wc-button-tertiary-on-floating-menu-hover-border-color);
  color: var(--dsa-wc-button-tertiary-on-floating-menu-hover-font-color);
}

.button--on-floating-menu.button--tertiary:active:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-floating-menu-active-color);
  border-color: var(--dsa-wc-button-tertiary-on-floating-menu-active-border-color);
  color: var(--dsa-wc-button-tertiary-on-floating-menu-active-font-color);
}

.button--on-floating-menu.button--tertiary.button--disabled {
  background-color: var(--dsa-wc-button-tertiary-on-floating-menu-disabled-color);
  border-color: var(--dsa-wc-button-tertiary-on-floating-menu-disabled-border-color);
  color: var(--dsa-wc-button-tertiary-on-floating-menu-disabled-font-color);
}

.button--on-floating-menu.button--tertiary.button--loading {
  background-color: var(--dsa-wc-button-tertiary-on-floating-menu-loading-color);
  color: var(--dsa-wc-button-tertiary-on-floating-menu-loading-font-color);
}

.button--on-floating-menu.button--tertiary.button--loading dsa-spinner {
  --dsa-wc-internal-spinner-on-floating-track-color: var(
    --dsa-wc-button-tertiary-on-floating-menu-loading-spinner-track-color
  );
  --dsa-wc-internal-spinner-on-floating-indicator-color: var(
    --dsa-wc-button-tertiary-on-floating-menu-loading-spinner-indicator-color
  );
}

/* Tertiary/On Contrasted Menu */
.button--on-contrasted-menu.button--tertiary {
  background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-color);
  border-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-border-color);
  color: var(--dsa-wc-button-tertiary-on-contrasted-menu-font-color);
}

.button--on-contrasted-menu.button--tertiary:hover:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-hover-color);
  border-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-hover-border-color);
  color: var(--dsa-wc-button-tertiary-on-contrasted-menu-hover-font-color);
}

.button--on-contrasted-menu.button--tertiary:active:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-active-color);
  border-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-active-border-color);
  color: var(--dsa-wc-button-tertiary-on-contrasted-menu-active-font-color);
}

.button--on-contrasted-menu.button--tertiary.button--disabled {
  background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-disabled-color);
  border-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-disabled-border-color);
  color: var(--dsa-wc-button-tertiary-on-contrasted-menu-disabled-font-color);
}

.button--on-contrasted-menu.button--tertiary.button--loading {
  background-color: var(--dsa-wc-button-tertiary-on-contrasted-menu-loading-color);
  color: var(--dsa-wc-button-tertiary-on-contrasted-menu-loading-font-color);
}

.button--on-contrasted-menu.button--tertiary.button--loading dsa-spinner {
  --dsa-wc-internal-spinner-on-contrasted-track-color: var(
    --dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-track-color
  );
  --dsa-wc-internal-spinner-on-contrasted-indicator-color: var(
    --dsa-wc-button-tertiary-on-contrasted-menu-loading-spinner-indicator-color
  );
}

/*Floating */
.button--on-floating-menu {
  background: none;
  border: solid 1px;
}

.button--on-floating-menu.button--primary {
  background-color: var(--dsa-wc-button-primary-on-floating-menu-color);
  border-color: var(--dsa-wc-button-primary-on-floating-menu-color);
  color: var(--dsa-wc-button-primary-on-floating-menu-font-color);
}

.button--on-floating-menu.button--primary:hover:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-primary-on-floating-menu-hover-color);
  border-color: var(--dsa-wc-button-primary-on-floating-menu-hover-color);
  color: var(--dsa-wc-button-primary-on-floating-menu-hover-font-color);
}

.button--on-floating-menu.button--primary:active:not(.button--disabled):not(.button--loading) {
  background-color: var(--dsa-wc-button-primary-on-floating-menu-active-color);
  border-color: var(--dsa-wc-button-primary-on-floating-menu-active-color);
  color: var(--dsa-wc-button-primary-on-floating-menu-active-font-color);
}

.button--on-floating-menu.button--primary.button--disabled {
  background-color: var(--dsa-wc-button-primary-on-floating-menu-disabled-color);
  border-color: var(--dsa-wc-button-primary-on-floating-menu-disabled-color);
  color: var(--dsa-wc-button-primary-on-floating-menu-disabled-font-color);
}

.button--on-floating-menu.button--primary.button--loading {
  background-color: var(--dsa-wc-button-primary-on-floating-menu-loading-color);
  border-color: var(--dsa-wc-button-primary-on-floating-menu-loading-color);
  color: var(--dsa-wc-button-primary-on-floating-menu-loading-font-color);
}

.button--on-floating-menu.button--primary.button--loading dsa-spinner {
  --dsa-wc-internal-spinner-on-floating-track-color: var(
    --dsa-wc-button-primary-on-floating-menu-loading-spinner-track-color
  );
  --dsa-wc-internal-spinner-on-floating-indicator-color: var(
    --dsa-wc-button-primary-on-floating-menu-loading-spinner-indicator-color
  );
}

.dsa-card-nav {
  display: inline-block;
  width: 100%;
}
.dsa-card-nav > *:last-child {
  --card-nav-item-border-width: 0px;
  --card-nav-accordion-border-color: transparent;
  --card-nav-accordion-border-color-hover: transparent;
  --card-nav-accordion-border-color-transition-delay: var(--dsa-wc-transition-medium);
}

.card-nav {
  border-radius: var(--dsa-radius-8);
  border: 1px solid var(--dsa-wc-card-nav-border-color);
  background-color: var(--dsa-wc-card-nav-background-color);
  overflow: hidden;
  color: var(--dsa-wc-card-nav-color);
  width: 100%;
  height: 100%;
}
.card-nav .card-nav__base {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  gap: 20px;
}
.card-nav .card-nav__base img.desktop-img {
  object-fit: cover;
  max-height: 180px;
}
@media screen and (max-width: 768px) {
  .card-nav .card-nav__base img.desktop-img {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .card-nav .card-nav__base img.desktop-img {
    display: block;
  }
}
.card-nav .card-nav__base img.mobile-img {
  object-fit: contain;
  object-position: left;
  height: 72px;
}
@media screen and (max-width: 768px) {
  .card-nav .card-nav__base img.mobile-img {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .card-nav .card-nav__base img.mobile-img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .card-nav .card-nav__base {
    flex-direction: column;
    gap: 0px;
  }
}
.card-nav .card-nav__base .card-nav_main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.card-nav .card-nav__base .card-nav_main .card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem 1rem;
  height: 100%;
  border: none;
  width: 100%;
}
.card-nav .card-nav__base .card-nav_main .card-content button {
  align-self: flex-end;
}
@media screen and (max-width: 768px) {
  .card-nav .card-nav__base .card-nav_main .card-content {
    padding-top: 0;
  }
}

.card-nav-item__body {
  margin-bottom: 32px;
}

.card-nav__media img {
  display: block;
  width: 100%;
}

/* Title block */
.card-nav__title-block {
  display: flex;
  align-items: center;
  gap: var(--dsa-spacing-12);
  padding: 1.25rem 1rem;
}
@media screen and (max-width: 768px) {
  .card-nav__title-block {
    padding-bottom: 0;
  }
}

.title-block-text {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-spacing-8);
}

.title-block-text .title {
  font: var(--dsa-font-large-bold);
}
@media screen and (max-width: 768px) {
  .title-block-text .title {
    font: var(--dsa-font-large-bold);
  }
}

.title-block-text .subtitle {
  font: var(--dsa-font-medium-bold);
  color: var(--dsa-wc-card-nav-subtitle-color);
}

.card-nav__title_icon > * {
  color: var(--dsa-wc-card-nav-icon-color);
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

/** Contrasted **/
.card-nav.card-nav--contrasted-borders {
  --dsa-wc-card-nav-border-color: var(--dsa-wc-card-border-color-contrasted);
}

.dsa-card {
  display: inline-block;
}

.card-old {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--dsa-wc-card-background);
  box-shadow: var(--dsa-wc-card-box-shadow);
  border: var(--dsa-wc-card-border);
  color: var(--dsa-wc-card-color);
  height: 100%;
}

.card-old.link {
  transition: var(--dsa-wc-transition-x-fast) background-color, var(--dsa-wc-transition-x-fast) border, var(--dsa-wc-transition-x-fast) box-shadow;
}

.card-old.link:active {
  background-color: var(--dsa-wc-card-link-background-active);
}

.card-old.link:focus-within {
  outline: var(--dsa-wc-focus-ring);
  outline-offset: var(--dsa-wc-focus-ring-offset);
}

.card-old.link a {
  text-decoration: none;
  color: inherit;
}

.card-old.link a::after {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  content: "";
}

.card-old.link a:hover::after {
  bottom: -3px;
}

.card-old.link a:focus {
  outline: none;
}

.card-old.link:hover {
  border-color: var(--dsa-wc-card-link-border-color-hover);
  box-shadow: var(--dsa-wc-card-link-box-shadow-hover);
  transform: translateY(-2px);
}

/* pseudo element to avoid blinking on hover due to card translation */
.card-old.link::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  transition: none;
}

.card-old.link:hover::before {
  transform: translateY(2px);
}

.card-old__image {
  display: flex;
  overflow: hidden;
}

.card-old__image img {
  display: block;
  width: 100%;
}

.card-old:not(.card-old--has-image) .card-old__image {
  display: none;
}

.card-old__header {
  font: var(--dsa-wc-card-title-font);
  display: block;
  padding: var(--dsa-wc-card-header-padding);
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .card-old__header {
    justify-content: start;
  }
}

.card-old:not(.card-old--has-header) .card-old__header {
  display: none;
}

.card-old__body {
  padding: var(--dsa-wc-card-body-padding);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font: var(--dsa-wc-card-body-font);
  display: block;
}

.card-old--has-footer .card-old__footer {
  display: flex;
  gap: 16px;
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
  border-top: var(--dsa-wc-card-border);
  padding: var(--dsa-wc-card-footer-padding);
}
@media screen and (max-width: 768px) {
  .card-old--has-footer .card-old__footer {
    align-self: flex-start;
  }
}

.card-old:not(.card-old--has-footer) .card-old__footer {
  display: none;
}

/** Contrasted **/
.card-old.card--contrasted-borders {
  border-color: var(--dsa-wc-card-border-color-contrasted);
}

.card-old.card--contrasted-borders.card-old--has-footer .card-old__footer {
  border-color: var(--dsa-wc-card-border-color-contrasted);
}

.dsa-card {
  display: inline-block;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--dsa-wc-card-background);
  box-shadow: var(--dsa-wc-card-box-shadow);
  border: var(--dsa-wc-card-border);
  color: var(--dsa-wc-card-color);
  height: 100%;
}

.card.link {
  transition: var(--dsa-wc-transition-x-fast) background-color, var(--dsa-wc-transition-x-fast) border, var(--dsa-wc-transition-x-fast) box-shadow, var(--dsa-wc-transition-x-fast) transform;
}

.card.link:active {
  background-color: var(--dsa-wc-card-link-background-active);
}

.card.link:focus-within {
  outline: var(--dsa-wc-focus-ring);
  outline-offset: var(--dsa-wc-focus-ring-offset);
}

.card.link a {
  text-decoration: none;
  color: inherit;
}

.card.link a::after {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  content: "";
}

.card.link a:hover::after {
  bottom: -3px;
}

.card.link a:focus {
  outline: none;
}

.card.link:hover {
  border-color: var(--dsa-wc-card-link-border-color-hover);
  box-shadow: var(--dsa-wc-card-link-box-shadow-hover);
  transform: translateY(-2px);
}

.card-img {
  background-repeat: no-repeat;
  background-size: 130px;
  background-position: right bottom;
}

/* pseudo element to avoid blinking on hover due to card translation */
.card.link::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  transition: none;
}

.card.link:hover::before {
  transform: translateY(2px);
}

.card__image {
  display: flex;
  overflow: hidden;
}

.card__image img {
  display: block;
  width: 100%;
}

.card:not(.card--has-image) .card__image {
  display: none;
}

.card__header {
  font: var(--dsa-wc-card-title-font);
  display: block;
  padding: var(--dsa-wc-card-header-padding);
  line-height: 2rem;
}
.card__header .text-intro {
  line-height: 2rem;
}

.card:not(.card--has-header) .card__header {
  display: none;
}

.card__body {
  padding: var(--dsa-wc-card-body-padding);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font: var(--dsa-wc-card-body-font);
  display: block;
}

.card--has-footer .card__footer {
  display: flex;
  gap: 16px;
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
  border-top: var(--dsa-wc-card-border);
  padding: var(--dsa-wc-card-footer-padding);
}
@media screen and (max-width: 768px) {
  .card--has-footer .card__footer {
    justify-content: flex-start;
  }
}

.card:not(.card--has-footer) .card__footer {
  display: none;
}

/** Contrasted **/
.card.card--contrasted-borders {
  border-color: var(--dsa-wc-card-border-color-contrasted);
}

.card.card--contrasted-borders.card--has-footer .card__footer {
  border-color: var(--dsa-wc-card-border-color-contrasted);
}

.dsa-card-content {
  display: inline-block;
  /* Resetting slotted elements styles */
}
.dsa-card-content > * {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Main card container */
.card-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--dsa-wc-card-background);
  border: var(--dsa-wc-card-border);
  border-radius: var(--dsa-radius-8);
  overflow: hidden;
  height: 100%;
}
.card-content .kpi-image {
  height: 72px;
  display: flex;
  justify-content: start;
  width: fit-content;
  margin-top: 32px;
  margin-left: 24px;
}

/* Layout variants */
.card-content--left-align {
  flex-direction: row;
}

.card-content--right-align {
  flex-direction: row-reverse;
}

/* Style variant */
.card-content--filled {
  background-color: var(--dsa-wc-card-content-filled-background-color);
}

/* Link styling */
.card-content--link {
  transition: var(--dsa-wc-transition-x-fast) background-color, var(--dsa-wc-transition-x-fast) border, var(--dsa-wc-transition-x-fast) box-shadow, var(--dsa-wc-transition-x-fast) transform;
  text-decoration: none;
  color: inherit;
}

.card-content--link:focus-within {
  outline: var(--dsa-wc-focus-ring);
  outline-offset: var(--dsa-wc-focus-ring-offset);
}

.card-content.card-content--link:hover, .card-content.card-content--link:focus-within {
  background-color: var(--dsa-wc-card-link-background-active);
  border-color: var(--dsa-wc-card-link-border-color-hover);
}

.card-content--link a {
  text-decoration: none;
}

.card-content--link a:focus {
  outline: none;
}

.card-content--link a::after {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  content: "";
}

/* Card media */
.card-content__media {
  display: flex;
}

/* Card body */
.card-content__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--dsa-wc-card-content-body-padding);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font: var(--dsa-wc-card-body-font);
}

.card-content--medium .card-content__body {
  padding: var(--dsa-wc-card-content-medium-body-padding);
}

.card-content--small .card-content__body {
  padding: var(--dsa-wc-card-content-small-body-padding);
}

.card-content__header {
  display: flex;
  flex-direction: column-reverse;
}

/* Tags */
.card-content__tags {
  display: flex;
  gap: var(--dsa-spacing-8);
  margin-bottom: var(--dsa-wc-card-content-tags-margin-bottom);
}

/* Title block */
.card-content__title_block {
  display: flex;
  gap: var(--dsa-spacing-12);
}
.card-content__title_block .kpi-value {
  color: var(--dsa-color-primitive-colors-identity-green-700);
  font: var(--dsa-font-2x-large-bold);
}

.card-content--medium .card-content__title_block, .card-content--small .card-content__title_block {
  gap: var(--dsa-spacing-8);
}

/* Title text block */
.card-content__title-block-text {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-wc-card-content-title-block-gap);
  justify-content: center;
}

/* Title */
.card-content__title, .card-content__title-icon {
  color: var(--dsa-wc-card-content-title-color);
}

.card-content__title-block-text .card-content__title {
  font: var(--dsa-wc-card-content-large-title-font);
}
@media screen and (max-width: 768px) {
  .card-content__title-block-text .card-content__title {
    font: var(--dsa-font-large-bold);
  }
}

.card-content--medium .card-content__title-block-text .card-content__title {
  font: var(--dsa-wc-card-content-medium-title-font);
}

.card-content--small .card-content__title-block-text .card-content__title {
  font: var(--dsa-wc-card-content-small-title-font);
}

/* Subtitle */
.card-content__title-block-text .card-content__subtitle {
  font: var(--dsa-wc-card-content-subtitle-font);
  color: var(--dsa-wc-card-content-subtitle-text-color);
}

.card-content--small .card-content__title-block-text .card-content__subtitle {
  font: var(--dsa-wc-card-content-small-subtitle-font);
}

/* Title icon */
.card-content__title-icon * {
  flex-shrink: 0;
  width: var(--dsa-wc-card-content-title-icon-size);
  height: var(--dsa-wc-card-content-title-icon-size);
}

.card-content--medium .card-content__title-icon * {
  width: var(--dsa-wc-card-content-medium-title-icon-size);
  height: var(--dsa-wc-card-content-medium-title-icon-size);
}

.card-content--small .card-content__title-icon * {
  width: var(--dsa-wc-card-content-small-title-icon-size);
  height: var(--dsa-wc-card-content-small-title-icon-size);
}

/* Main slotted content */
.card-content__content {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-spacing-32);
  margin-top: var(--dsa-wc-card-content-margin-top);
  color: var(--dsa-wc-card-content-content-color);
  font: var(--dsa-wc-card-content-content-font);
}

.card-content--small .card-content__content {
  font: var(--dsa-wc-card-content-small-content-font);
}

/* Footer */
.card-content__footer {
  display: flex;
  gap: var(--dsa-spacing-16);
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
  margin-top: auto;
  padding-top: var(--dsa-wc-card-content-footer-padding-top);
}

.card-content--link .card-content__footer {
  pointer-events: none;
}

/* Link card chevron icon */
.card-content__link-icon {
  width: var(--dsa-wc-card-content-link-large-icon-size);
  height: var(--dsa-wc-card-content-link-large-icon-size);
  padding: var(--dsa-wc-card-content-link-icon-padding);
  color: var(--dsa-wc-card-content-chevron-color);
}

.card-content--medium .card-content__link-icon {
  width: var(--dsa-wc-card-content-link-medium-icon-size);
  height: var(--dsa-wc-card-content-link-medium-icon-size);
}

.card-content--small .card-content__link-icon {
  width: var(--dsa-wc-card-content-link-small-icon-size);
  height: var(--dsa-wc-card-content-link-small-icon-size);
}

.card-content__link-bottom-icon-container {
  display: flex;
  margin-left: auto;
  margin-top: auto;
  padding-top: var(--dsa-wc-card-content-footer-padding-top);
}

.card-content__link-icon-container {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}

/** Contrasted **/
.card-content.card-content--contrasted-borders {
  border-color: var(--dsa-wc-card-border-color-contrasted);
}

.box-kpi {
  display: flex;
  padding: 20.5px 32px;
  border-radius: 5px;
  background: var(--dsa-color-primitive-colors-identity-green-700);
  color: #fff;
  min-height: 106px;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: start;
  width: 100%;
  gap: 4px;
}
.box-kpi.in-box-white-container {
  background-color: #fff;
  color: #000;
  padding: 15px;
  border: 1px solid #ddd;
  height: auto;
}
.box-kpi.analyse-des-contributions-financieres-cnsa {
  padding: 21px 18px;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: space-between;
  width: fit-content;
}
.box-kpi.analyse-des-contributions-financieres-cnsa-new {
  color: var(--dsa-color-primitive-colors-identity-green-700);
  border-radius: 8px;
  padding: 27px 32px;
  height: 100%;
}
.box-kpi.atlas-des-projets-finances-par-le-programme-esms-numerique {
  padding: 20px;
  background: var(--dsa-color-surface-contrasted);
  justify-content: space-between;
  min-height: auto;
}
.box-kpi.consolidation-des-depenses-cnsa {
  min-height: 150px;
  padding: 14px;
  align-items: flex-start;
  flex-shrink: 0;
  width: auto;
  justify-content: flex-end;
}
.box-kpi.observatoire-carto {
  padding: 21px 18px;
  align-items: flex-start;
  flex-shrink: 0;
  min-height: 150px;
  flex-direction: column;
}
.box-kpi.programmation-des-projets-d-habitats-inclusifs {
  background: #1d631d;
  border-radius: 8px;
  padding: 27px 32px;
  height: 100%;
}
.box-kpi.visualisations-umami {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.box-kpi dt, .box-kpi dd {
  margin: 0;
  padding: 0;
}
.box-kpi .section-title {
  font-weight: bold;
  text-wrap: nowrap;
}
.box-kpi.row-kpi {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.box-kpi .separator {
  font-style: italic;
  opacity: 0.8;
}

.box-kpi-grid {
  display: grid;
}

.box-kpi-split {
  flex-direction: row;
  align-items: center;
}
.box-kpi-split dl {
  display: flex;
  flex-direction: column-reverse;
}
.box-kpi-split i {
  font-size: 30px;
}

.graph-region.box-kpi {
  text-align: left;
  color: black;
}

.box-kpi.white-box {
  background: #ffffff;
  color: var(--dsa-color-text-on-layer-secondary);
  padding: 16px;
  border: 1px solid #D8DFDF;
  height: auto;
  justify-content: flex-end;
}
.box-kpi.white-box .title {
  color: var(--dsa-color-primitive-colors-identity-green-700);
}

.box-kpi.reverse-kpi {
  flex-direction: column;
  justify-content: space-between;
}
.box-kpi.reverse-kpi dl {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 10px;
  padding: 0;
}

div.box-kpi > dl {
  margin: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: inherit;
}

.dsa-filter-select .odswidget-select-button,
.dsa-filter-select .odswidget-select-input {
  min-height: var(--dsa-wc-form-input-height);
  background-color: var(--dsa-wc-filter-button-background-color);
  border: var(--dsa-wc-filter-button-border);
  color: var(--dsa-wc-input-on-base-text-field-input-color);
  font: var(--dsa-wc-select-input-font);
}

select.dsa-filter-select, .odswidget-select-button {
  min-height: var(--dsa-wc-form-input-height);
  background-color: var(--dsa-wc-filter-button-background-color);
  border: var(--dsa-wc-filter-button-border);
  font-family: var(--dsa-font-family-base, system-ui, -apple-system, sans-serif);
  font-size: var(--dsa-font-size-medium, 1rem);
  font-weight: var(--dsa-font-weight-normal, 400);
  line-height: var(--dsa-line-height-dense, 1.4);
  color: var(--dsa-color-text-default, #1e293b);
  padding: var(--dsa-spacing-8, 0.5rem) var(--dsa-spacing-12, 0.75rem);
  min-width: 200px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  border-radius: var(--dsa-border-radius-medium, 4px);
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

select.dsa-filter-select:hover {
  background-color: var(--dsa-wc-filter-button-hover-background-color) !important;
  border: var(--dsa-wc-filter-button-border-active);
}

select.dsa-filter-select:focus {
  outline: none;
  border-color: var(--dsa-color-primary, #3b82f6);
  box-shadow: 0 0 0 3px var(--dsa-color-primary-alpha-10, rgba(59, 130, 246, 0.1));
}

.dsa-filter-select.odswidget-select-dropdown {
  font-family: var(--dsa-font-family-base, system-ui, -apple-system, sans-serif);
  font-size: var(--dsa-font-size-medium, 1rem);
  font-weight: var(--dsa-font-weight-normal, 400);
  line-height: var(--dsa-line-height-dense, 1.4);
  color: var(--dsa-color-text-default, #1e293b);
  background-color: var(--dsa-color-background-default, #ffffff);
  border: 1px solid var(--dsa-color-border-default, #cbd5e1);
  border-radius: var(--dsa-border-radius-medium, 4px);
  padding: var(--dsa-spacing-8, 0.5rem) var(--dsa-spacing-12, 0.75rem);
  min-width: 200px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* État focus */
.dsa-filter-select .odswidget-select-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--dsa-color-background-disabled, #f1f5f9);
}

.odswidget-select-dropdown i.fa {
  display: none;
}

.dsa-filter-select .odswidget-select-input:hover,
.dsa-filter-select .odswidget-select-button:hover {
  background-color: var(--dsa-wc-filter-button-hover-background-color) !important;
  border: var(--dsa-wc-filter-button-border-active);
}

.dsa-filter-select[multiple] {
  min-height: 150px;
  padding: var(--dsa-spacing-4, 0.25rem);
}

.dsa-filter-select[multiple] option {
  padding: var(--dsa-spacing-8, 0.5rem);
  border-radius: var(--dsa-border-radius-small, 2px);
}

.dsa-filter-select[multiple] option:checked {
  background-color: var(--dsa-color-primary-alpha-20, rgba(59, 130, 246, 0.2));
  color: var(--dsa-color-primary-dark, #1e40af);
}

/* Label associé */
.filter-select__label {
  display: block;
  font-size: var(--dsa-font-size-small, 0.875rem);
  font-weight: var(--dsa-font-weight-semibold, 600);
  color: var(--dsa-color-text-label, #475569);
  margin-bottom: var(--dsa-spacing-4, 0.25rem);
}

.dsa-filter-select .odswidget-select-dropdown-menu-list {
  margin: 0px;
}

/* Options dans le select */
.dsa-filter-select .odswidget-select-dropdown-menu-item {
  padding: var(--dsa-spacing-4, 0.25rem) var(--dsa-spacing-8, 0.5rem);
  padding-left: 30px;
  border: 1px solid transparent;
  margin-top: 0px;
}

.dsa-filter-select .odswidget-select-dropdown-menu-item:disabled {
  color: var(--dsa-color-text-disabled, #94a3b8);
  font-style: italic;
}

.dsa-filter-select .odswidget-select-dropdown-menu-item:not(.odswidget-select-dropdown-menu-selected):hover {
  background-color: var(--dsa-wc-option-hover-color);
  border: 1px solid var(--dsa-wc-option-hover-border-color);
}

.dsa-filter-select .odswidget-select-button-dropdown-close {
  height: 35px;
}

.dsa-filter-select .odswidget-select-dropdown-menu-selected {
  background-color: var(--dsa-wc-option-active-hover-background-color);
  opacity: 1;
}
.dsa-filter-select .odswidget-select-dropdown-menu-selected .odswidget-select-dropdown-label, .dsa-filter-select .odswidget-select-dropdown-menu-selected .odswidget-select-dropdown-item-close-icon {
  color: #FFF;
}

.dsa-input {
  display: block;
}

.input-search {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  font: var(--dsa-wc-input-text-field-font);
  transition: var(--dsa-wc-transition-fast) color, var(--dsa-wc-transition-fast) border, var(--dsa-wc-transition-fast) box-shadow, var(--dsa-wc-transition-fast) background-color;
  border-radius: var(--dsa-wc-input-border-radius);
}

.input--focused:not(.input--disabled) {
  outline: var(--dsa-wc-focus-ring);
  outline-offset: var(--dsa-wc-focus-ring-offset);
}

.input--disabled .input__control,
.input--disabled .input__control::placeholder {
  color: var(--dsa-wc-input-label-color-disabled);
}

/* On Layer inputs */
.input--on-layer {
  background-color: var(--dsa-wc-input-on-layer-background-color);
  border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-layer-border-color);
}

.input--on-layer:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-layer-border-color-hover);
}

.input--on-layer.input--focused:not(.input--disabled):not(.input--readonly) .input__control {
  color: var(--dsa-wc-input-on-layer-text-field-input-color);
}

.input--on-layer.input--disabled {
  background-color: var(--dsa-wc-input-on-layer-background-color-disabled);
  border-color: var(--dsa-wc-input-on-layer-border-color-disabled);
  cursor: not-allowed;
}

.input--on-layer.input--readonly {
  background-color: var(--dsa-wc-input-on-layer-read-only-background-color);
  border-color: var(--dsa-wc-input-on-layer-read-only-border-color);
}

.input--on-layer.input--disabled .input__control {
  color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
}

.input--error.input--on-layer:not(.input--disabled):not(.input--readonly) {
  background-color: var(--dsa-wc-input-on-layer-background-color-error);
  border-color: var(--dsa-wc-input-on-layer-border-color-error);
}

.input--error.input--on-layer:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
}

.input--success.input--on-layer {
  background-color: var(--dsa-wc-input-success-background-color);
  border-color: var(--dsa-wc-input-success-border-color);
}

.input--on-layer:not(.input--disabled) .input__control::placeholder {
  color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
  user-select: none;
}

/* On Base inputs */
.input--on-base {
  border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-base-border-color);
  background-color: var(--dsa-wc-input-on-base-background-color);
  color: var(--dsa-wc-input-on-base-text-field-input-color);
}

.input--on-base:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-base-border-color-hover);
}

.input--on-base.input--disabled {
  border-color: var(--dsa-wc-input-on-base-border-color-disabled);
  background-color: var(--dsa-wc-input-on-base-background-color-disabled);
  cursor: not-allowed;
}

.input--on-base.input--readonly {
  background-color: var(--dsa-wc-input-on-base-read-only-background-color);
  border-color: var(--dsa-wc-input-on-base-read-only-border-color);
}

.input--error.input--on-base:not(.input--disabled):not(.input--readonly) {
  background-color: var(--dsa-wc-input-on-base-background-color-error);
  border-color: var(--dsa-wc-input-on-base-border-color-error);
}

.input--error.input--on-base:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
}

.input--success.input--on-base {
  background-color: var(--dsa-wc-input-success-background-color);
  border-color: var(--dsa-wc-input-success-border-color);
}

.input--on-base:not(.input--disabled) .input__control::placeholder {
  color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
  user-select: none;
}

/* On Floating Menu inputs */
.input--on-floating-menu {
  border: solid var(--dsa-wc-input-border-width) var(--dsa-wc-input-on-floating-border-color);
  background-color: var(--dsa-wc-input-on-floating-background-color);
}

.input--on-floating-menu:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-floating-border-color-hover);
}

.input--on-floating-menu.input--disabled {
  border-color: var(--dsa-wc-input-on-floating-border-color-disabled);
  background-color: var(--dsa-wc-input-on-floating-background-color-disabled);
  cursor: not-allowed;
}

.input--on-floating-menu.input--readonly {
  background-color: var(--dsa-wc-input-on-floating-read-only-background-color);
  border-color: var(--dsa-wc-input-on-floating-read-only-border-color);
}

.input--error.input--on-floating-menu:not(.input--disabled):not(.input--readonly) {
  background-color: var(--dsa-wc-input-on-floating-background-color-error);
  border-color: var(--dsa-wc-input-on-floating-border-color-error);
}

.input--error.input--on-floating-menu:hover:not(.input--disabled):not(.input--readonly) {
  border-color: var(--dsa-wc-input-on-floating-border-color-error-hover);
}

.input--success.input--on-floating-menu {
  background-color: var(--dsa-wc-input-success-background-color);
  border-color: var(--dsa-wc-input-success-border-color);
}

/* Input Control */
.input__control {
  display: inline-flex;
  flex-direction: row;
  flex: 1 1 auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  min-width: 0;
  height: 100%;
  border: none;
  border-radius: inherit;
  background: none;
  box-shadow: none;
  padding: var(--dsa-wc-input-padding);
  margin: 0;
  cursor: inherit;
  -webkit-appearance: none;
}

.input__control::placeholder {
  opacity: 1;
}

.input__control::-webkit-search-decoration,
.input__control::-webkit-search-cancel-button,
.input__control::-webkit-search-results-button,
.input__control::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

.input__control:autofill,
.input__control:-webkit-autofill,
.input__control:autofill:hover,
.input__control:-webkit-autofill:hover,
.input__control:autofill:focus,
.input__control:-webkit-autofill:focus,
.input__control:autofill:active,
.input__control:-webkit-autofill:active {
  box-shadow: 0 0 0 var(--dsa-wc-form-input-height-large) var(--dsa-wc-form-input-autocomplete-background) inset !important;
  -webkit-text-fill-color: var(--dsa-wc-input-on-base-text-field-input-color);
  caret-color: var(--dsa-wc-input-on-base-text-field-input-color);
}

.input:hover:not(.input--disabled):not(.input--readonly) .input__control {
  color: var(--dsa-wc-input-on-base-text-field-input-color);
}

.input__control:focus {
  outline: none;
}

/*
 * Size modifiers
 */
.input--small {
  font: var(--dsa-wc-input-text-field-font-small);
  height: var(--dsa-wc-form-input-height-small);
}

.input__suffix {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: var(--dsa-spacing-4);
}

.input-search > .input__action-button {
  --padding: var(--dsa-spacing-4);
}

.input-search > .input__action-button + .input__action-button {
  margin-right: var(--dsa-wc-input-action-buttons-spacing);
}

.input-search > .input__action-button:last-of-type,
.input-search > .input__suffix:last-child {
  margin-right: var(--dsa-wc-input-padding-x);
}

.input-search > .input__control + .input__action-button,
.input-search > .input__control + .input__suffix {
  margin-left: auto;
  z-index: 1;
}

.form-control--has-prefix-icon .input__control {
  padding-left: calc(1rem + var(--dsa-wc-input-padding-x) + var(--dsa-wc-input-spacing-left));
}

.input--small .input__control {
  height: calc(var(--dsa-wc-form-input-height-small) - var(--dsa-wc-input-border-width) * 2);
}

.input--medium {
  height: var(--dsa-wc-form-input-height);
}

.input--medium .input__control {
  height: calc(var(--dsa-wc-form-input-height) - var(--dsa-wc-input-border-width) * 2);
}

.input--large {
  font: var(--dsa-wc-input-text-field-font-large);
  height: var(--dsa-wc-form-input-height-large);
}

.input--large .input__control {
  height: calc(var(--dsa-wc-form-input-height-large) - var(--dsa-wc-input-border-width) * 2);
}

.input__action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dsa-wc-input-icon-color);
  border: none;
  background: none;
  padding: 0;
  transition: var(--dsa-wc-transition-fast) color;
  cursor: pointer;
}

.input__action-button:hover {
  color: var(--dsa-wc-input-icon-color-hover);
  fill: var(--dsa-wc-input-icon-color-hover);
}

/*
* Custom styling for Time type
*/
input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
}

.input__prefix,
.input__suffix {
  color: var(--dsa-wc-input-icon-color);
  pointer-events: none;
}

.input__prefix,
.input__prefix * {
  position: absolute;
  left: var(--dsa-wc-input-padding-x);
  z-index: 1;
}

/* Don't show the browser's password toggle in Edge */
::-ms-reveal {
  display: none;
}

/* Pagination page number input */
.dsa-input.pagination__input input {
  padding-inline: var(--dsa-spacing-4);
  text-align: center;
}

/* Hide the browser's up and down arrow in input number for the pagination on mobile */
.dsa-input.pagination__input input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dsa-input.pagination__input input[type=number] {
  -moz-appearance: textfield;
}

/***** HEADER *****/
.fr-header {
  background: #FFF;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px solid blue !important;
}

.ods-responsive-menu-placeholder__toggle, .ods-responsive-menu-collapsible__toggle-button {
  display: none !important;
}

.ods-responsive-menu-placeholder__toggle-new, .ods-responsive-menu-collapsible__toggle-button-new {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .ods-responsive-menu-placeholder__toggle-new, .ods-responsive-menu-collapsible__toggle-button-new {
    display: block !important;
  }
}

.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__toggle-button,
.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item-link:hover {
  color: var(--darkgreen) !important;
}

.ods-responsive-menu-placeholder__toggle:focus {
  outline-width: unset !important;
  outline: -webkit-focus-ring-color auto 1px;
}

header ul {
  list-style-type: none !important;
}

ul.tab-group {
  list-style-type: none !important;
}

ul[role=toolbar] {
  list-style-type: none !important;
}

.fr-nav {
  background: #FFF;
}

.main--catalog {
  margin-top: 20px;
}

/*Header */
.site-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.header-main__container {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.header-main__container [slot~=site-name] {
  font: 300 24.64px/0 "Houschka", sans-serif;
  color: #000;
}

.DMiwiAGsRM1iRNtAExCB {
  color: #000000 !important;
  font-size: 1rem;
  line-height: 1.3;
}

.dropdown-menu {
  display: none;
  position: absolute;
  min-width: 180px;
  z-index: 1;
  font-size: 17px;
  border-radius: 7px;
  padding: 5px;
  background: var(--dsa-wc-menu-background-color);
  border: var(--dsa-wc-menu-border);
  border-radius: var(--dsa-wc-menu-border-radius);
  padding: var(--dsa-wc-menu-padding);
  overflow: auto;
  z-index: 750 !important;
}

.dropdown-menu li a {
  font: var(--dsa-wc-navbar-font);
  color: var(--dsa-wc-button-navigation-on-base-font-color);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.ods-front-header__menu-item-link::before {
  content: "";
  background-size: cover;
  width: 14px;
  height: 14px;
  display: inline-flex;
  transform: translateY(2px);
}

.ods-front-header__menu-item-link.arrow::after {
  content: "";
  background-size: cover;
  width: 16px;
  height: 16px;
  display: inline-flex;
  transform: translateY(2px);
  background-image: url(https://cnsa.opendatasoft.com/assets/theme_image/Caret.svg);
  transition: all 0.2s;
}

.ods-front-header__menu-item-link.arrow.show-dropdown::after {
  transform: rotate(180deg);
}

.dropdown-menu li:hover {
  background: rgb(246, 241, 252);
}

.ods-front-header__menu-item .dropdown-menu.show-dropdown {
  display: block;
}

/**** HEADER ****/
/**** HEADER - DESKTOP SPECIFIC (width >= breakpoint) 1000 by default *****/
.ods-front-header:not(.ods-responsive-menu--collapsed) {
  height: 200px;
  margin: 0;
  padding: 0;
}

.ods-header-title-highlight {
  color: #540abd;
}

.portal-header-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: left;
  align-items: center;
  gap: 20px;
}

.portal-header-logo-container a {
  box-shadow: none;
  text-decoration: none;
}

.portal-header-logo-container a:hover {
  text-decoration: none;
}

.nav-header {
  width: 100%;
  display: flex;
  padding: 0px 100px;
  align-items: center;
  justify-content: center;
}

.ods-front-header__logo {
  display: inline-block;
  width: auto;
  /* Logo width */
  height: 60px;
  /* Logo height */
}

.border-bottom:not(.ods-responsive-menu--collapsed) {
  border-bottom: 1px solid #D8DFDF;
}

.management-menu {
  position: absolute;
  top: 0;
  right: 20%;
  line-height: 59px;
  font-size: 0.833rem;
}

.ods-front-header__menu-item-link--active {
  font: var(--dsa-wc-navbar-button-font-active);
  color: var(--dsa-wc-navbar-button-color-active);
  border-bottom: var(--dsa-wc-navbar-button-border-bottom-active);
}

.ods-front-header__menu {
  margin: 0;
  display: inline-flex;
  justify-content: space-evenly;
}

.ods-front-header__management-menu-item {
  border-right: 2px solid #e7e7e7;
  padding: 0px 20px 2px 20px;
  margin: 0;
  background-color: #fff;
  border-radius: 0px;
}

.ods-front-header__management-menu-item:last-child {
  border-right: none;
}

.ods-front-header__management-menu-item-link {
  color: #353635;
  padding: 3.5px 10.5px;
}

.ods-front-header__management-menu-item-link:not(.ods-responsive-menu--collapsed):hover {
  background: rgba(0, 0, 0, 0.04);
  border-bottom: none;
  border-radius: 14px;
}

.ods-front-header__menu-item-link {
  margin: 0;
  text-wrap: nowrap;
  font: var(--dsa-wc-navbar-font);
  display: inline-block;
  line-height: 48px;
  color: var(--dsa-color-text-on-layer-primary);
  height: 48px;
  opacity: 1;
  padding: 0 30px;
  width: 100%;
  text-align: center;
}

.ods-front-header__menu-item-link:hover {
  color: var(--dsa-wc-button-navigation-on-base-font-color);
  background-color: var(--dsa-wc-navbar-button-background-hover);
}

.active-dropdown {
  font: var(--dsa-wc-navbar-button-font-active);
  color: var(--dsa-wc-navbar-button-color-active);
  border-bottom: var(--dsa-wc-navbar-button-border-bottom-active);
}

.active-dropdown:hover {
  color: var(--dsa-wc-navbar-button-color-active);
  font: var(--dsa-wc-navbar-button-font-active);
}

/*** HEADER - DESKTOP SPECIFIC - END ***/
/****** HEADER - MOBILE SPECIFIC *******/
.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder__container {
  height: 120px;
  text-align: left;
  padding: 10px 20px;
}

.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder .ods-front-header__portal-brand {
  display: flex;
  height: 40px;
  top: 10px;
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  width: 95%;
}

.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder__toggle {
  color: #1e1e1e;
  opacity: 1;
  background-color: #fff;
}

.ods-responsive-menu--collapsed .fr-header__service-title {
  border-top: 1px solid #f5eded;
  width: 100%;
  margin-top: 15px;
  padding-top: 10px;
}

.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__container {
  display: block;
}

.ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {
  background-color: #fff;
}

.ods-responsive-menu-collapsible--collapsed.fr-header__service {
  box-shadow: none;
}

/****** HEADER - MOBILE SPECIFIC, Hamburger menu EXPANDED/OPENED *******/
.ods-responsive-menu-collapsible--expanded .portal-header-logo-container {
  display: none;
}

.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__content {
  display: flex;
  flex-direction: column-reverse;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__menu {
  width: 100%;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item {
  border-bottom: 1px solid #f5eded;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item-link {
  font: var(--dsa-wc-navbar-font);
  color: var(--dsa-wc-button-navigation-on-base-font-color);
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item-link:hover {
  color: #540abd;
  border-bottom: 0px transparent;
}

.ods-front-header__menu-item {
  width: 100%;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu {
  padding: 0;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item {
  padding: 15px 0px;
  border-right: none;
  border-bottom: 1px solid #f5eded;
  margin: 0;
  font-size: 1rem;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link {
  color: #6a6a6a;
  font-size: 1rem;
  padding: 0px 10px;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link:hover {
  color: #540abd;
  background-image: none;
  text-decoration: none;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link i {
  font-size: 1rem;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link:not(.ods-front-header__management-menu-item-link--backoffice) {
  border-bottom: none;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__account-avatar-container {
  width: 18px;
  height: 18px;
}

.ods-responsive-menu-collapsible--expanded .ods-front-header__account-avatar {
  height: 18px;
  width: 18px;
}

.ods-responsive-menu-collapsible--expanded button.ods-responsive-menu-collapsible__toggle-button:before {
  content: "Fermer";
  color: #540abd;
  font-size: 1rem;
}

.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__toggle {
  margin-bottom: 0;
}

.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__toggle-button {
  color: #540abd;
}

.ods-responsive-menu-collapsible--expanded .fix-mobile {
  padding-left: 0rem;
  padding-right: 0rem;
}

/*** HEADER - MOBILE SPECIFIC, Hamburger menu EXPANDED/OPENED - END ****/
@media screen and (max-width: 1024px) {
  .ods-front-header__menu-item:first-child {
    padding-left: unset;
  }
}
@media screen and (max-width: 991px) {
  .ods-responsive-menu-collapsible__container {
    display: none;
  }
}
.button-back {
  display: none;
}

.ods-responsive-menu-collapsible--expanded .button-back {
  font: var(--dsa-wc-navbar-button-font-active) !important;
  margin: 5px 0px;
  border-bottom: none !important;
  display: flex;
}

.ods-responsive-menu-collapsible--expanded .button-back .material-icons {
  padding-right: 21%;
}

/***** Footer *****/
.footer-logos svg {
  width: 118px;
}

.footer-sitemap--has-label .label {
  margin: 0px 0px 20px;
  font: var(--dsa-wc-footer-sitemap-label-font);
  color: var(--dsa-wc-footer-sitemap-label-color);
}

[part=footer-bottom-container] {
  width: 100%;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--dsa-color-surface-layer);
  width: 100%;
  max-width: 100%;
  margin: auto;
}

.footer--has-top-section {
  width: 1440px;
  max-width: 100%;
}

.footer--desktop .footer-top {
  grid-template-columns: repeat(5, 1fr);
}

.footer-sitemap > p {
  text-align: left;
}

.footer-top {
  display: grid;
  gap: 40px;
  padding: 40px 25px;
}

#footer [role=list] {
  text-align: left;
  font: var(--dsa-wc-footer-sitemap-list-font);
  display: flex;
  list-style-type: none;
  align-self: stretch;
  gap: 8px;
  margin: 0px;
  padding: 0px;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: left;
}

.ods-front-footer {
  background-color: #fff;
  border-top: none;
}

.footer-logo {
  height: 70px;
}

/**** End of FOOTER ****/
@media screen and (max-width: 991px) {
  .tableau {
    overflow-x: scroll;
  }
  .ods-front-header__menu-item-link a {
    font-size: 12px;
  }
  .footer-top {
    display: flex;
  }
  .fr-nav {
    background-color: #fff !important;
  }
  .ods-responsive-menu-placeholder__toggle {
    background-color: #fff !important;
  }
  .dsa-grid-container > * {
    grid-column: span 12 !important;
  }
  .ods-front-header__menu {
    flex-direction: column;
  }
  .ods-responsive-menu--collapsed .ods-responsive-menu-placeholder__container {
    height: unset;
  }
  .button-mobile {
    display: block;
  }
  .ods-front-header__menu-item-link::before {
    content: unset;
  }
  .border-bottom {
    border: none;
  }
  .header-main__container {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-top {
    flex-wrap: wrap !important;
  }
  [part=footer-bottom-container] {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 500px) {
  #footer .footer-top {
    flex-direction: column;
  }
  #svg-vectormarker-marker {
    scale: 0.8;
  }
  .leaflet-vectormarker-iconoverlay {
    scale: 0.8;
    margin-top: 10px;
  }
}
/***** CATALOG *****/
.ods-catalog-card__keyword:hover {
  color: #ffffff;
}

.ods-catalog-sort__selector__opt--selected,
.ods-catalog-sort__selector__opt--selected button {
  background-color: var(--dsa-color-primitive-colors-identity-green-300);
}

.ods-catalog-sort__selector__opt--selected button:hover,
.ods-catalog-sort__selector__opt--selected:hover {
  background-color: var(--dsa-color-primitive-colors-identity-green-300);
}

.ods-catalog-sort__selector__opt:hover:not(.ods-catalog-sort__selector__opt--selected),
.ods-catalog-sort__selector__opt:hover:not(.ods-catalog-sort__selector__opt--selected) button {
  background-color: var(--dsa-color-primitive-colors-identity-green-300);
}

.ods-catalog-card__keyword {
  color: #000;
  background-color: var(--dsa-color-primitive-colors-identity-green-300);
}

.ods-catalog-card__keyword--active {
  background-color: var(--dsa-wc-button-primary-on-base-color);
  color: #fff;
}

.ods-button ods-catalog-sort__selector__more-button:focus,
.rods-advanced-select-input__option:hover,
.rods-advanced-select-input__option:focus,
.rods-advanced-select-input__option:focus-within,
.rods-advanced-select-input__option:active,
.rods-advanced-select-input__option--is-focused,
.rods-form-renderer__container *:not(.rods-check-input):focus,
.ods-catalog-sort__selector__opt.ods-catalog-sort__selector__opt--select:focus,
.ods-button ods-catalog-sort__selector__more-button:focus {
  outline: #000 auto 1px !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

.odswidget-facet__category--refined,
.odswidget-facet__category:hover {
  color: var(--darkgreen) !important;
}

/* Input */
input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox],
input[type=radio],
input[type=range] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  margin-left: 1rem;
  margin-right: -1px;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-size: 1.25rem 1.25rem;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
}

input[type=range]:focus::-moz-range-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
}

input[type=range]:focus::-ms-thumb {
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: #0a76f6;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline-style: solid;
}

input[type=range]:focus::-moz-range-thumb {
  outline-style: solid;
}

input[type=range]:focus::-ms-thumb {
  outline-style: solid;
}

.input--medium .input__control {
  height: calc(var(--dsa-wc-form-input-height) - var(--dsa-wc-input-border-width) * 2);
}

.input__form-control-input {
  width: 100%;
}

.input__control {
  background: #fff;
  display: inline-flex;
  flex-direction: row;
  flex: 1 1 auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  min-width: 0px;
  height: 100%;
  border: none;
  border-radius: inherit;
  box-shadow: none;
  padding: var(--dsa-wc-input-padding);
  margin: 0px;
  cursor: inherit;
  appearance: none;
  width: 450px;
  max-width: 100%;
  position: relative;
  border-radius: 4px 0px 0px 4px;
  width: fit-content;
  border: 1px solid transparent;
  border-color: var(--dsa-color-primitive-colors-identity-purple-500);
}

/***** TABLE ****/
.tableau {
  width: 100%;
  height: auto;
  border-collapse: collapse;
  overflow: auto;
}

.tableau caption,
table caption {
  display: none;
}

/* ligne impaire */
.tableau tr:nth-child(odd) {
  background-color: rgb(244, 244, 244);
}

/* linge paire */
.tableau tr:nth-child(even) {
  background-color: rgb(255, 255, 255);
}

.tableau tr:hover {
  background-color: rgb(224, 224, 224);
}

.tableau .tete-tableau th {
  height: 1.4em;
  padding: 5px 10px;
  max-width: 200px;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-weight: bold;
  background-color: #e8e8e8;
  position: sticky;
  top: 0;
  z-index: 1;
}

.tableau .numero-ligne {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1em;
  font-weight: 400;
  padding: 2px 10px;
}

/* case */
.tableau td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  padding: 2px 10px;
}

/*onglets simple-tabs version dse*/
.ods-simple-tabs-nav-link {
  background-color: var(--background-action-low-blue-france);
  box-shadow: none;
  color: #161616;
  font-weight: 700;
  margin: 0 0.25rem;
}

.ods-simple-tabs-nav-link:hover {
  background-color: var(--background-action-low-blue-france-hover) !important;
  border-bottom-color: transparent;
}

.ods-simple-tabs-nav-link.ods-simple-tabs-nav-link-active {
  border-top: 2px solid var(--blue-france-sun-113-625);
  background: #fff;
  border-left: 1px solid var(--border-default-grey);
  border-right: 1px solid var(--border-default-grey);
  color: var(--blue-france-sun-113-625);
  border-bottom: none;
}

.tab-content {
  padding: 20px;
}

.ods-simple-tabs-content {
  padding: 10px;
  border: 1px solid var(--border-default-grey);
  background-color: #fff;
  margin-top: -1px;
}

/***** GROUPE d'onglets ******/
ul.tab-group {
  border-bottom: 1px solid var(--dsa-color-border-default);
  padding: 0;
}

.mobile-slides {
  padding: 0 !important;
  margin: 0 !important;
}

/* Onglet */
.tab {
  display: inline-flex;
  border-bottom: 1px solid transparent;
  align-items: center;
  font: var(--dsa-wc-tab-font);
  border-radius: var(--dsa-wc-tab-border-radius);
  color: var(--dsa-wc-tab-color);
  padding: var(--dsa-wc-tab-padding);
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}

.tab.tab--active:not(.tab--disabled) {
  color: var(--dsa-wc-tab-color-active-tab);
  border-bottom-color: var(--dsa-wc-tab-color-active-tab);
  border-bottom: 2px solid;
  font: var(--dsa-wc-tab-font-active-tab);
}

.tab__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/**** TABS MOBILE SPEC *****/
.nav-button:disabled {
  opacity: 0.5;
}

/*Bubble */
.dsa-container__bubble {
  position: absolute;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 10px;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
}

.bubble {
  display: inline-flex;
  border-radius: 100px;
  width: 12px;
  height: 12px;
  background-color: var(--dsa-color-primitive-colors-neutral-700);
}

.bubble.active {
  width: 18px;
  height: 18px;
  background-color: #366100;
}

/* pop-in */
dialog {
  width: 100%;
}

:root {
  --underline-max-width: 100%;
  --underline-hover-width: 0;
  --underline-idle-width: var(--underline-max-width);
  --underline-x: calc(var(--underline-max-width) * 0);
  --underline-thickness: 0.0625em;
  --underline-img: linear-gradient(0deg, currentColor, currentColor);
  --external-link-content: "";
  --text-decoration: none;
}

[target=_blank]::after {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

form[target=_blank]::after {
  content: none;
}

input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Marianne", arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  margin: 0;
}

@media (hover: hover) and (pointer: fine) {
  :root {
    --brighten: -1;
  }
  a[href]:active,
  button:not(:disabled):active,
  input[type=button]:not(:disabled):active,
  input[type=image]:not(:disabled):active,
  input[type=reset]:not(:disabled):active,
  input[type=submit]:not(:disabled):active {
    background-color: var(--active-tint);
  }
}
button,
input[type=button],
input[type=image],
input[type=reset],
input[type=submit] {
  --hover-tint: var(--hover);
  --active-tint: var(--active);
}

a {
  --hover-tint: var(--idle);
  --active-tint: var(--active);
}

a,
button,
input[type=checkbox],
input[type=checkbox] + label,
input[type=radio],
input[type=radio] + label,
input[type=file],
input[type=range],
input[type=button],
input[type=image],
input[type=reset],
input[type=submit],
select,
video[controls],
audio[controls],
details,
details > summary:first-of-type {
  cursor: pointer;
}

input[type=range]:disabled::-webkit-slider-thumb,
input[type=range]:disabled::-webkit-slider-thumb:active {
  cursor: not-allowed;
}

input[type=range]:disabled::-moz-range-thumb,
input[type=range]:disabled::-moz-range-thumb:active {
  cursor: not-allowed;
}

input[type=range]:disabled::-ms-thumb,
input[type=range]:disabled::-ms-thumb:active {
  cursor: not-allowed;
}

a:not([href]),
button:disabled,
input:disabled,
input[type=checkbox]:disabled,
input[type=checkbox]:disabled + label,
input[type=radio]:disabled,
input[type=radio]:disabled + label,
input[type=file]:disabled,
input[type=range]:disabled,
input[type=button]:disabled,
input[type=image]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled,
select:disabled,
textarea:disabled,
video:not([href])[controls],
audio:not([href])[controls] {
  cursor: not-allowed;
}

input[type=range]::-webkit-slider-thumb {
  cursor: grab;
}

input[type=range]::-moz-range-thumb {
  cursor: grab;
}

input[type=range]::-ms-thumb {
  cursor: grab;
}

input[type=range]::-webkit-slider-thumb:active {
  cursor: grabbing;
}

input[type=range]::-moz-range-thumb:active {
  cursor: grabbing;
}

input[type=range]::-ms-thumb:active {
  cursor: grabbing;
}

/**
* Override de l'opacité chrome sur un élément disabled
*/
a:not([href]),
button:disabled,
input:disabled,
input[type=checkbox]:disabled,
input[type=checkbox]:disabled + label,
input[type=radio]:disabled,
input[type=radio]:disabled + label,
textarea:disabled,
video:not([href]),
audio:not([href]) {
  opacity: 1;
}

:root {
  --ul-type: disc;
  --ol-type: decimal;
  --ul-start: 1rem;
  --ol-start: 1.5rem;
  --xl-block: 0.5rem;
  --li-bottom: 0.25rem;
  --xl-base: 1em;
  --ol-content: counters(li-counter, ".") ".  ";
}

/**** FORM ****/
.rods-form-control {
  border-color: var(--darkgreen) !important;
}

.rods-form-control::placeholder {
  color: var(--mediumgrey) !important;
}

.ods-simple-tabs-container ul > li:before,
.ods-simple-tabs-container a:after,
.odswidget-select ul > li:before,
.odswidget-select a:after,
.odswidget-pagination ul > li:before,
.odswidget-pagination a:after,
.ods-filters ul > li:before,
.ods-filters a:after,
.ods-api-console ul > li:before,
.ods-api-console a:after,
.ods-front-header ul > li:before,
.ods-front-header a:after,
.odswidget ul > li:before,
.odswidget a:after,
.ods-front-footer ul > li:before,
.ods-front-footer a:after {
  display: none;
}

.ods-simple-tabs-nav-link {
  box-shadow: none;
}

/**
* FIX 
*/
.odswidget-facet__category-container ol,
ol > li,
ul,
ul > li {
  padding-bottom: var(--is-list) 0rem;
}

/*conflits avec les barres de recherches et inputs sur le portail*/
input,
select {
  background-color: #fff;
  appearance: auto;
  border: 1px solid #ccc;
}

/** FIX hover mot cles cartes catalogue **/
.ods-catalog-card__keyword:hover {
  background-color: #540abd;
}

/***** FIX BOUTONS MODIFIER DATASET *****/
.ods-dataset-visualization__edit-dataset-link {
  border-radius: 0px !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  flex-direction: row-reverse;
  display: flex;
  align-items: center;
  gap: 5px;
}

/***** FIX HOVER BOUTONS *****/
.ods-dataset-visualization__edit-dataset-link:hover {
  opacity: 0.6;
  background-color: #540abd !important;
}

.ods-button.ods-mapbuilder__add-first-dataset-button:hover,
.ods-page-legacy .btn.ods-mapbuilder__add-first-dataset-button:hover,
.ods-button--primary:hover {
  opacity: 0.6;
  background-color: #21282b !important;
}

/***** FIX HREF et a *****/
[href].ods-catalog-card__keyword,
[href].ods-tabs__tab.ods-tabs__tab--horizontal,
.ods-catalog-card__visualization[href],
.ods-dataset-visualization__edit-dataset-link[href],
.ods-button.ods-mapbuilder__add-first-dataset-button[href],
.ods-page-legacy .btn.ods-mapbuilder__add-first-dataset-button[href],
.ods-button--primary[href],
.ods-catalog-card__keyword[href],
.ods-tabs__tab.ods-tabs__tab--simple-nav[href],
.ods-button[href] {
  background-image: none;
}

.dsa-scroll-lock {
  padding-right: var(--dsa-wc-scroll-lock-size) !important;
  overflow: hidden !important;
}

.dialog__body::-webkit-scrollbar-track-piece {
  background-color: var(--dsa-wc-dialog-scrollbar-color) !important;
}

.dsa-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--dsa-wc-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.dsa-toast-stack dsa-alert {
  margin: var(--dsa-spacing-8);
}

.dsa-toast-stack dsa-alert::part(base) {
  box-shadow: var(--dsa-wc-shadow-large);
}

.no-animations {
  --dsa-wc-no-animations-duration: 0s;
}

.dsa-circle {
  padding: 10px;
  border-radius: 100px;
  background-color: var(--dsa-color-primitive-colors-identity-purple-100);
  display: inline-flex;
}

.rods-page-renderer__container a {
  color: #540bbd !important;
  text-decoration: underline;
}