@ds-autonomie/web-components 1.16.1 → 1.16.2

package/dist/themes/dsa-wc-theme.min.css

@@ -1 +1 @@
-: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-color: var(--dsa-color-alert-on-background-text);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-on-background-info);--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-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-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-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-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-dialog-spacing: var(--dsa-spacing-24);--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-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-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-dialog-footer-content-margin: var(--dsa-spacing-8);--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: var(--dsa-color-primitive-colors-system-focus-500);--dsa-wc-focus-ring-style: solid;--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: 1px;--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-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-size-small: .875rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-icon-size: .875rem;--dsa-wc-radio-icon-size-small: .75rem;--dsa-wc-radio-icon-size-large: 1.125rem;--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-checkbox-button-checked-read-only-on-background );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-primitive-colors-identity-purple-500 );--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-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-16) 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-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-link-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-card-padding: var(--dsa-spacing-24);--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-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-link-on-base-default);--dsa-wc-download-card-icon-size: 24px;--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-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-small-font: var(--dsa-font-x-small-normal);--dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);--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: var(--dsa-spacing-4);--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: -3px;--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-padding: .25rem 1.75rem;--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-font-closed: var(--dsa-font-medium-normal);--dsa-wc-menu-accordion-level-2-font-closed: var(--dsa-font-small-normal);--dsa-wc-menu-accordion-font-open: var(--dsa-font-medium-bold);--dsa-wc-menu-accordion-level-2-font-open: var(--dsa-font-small-bold);--dsa-wc-menu-accordion-color-closed: 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-color-open: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);--dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);--dsa-wc-menu-accordion-button-focus-ring-offset: -3px;--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-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-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding: var(--dsa-spacing-8) var(--dsa-spacing-24) var(--dsa-spacing-8) var(--dsa-spacing-4);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--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-badge-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-dot-padding: 8px;--dsa-wc-badge-dot-small-padding: 4px;--dsa-wc-badge-text-padding: 6px 9px;--dsa-wc-badge-text-small-padding: 3px 5px;--dsa-wc-badge-padding: 6px 9px;--dsa-wc-badge-small-padding: 3px 5px;--dsa-wc-badge-text-min-width: 24px;--dsa-wc-badge-text-small-min-width: 16px;--dsa-wc-badge-border-radius: 32px;--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-hover-color: transparent;--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-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-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-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-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-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-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-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-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-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-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: 24px;--dsa-wc-tag-small-padding-y: .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 32px;--dsa-wc-tag-medium-padding-y: .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 41px;--dsa-wc-tag-large-padding-y: 1rem;--dsa-wc-tag-green-700-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);--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-primary-on-background-default );--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-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-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-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-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-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: .833rem;--dsa-wc-error-text-icon-size-small: .729rem;--dsa-wc-error-text-icon-size-large: .938rem;--dsa-wc-error-text-color: var(--dsa-color-input-label-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-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-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-color: var(--dsa-color-text-on-base-primary);--dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-accordion-font: var(--dsa-font-medium-normal);--dsa-wc-accordion-border-color: var(--dsa-color-border-default);--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-accordion-padding: 1rem;--dsa-wc-accordion-background-color: var(--dsa-color-background-base);--dsa-wc-accordion-border-radius: var(--dsa-spacing-4);--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-medium-normal);--dsa-wc-select-input-font-small: var(--dsa-font-small-normal);--dsa-wc-select-input-font-large: var(--dsa-font-large-normal);--dsa-wc-select-listbox-divider-spacing: .5rem;--dsa-wc-select-listbox-padding-inline: 1.75rem;--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-tag-margin-inline-start: .25rem;--dsa-wc-select-tag-background: transparent;--dsa-wc-select-tag-color: var( --dsa-color-tag-multiselect-default-on-background-text );--dsa-wc-select-tag-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );--dsa-wc-select-tag-error-background: transparent;--dsa-wc-select-tag-error-color: var( --dsa-color-tag-multiselect-error-on-background );--dsa-wc-select-tag-error-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );--dsa-wc-combobox-input-font: var(--dsa-font-medium-normal);--dsa-wc-combobox-input-font-small: var(--dsa-font-small-normal);--dsa-wc-combobox-input-font-large: var(--dsa-font-large-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-tag-margin-inline-start: .25rem;--dsa-wc-combobox-tag-background: transparent;--dsa-wc-combobox-tag-color: var( --dsa-color-tag-multiselect-default-on-background-text );--dsa-wc-combobox-tag-border-radius: var(--dsa-radius-4);--dsa-wc-combobox-tag-padding-inline: var(--dsa-spacing-4);--dsa-wc-combobox-tag-border-color: var( --dsa-color-tag-multiselect-default-on-background-border );--dsa-wc-combobox-tag-error-background: transparent;--dsa-wc-combobox-tag-error-color: var( --dsa-color-tag-multiselect-error-on-background );--dsa-wc-combobox-tag-error-border-color: var( --dsa-color-tag-multiselect-error-border );--dsa-wc-combobox-expand-icon-error-color: var( --dsa-color-icon-on-base-error );--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-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-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-500 );--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-100 );--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-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-height-mobile: 40px;--dsa-wc-header-logo-height-desktop: 50px;--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-header-search-input-color: var( --dsa-color-primitive-colors-neutral-900 );--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);--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-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitive-colors-neutral-500 );--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-400 );--dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitive-colors-neutral-500 );--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-header-row-height: 2.5rem;--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-hover-selected-error-background: var( --dsa-color-primitive-colors-feedback-error-300 );--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-300 );--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-100 );--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-select-color: var( --dsa-color-primitive-colors-neutral-650 );--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-400 );--dsa-wc-filter-button-readonly-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-filter-panel-min-width: 280px;--dsa-filter-panel-max-height: 760px;--dsa-wc-calendar-width: 280px;--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-text-on-base-secondary);--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: 36px;--dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);--dsa-wc-calendar-cell-overflow-color: var( --dsa-color-primitive-colors-neutral-650 );--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: 1px 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-z-index-drawer: 700;--dsa-wc-z-index-dialog: 800;--dsa-wc-z-index-dropdown: 900;--dsa-wc-z-index-toast: 950;--dsa-wc-z-index-tooltip: 1000;--dsa-wc-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);--dsa-wc-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-medium: 0 1px 3px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 5px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 3px 11px hsl(240 3.8% 46.1% / 12%);--dsa-wc-breakpoint-small: 600px;--dsa-wc-breakpoint-medium: 905px;--dsa-wc-breakpoint-large: 1240px;--dsa-wc-breakpoint-x-large: 1440px}.dsa-scroll-lock{padding-right:var(--dsa-wc-scroll-lock-size)!important;overflow:hidden!important}.dialog__body::-webkit-scrollbar-track-piece{background-color:var(--dsa-wc-dialog-scrollbar-color)!important}.dsa-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--dsa-wc-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.dsa-toast-stack dsa-alert{margin:var(--dsa-spacing-8)}.dsa-toast-stack dsa-alert::part(base){box-shadow:var(--dsa-wc-shadow-large)}.dsa-link{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-style:solid;transition:border-width .1s ease-out}.dsa-link--with-prefix{display:flex;flex-direction:row;align-items:center;gap:var(--dsa-spacing-8);border-bottom-style:solid;border-bottom-color:transparent;transition:none}.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: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))}.dsa-link--with-prefix:hover{border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-color:var(--dsa-wc-link-on-base-color);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{color:var(--dsa-wc-link-visited-on-base-color);border-bottom-color:var(--dsa-wc-link-visited-on-base-color)}.dsa-link--with-prefix: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{color:var(--dsa-wc-link-active-on-base-color);border-bottom-color:var(--dsa-wc-link-active-on-base-color)}.dsa-link--with-prefix: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);border-bottom-color:var(--dsa-wc-link-active-on-contrasted-color)}.dsa-link--on-layer:active{color:var(--dsa-wc-link-active-on-layer-color);border-bottom-color:var(--dsa-wc-link-active-on-layer-color)}.dsa-link--floating-menu:active{color:var(--dsa-wc-link-active-floating-menu-color);border-bottom-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)}
+: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-color: var(--dsa-color-alert-on-background-text);--dsa-wc-alert-message-padding: 1.25rem;--dsa-wc-alert-primary-icon-color: var(--dsa-color-alert-on-background-info);--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-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-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-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-background-color: var( --dsa-color-alert-background-neutral );--dsa-wc-dialog-spacing: var(--dsa-spacing-24);--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-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-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-dialog-footer-content-margin: var(--dsa-spacing-8);--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: var(--dsa-color-primitive-colors-system-focus-500);--dsa-wc-focus-ring-style: solid;--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: 1px;--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-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-size-small: .875rem;--dsa-wc-radio-size-large: 1.375rem;--dsa-wc-radio-icon-size: .875rem;--dsa-wc-radio-icon-size-small: .75rem;--dsa-wc-radio-icon-size-large: 1.125rem;--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-checkbox-button-checked-read-only-on-background );--dsa-wc-toggle-button-read-only-checked-icon-color: var( --dsa-color-primitive-colors-identity-purple-500 );--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-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-16) 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-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-link-border-color-hover: var(--dsa-color-border-hover);--dsa-wc-card-padding: var(--dsa-spacing-24);--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-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-link-on-base-default);--dsa-wc-download-card-icon-size: 24px;--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-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-small-font: var(--dsa-font-x-small-normal);--dsa-wc-menu-item-large-font: var(--dsa-font-medium-normal);--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: var(--dsa-spacing-4);--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: -3px;--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-padding: .25rem 1.75rem;--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-font-closed: var(--dsa-font-medium-normal);--dsa-wc-menu-accordion-level-2-font-closed: var(--dsa-font-small-normal);--dsa-wc-menu-accordion-font-open: var(--dsa-font-medium-bold);--dsa-wc-menu-accordion-level-2-font-open: var(--dsa-font-small-bold);--dsa-wc-menu-accordion-color-closed: 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-color-open: var( --dsa-color-primitive-colors-identity-purple-500 );--dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);--dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);--dsa-wc-menu-accordion-button-focus-ring-offset: -3px;--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-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-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--dsa-wc-option-small-font: var(--dsa-font-x-small-normal);--dsa-wc-option-small-icon-size: 1.125rem;--dsa-wc-option-small-padding: var(--dsa-spacing-8) var(--dsa-spacing-24) var(--dsa-spacing-8) var(--dsa-spacing-4);--dsa-wc-option-large-font: var(--dsa-font-medium-normal);--dsa-wc-option-large-icon-size: 1.5rem;--dsa-wc-option-large-padding: var(--dsa-spacing-12) var(--dsa-spacing-24) var(--dsa-spacing-12) var(--dsa-spacing-4);--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-badge-font: var(--dsa-font-x-small-bold);--dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);--dsa-wc-badge-dot-padding: 8px;--dsa-wc-badge-dot-small-padding: 4px;--dsa-wc-badge-text-padding: 6px 9px;--dsa-wc-badge-text-small-padding: 3px 5px;--dsa-wc-badge-padding: 6px 9px;--dsa-wc-badge-small-padding: 3px 5px;--dsa-wc-badge-text-min-width: 24px;--dsa-wc-badge-text-small-min-width: 16px;--dsa-wc-badge-border-radius: 32px;--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-hover-color: transparent;--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-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-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-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-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-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-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-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-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-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-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: 24px;--dsa-wc-tag-small-padding-y: .5rem;--dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);--dsa-wc-tag-medium-height: 32px;--dsa-wc-tag-medium-padding-y: .75rem;--dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);--dsa-wc-tag-large-height: 40px;--dsa-wc-tag-large-padding-y: 1rem;--dsa-wc-tag-green-700-on-base: var( --dsa-color-tag-simple-green-on-dark-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-light-background );--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-light-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--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-background );--dsa-wc-tag-purple-100-base: var(--dsa-color-tag-simple-purple-background-1);--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-primary-on-background-default );--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-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-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-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-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-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: .833rem;--dsa-wc-error-text-icon-size-small: .729rem;--dsa-wc-error-text-icon-size-large: .938rem;--dsa-wc-error-text-color: var(--dsa-color-input-label-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-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-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-color: var(--dsa-color-text-on-base-primary);--dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);--dsa-wc-accordion-font: var(--dsa-font-medium-normal);--dsa-wc-accordion-border-color: var(--dsa-color-border-default);--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-accordion-padding: 1rem;--dsa-wc-accordion-background-color: var(--dsa-color-background-base);--dsa-wc-accordion-border-radius: var(--dsa-spacing-4);--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-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-multiselect-tag-margin-inline-start: .25rem;--dsa-wc-multiselect-tag-background: var( --dsa-color-tag-multiselect-background );--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-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-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-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-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-500 );--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-100 );--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-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-height-mobile: 40px;--dsa-wc-header-logo-height-desktop: 50px;--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-header-search-input-color: var( --dsa-color-primitive-colors-neutral-900 );--dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);--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-400 );--dsa-wc-table-header-cell-background-active: var( --dsa-color-primitive-colors-neutral-500 );--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-400 );--dsa-wc-table-header-cell-skeleton-sheen-color: var( --dsa-color-primitive-colors-neutral-500 );--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-header-row-height: 2.5rem;--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-hover-selected-error-background: var( --dsa-color-primitive-colors-feedback-error-300 );--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-300 );--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-100 );--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-select-color: var( --dsa-color-primitive-colors-neutral-650 );--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-400 );--dsa-wc-filter-button-readonly-border-color: var( --dsa-color-input-on-base-read-only-border );--dsa-filter-panel-min-width: 280px;--dsa-filter-panel-max-height: 760px;--dsa-wc-calendar-width: 280px;--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-text-on-base-secondary);--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: 36px;--dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);--dsa-wc-calendar-cell-overflow-color: var( --dsa-color-primitive-colors-neutral-650 );--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: 1px 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-z-index-drawer: 700;--dsa-wc-z-index-dialog: 800;--dsa-wc-z-index-dropdown: 900;--dsa-wc-z-index-toast: 950;--dsa-wc-z-index-tooltip: 1000;--dsa-wc-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);--dsa-wc-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-medium: 0 1px 3px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-large: 0 2px 5px hsl(240 3.8% 46.1% / 12%);--dsa-wc-shadow-x-large: 0 3px 11px hsl(240 3.8% 46.1% / 12%);--dsa-wc-breakpoint-small: 600px;--dsa-wc-breakpoint-medium: 905px;--dsa-wc-breakpoint-large: 1240px;--dsa-wc-breakpoint-x-large: 1440px}.dsa-scroll-lock{padding-right:var(--dsa-wc-scroll-lock-size)!important;overflow:hidden!important}.dialog__body::-webkit-scrollbar-track-piece{background-color:var(--dsa-wc-dialog-scrollbar-color)!important}.dsa-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--dsa-wc-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.dsa-toast-stack dsa-alert{margin:var(--dsa-spacing-8)}.dsa-toast-stack dsa-alert::part(base){box-shadow:var(--dsa-wc-shadow-large)}.dsa-link{font:inherit;font-size:inherit;color:var(--dsa-wc-link-on-base-color);text-decoration:none;border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-style:solid;transition:border-width .1s ease-out}.dsa-link--with-prefix{display:flex;flex-direction:row;align-items:center;gap:var(--dsa-spacing-8);border-bottom-style:solid;border-bottom-color:transparent;transition:none}.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: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))}.dsa-link--with-prefix:hover{border-bottom-width:var(--dsa-wc-link-underline-thickness);border-bottom-color:var(--dsa-wc-link-on-base-color);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{color:var(--dsa-wc-link-visited-on-base-color);border-bottom-color:var(--dsa-wc-link-visited-on-base-color)}.dsa-link--with-prefix: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{color:var(--dsa-wc-link-active-on-base-color);border-bottom-color:var(--dsa-wc-link-active-on-base-color)}.dsa-link--with-prefix: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);border-bottom-color:var(--dsa-wc-link-active-on-contrasted-color)}.dsa-link--on-layer:active{color:var(--dsa-wc-link-active-on-layer-color);border-bottom-color:var(--dsa-wc-link-active-on-layer-color)}.dsa-link--floating-menu:active{color:var(--dsa-wc-link-active-floating-menu-color);border-bottom-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)}

package/dist/themes/dsa-wc-theme.styles.js

@@ -367,9 +367,6 @@ export default css`
     --dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);
     --dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);
     --dsa-wc-menu-accordion-button-focus-ring-offset: -3px;
-    --dsa-wc-select-input-font: var(--dsa-font-medium-normal);
-    --dsa-wc-select-input-font-small: var(--dsa-font-small-normal);
-    --dsa-wc-select-input-font-large: var(--dsa-font-large-normal);
     --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-error-color: var(--dsa-color-icon-on-base-error);
@@ -1056,7 +1053,7 @@ export default css`
     --dsa-wc-tag-medium-height: 32px;
     --dsa-wc-tag-medium-padding-y: 0.75rem;
     --dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);
-    --dsa-wc-tag-large-height: 41px;
+    --dsa-wc-tag-large-height: 40px;
     --dsa-wc-tag-large-padding-y: 1rem;
     --dsa-wc-tag-green-700-on-base: var(
       --dsa-color-tag-simple-green-on-dark-background
@@ -1458,9 +1455,9 @@ export default css`
     --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-medium-normal);
-    --dsa-wc-select-input-font-small: var(--dsa-font-small-normal);
-    --dsa-wc-select-input-font-large: var(--dsa-font-large-normal);
+    --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: 0.5rem;
     --dsa-wc-select-listbox-padding-inline: 1.75rem;
     --dsa-wc-select-listbox-border-radius: 0.25rem;
@@ -1468,24 +1465,21 @@ export default css`
     --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: 0.75rem;
-    --dsa-wc-select-tag-margin-inline-start: 0.25rem;
-    --dsa-wc-select-tag-background: transparent;
-    --dsa-wc-select-tag-color: var(
-      --dsa-color-tag-multiselect-default-on-background-text
-    );
-    --dsa-wc-select-tag-border-color: var(
-      --dsa-color-tag-multiselect-default-on-background-border
+    --dsa-wc-multiselect-tag-margin-inline-start: 0.25rem;
+    --dsa-wc-multiselect-tag-background: var(
+      --dsa-color-tag-multiselect-background
     );
-    --dsa-wc-select-tag-error-background: transparent;
-    --dsa-wc-select-tag-error-color: var(
-      --dsa-color-tag-multiselect-error-on-background
+    --dsa-wc-multiselect-tag-color: var(
+      --dsa-color-tag-multiselect-default-on-background-text
     );
-    --dsa-wc-select-tag-error-border-color: var(
+    --dsa-wc-multiselect-tag-border-color: var(
       --dsa-color-tag-multiselect-default-on-background-border
     );
-    --dsa-wc-combobox-input-font: var(--dsa-font-medium-normal);
-    --dsa-wc-combobox-input-font-small: var(--dsa-font-small-normal);
-    --dsa-wc-combobox-input-font-large: var(--dsa-font-large-normal);
+    --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: 0.5rem;
     --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
     --dsa-wc-combobox-listbox-border-radius: 0.25rem;
@@ -1501,23 +1495,6 @@ export default css`
     --dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);
     --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
     --dsa-wc-combobox-icon-margin: 0.75rem;
-    --dsa-wc-combobox-tag-margin-inline-start: 0.25rem;
-    --dsa-wc-combobox-tag-background: transparent;
-    --dsa-wc-combobox-tag-color: var(
-      --dsa-color-tag-multiselect-default-on-background-text
-    );
-    --dsa-wc-combobox-tag-border-radius: var(--dsa-radius-4);
-    --dsa-wc-combobox-tag-padding-inline: var(--dsa-spacing-4);
-    --dsa-wc-combobox-tag-border-color: var(
-      --dsa-color-tag-multiselect-default-on-background-border
-    );
-    --dsa-wc-combobox-tag-error-background: transparent;
-    --dsa-wc-combobox-tag-error-color: var(
-      --dsa-color-tag-multiselect-error-on-background
-    );
-    --dsa-wc-combobox-tag-error-border-color: var(
-      --dsa-color-tag-multiselect-error-border
-    );
     --dsa-wc-combobox-expand-icon-error-color: var(
       --dsa-color-icon-on-base-error
     );

package/dist/vscode.html-custom-data.json

@@ -44,6 +44,7 @@
       "name": "dsa-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-show** - Emitted when the alert opens.\n- **dsa-after-show** - Emitted after the alert opens and all animations are complete.\n- **dsa-hide** - Emitted when the alert closes.\n- **dsa-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **action** - An optional slot action, usually a `dsa-button` or `dsa-button-group`.",
       "attributes": [
+        { "name": "title", "description": "The alert's title.", "values": [] },
         {
           "name": "open",
           "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
@@ -2128,6 +2129,11 @@
           "description": "Custom label for the number of items per page",
           "values": []
         },
+        {
+          "name": "nav-aria-label",
+          "description": "Custom aria-label for the pagination <nav> element",
+          "values": []
+        },
         {
           "name": "navigation-type",
           "description": "Aria role of the pagination buttons. Should be set to 'link' if the action triggers a reloading of the page or a navigation to a different page.",
@@ -3564,6 +3570,18 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-table-action",
+      "description": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-table-actions-close** - Emitted when the close button is activated.\n\n### **Slots:**\n - **label** - Used to indicate the number of selected items.\n- **action** - Used to contain the actions.",
+      "attributes": [
+        {
+          "name": "show",
+          "description": "`true` if it should be visible.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-navbar-menu",
       "description": "Navbar Menu provides a button that toggles the visibility of a list of links.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-show** - Emitted when the navbar-menu opens.\n- **dsa-after-show** - Emitted after the navbar-menu opens and all animations are complete.\n- **dsa-hide** - Emitted when the navbar-menu closes.\n- **dsa-after-hide** - Emitted after the navbar-menu closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the navbar-menu.\n- **hide()** - Hides the navbar-menu\n\n### **Slots:**\n - _default_ - The navbar-menu's content, a dsa-menu-navigation element.\n- **label** - The navbar-menu's label. You can also use the `label` attribute.",
@@ -3586,18 +3604,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-table-action",
-      "description": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.\n\n\n---\n\n\n\n\n### **Events:**\n - **dsa-table-actions-close** - Emitted when the close button is activated.\n\n### **Slots:**\n - **label** - Used to indicate the number of selected items.\n- **action** - Used to contain the actions.",
-      "attributes": [
-        {
-          "name": "show",
-          "description": "`true` if it should be visible.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "dsa-table-body",
       "description": "The table body defines a group of rows as part of the body section within a [table](/components/table/table)\n\n\n---\n\n\n\n\n### **Slots:**\n - **Content** - to be placed inside the table body",