: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;
}
.dropdown-menu li:hover {
    background: var(--dsa-color-primitive-colors-identity-purple-100);
}
.dropdown-menu li:hover a {
    color: var( --dsa-color-primitive-colors-identity-purple-500)

}


.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;
}
/***** PAGINATION *****/


.dsa-pagination{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:12px 0;font-size:var(--dsa-font-small-normal)}
.dsa-pagination__count{margin:0;color:var(--dsa-color-primitive-colors-neutral-90);font:var(--dsa-font-small-normal)}
.dsa-pagination__rows{display:flex;align-items:center;gap:8px;margin-right:auto;font:var(--dsa-font-small-normal)}
.dsa-pagination__rows select{border:1px solid var(--dsa-color-border-default);font:var(--dsa-font-small-normal);border-radius:var(--dsa-border-radius-small,4px);padding:6px 8px;background:#fff}
.dsa-pagination__list{display:flex;align-items:center;gap:0px;list-style:none;margin:0;padding:0}
.dsa-pagination__page,.dsa-pagination__nav{
  min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:var(--dsa-color-primitive-colors-neutral-90);cursor:pointer;font:var(--dsa-font-small-normal)}
.dsa-pagination__nav.last { padding-right: 8px; }
.dsa-pagination__nav.first { padding-left: 8px; }
.dsa-pagination__list{border:1px solid var(--dsa-color-border-default);border-radius:var(--dsa-border-radius-small,4px)}
.dsa-pagination__list > li { border-right: 1px solid var(--dsa-color-border-default) }
.dsa-pagination__page:hover,.dsa-pagination__nav:not([disabled]):hover{background:#F4F0FE}
.dsa-pagination__rows label{ margin-bottom: 0px ; }
.dsa-pagination__page.is-active{background:var(--dsa-wc-button-secondary-on-base-color);color:var(--dsa-wc-button-secondary-on-base-font-color);font-weight:600}
.dsa-pagination__page:focus-visible,.dsa-pagination__nav:focus-visible{outline:2px solid var(--dsa-wc-button-secondary-on-base-font-color);outline-offset:2px}
.dsa-pagination [disabled]{opacity:.4;cursor:not-allowed}
.dsa-pagination__ellipsis{display:inline-flex;justify-content:center;min-width:32px;color:var(--dsa-color-primitive-colors-neutral-60)}
.dsa-pagination-wrapper > .dsa-pagination-slot { display: contents }
.dsa-download-card .content {
    display: flex;
    flex-direction: column;
    gap: var(--dsa-spacing-8);
    padding: var(--dsa-spacing-24) var(--dsa-spacing-16);
    font: var(--dsa-wc-download-card-link-font);
    color: var(--dsa-wc-download-card-link-color);
    outline: none;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dsa-download-card .description {
    font: var(--dsa-wc-download-card-description-font);
    color: var(--dsa-wc-download-card-description-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dsa-download-card a::after {
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    bottom: -1px;
    width: var(--dsa-wc-download-card-left-bar-width);
    background: var(--dsa-wc-download-card-left-bar-color);
}
.dsa-download-card a:hover {
        border-color: var(--dsa-wc-download-card-border-color-hover);
    box-shadow: var(--dsa-wc-download-card-box-shadow-hover);
}
.dsa-download-card a {
    position: relative;
    display: flex !important;
    background-color: var(--dsa-wc-download-card-background-color);
    padding-left: var(--dsa-wc-download-card-left-bar-width)!important;
    padding-right: var(--dsa-spacing-24) !important;
    height: 100%;
    border-left: 0px;
    text-decoration: none;
    border:var(--dsa-wc-card-border)
}
.dsa-download-card .icon {
    flex-shrink: 0;
    align-self: center;
    width: var(--dsa-wc-download-card-icon-size);
    height: var(--dsa-wc-download-card-icon-size);
    margin-inline-start: auto;
    color: var(--dsa-wc-download-card-icon-color);
}
.dsa-download-card .document-info {
    font: var(--dsa-wc-download-card-document-info-font);
    color: var(--dsa-wc-download-card-document-info-color);
}
.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);
}
.table-title { display: none !important}
.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 .card-content {
    background-color:unset;
}
.dsa-card-nav:hover {
    background-color:var(--dsa-color-primitive-colors-identity-purple-100);
    transition:.5 ease;
}
.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);
        margin-top: auto;
}
@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;
}
.header ul li:first-child, ul[role="toolbar"] li:first-child { order:2 }

.card-content--link a:focus {
    outline: none;
}
.card-old.card-old--has-footer.card-old--has-header.card-old--has-image {
   border-radius: var(--dsa-radius-8);
}
.card-old.card-old--has-footer.card-old--has-header.card-old--has-image .text-medium { 
    font-size: 1.5rem !important;
    font-weight: 700;
    font-family: Montserrat;
}
.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;
}
.rods-check-input .rods-check-input__label:before {
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 6px !important;
    margin-right: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;

}
._button_dwuhh_208 {
    border-color: var(--dsa-color-primitive-colors-neutral-900) !important;
}
._button_dwuhh_208 * {
    color:#465353 !important
}
._url_1y299_153 {     font-weight: 400 !important;
}
footer .dsa-link--on-sitemap:hover {
    border-bottom: unset !important;
    color: #540abd;

}
.rods-checkbox-input .rods-check-input__input:checked~.rods-check-input__label:after {
    background-color: #6c2bd9  !important;;
    border-color: #6c2bd9  !important;;
    content: ""  !important;;
    color: white  !important;;
    font-size: 14px  !important;;
    border-radius: 6px !important;

}
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;
}
.table-container { height:400px; overflow:scroll;}
.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);
}
.active-dropdown.arrow::after {
    transform: rotate(180deg)
}
.tab:hover {
    color: var(--dsa-wc-tab-color-active-tab);
}
/*** 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);
}

.external-link::after {
    content: "";
    width: 16px;
    height: 19px;
    display: inline-block;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: 4px 5px;
}
.external-black::after {
    background-image:url('/assets/theme_image/external_black.svg');
}
.external-black:hover::after {
    filter: brightness(0) saturate(100%) invert(13%) sepia(64%) saturate(4760%) hue-rotate(262deg) brightness(94%) contrast(120%);
}
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;
}

/* Autocompletion ISO to dsa-select*/
.autocompletion { padding: 0 !important}
.autocompletion ul { margin-top: 0!important; padding: 0 !important}
.autocompletion h4 {margin: 0 !important;    
    padding: 6px 0 6px 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight:normal;
    color: #333;}
.autocompletion li {     padding: var(--dsa-spacing-4, 0.25rem) var(--dsa-spacing-8, 0.5rem); border: 1px solid transparent}
.autocompletion li:hover {     background-color: var(--dsa-wc-option-hover-color)!important;
    border-color: var(--dsa-wc-option-hover-border-color);}
    padding-left: 30px;
    border: 1px solid transparent;
    margin-top: 0px;}

.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;
}