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

.dsa-scroll-lock {
  padding-right: var(--dsa-wc-scroll-lock-size) !important;
  overflow: hidden !important;
}
.dsa-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--dsa-wc-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}
.dsa-toast-stack dsa-alert {
  margin: var(--dsa-spacing-8);
}
.dsa-toast-stack dsa-alert::part(base) {
  box-shadow: var(--dsa-wc-shadow-large);
}
.dsa-link {
  font: inherit;
  font-size: inherit;
  color: var(--dsa-wc-link-on-base-color);
  text-decoration: none;
  border-bottom-width: var(--dsa-wc-link-underline-thickness);
  border-bottom-style: solid;
  transition: border-width 0.1s ease-out;
}
.dsa-link--with-prefix > dsa-icon,
.dsa-link--with-suffix > dsa-icon {
  margin-bottom: -0.1875rem;
}
.dsa-link--with-prefix > dsa-icon {
  margin-right: var(--dsa-spacing-4);
}
.dsa-link--with-suffix > dsa-icon {
  margin-left: var(--dsa-spacing-4);
}
.dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:first-of-type {
  margin-left: 0;
}
.dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:last-of-type {
  margin-right: 0;
}
.dsa-link.dsa-link--on-sitemap {
  transition: none;
  border-bottom-style: none;
  color: var(--dsa-color-text-on-layer-primary);
}
.dsa-link.dsa-link--on-contrasted {
  color: var(--dsa-wc-link-on-contrasted-color);
}
.dsa-link.dsa-link--on-layer {
  color: var(--dsa-wc-link-on-layer-color);
}
.dsa-link.dsa-link--floating-menu {
  color: var(--dsa-wc-link-floating-menu-color);
}
.dsa-link.dsa-link--standalone {
  border-bottom: transparent;
}
.dsa-link:hover {
  color: var(--dsa-wc-link-hover-on-base-color);
  border-bottom-width: calc(
    var(--dsa-wc-link-underline-thickness) *
      var(--dsa-wc-link-hover-underline-thickness-multiplier)
  );
}
.dsa-link.dsa-link--on-sitemap:hover {
  border-bottom-style: solid;
  border-bottom-width: var(--dsa-wc-link-underline-thickness);
}
.dsa-link.dsa-link--on-contrasted:hover {
  color: var(--dsa-wc-link-hover-on-contrasted-color);
}
.dsa-link.dsa-link--on-layer:hover {
  color: var(--dsa-wc-link-hover-on-layer-color);
}
.dsa-link.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);
}
.dsa-link.dsa-link--on-sitemap:visited {
  color: var(--dsa-wc-link-visited-on-base-color);
}
.dsa-link.dsa-link--on-contrasted:visited {
  color: var(--dsa-wc-link-visited-on-contrasted-color);
}
.dsa-link.dsa-link--on-layer:visited {
  color: var(--dsa-wc-link-visited-on-layer-color);
}
.dsa-link.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);
}
.dsa-link.dsa-link--on-sitemap:active {
  color: var(--dsa-wc-link-active-on-base-color);
}
.dsa-link.dsa-link--on-contrasted:active {
  color: var(--dsa-wc-link-active-on-contrasted-color);
}
.dsa-link.dsa-link--on-layer:active {
  color: var(--dsa-wc-link-active-on-layer-color);
}
.dsa-link.dsa-link--floating-menu:active {
  color: var(--dsa-wc-link-active-floating-menu-color);
}
.dsa-link:focus-visible {
  outline: var(--dsa-wc-focus-ring);
  outline-offset: var(--dsa-wc-focus-ring-offset);
  border-radius: var(--dsa-wc-focus-ring-radius);
}
.dsa-link--skip-content:not(:focus) {
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
}
.dsa-link--skip-content:focus {
  position: relative;
  width: auto;
  height: auto;
  clip-path: unset;
  overflow: unset;
  white-space: unset;
  padding: unset;
}
.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-inline: 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-inline: 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: 328px;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-inline: 16px;
}

.dsa-table {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-medium-height);
  width: 100%;
  border-spacing: 0;
}
.dsa-table .dsa-table-header-row,
.dsa-table .dsa-table-row {
  block-size: var(--internal-dsa-table-row-height);
}
.dsa-table--small {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-small-height);
}
.dsa-table--large {
  --internal-dsa-table-row-height: var(--dsa-wc-table-row-large-height);
}
.dsa-table-header-row {
  font: var(--dsa-wc-table-header-row-font);
  background: var(--dsa-wc-table-header-row-background);
  color: var(--dsa-wc-table-header-row-color);
}
.dsa-table-row {
  border: none;
  background: var(--dsa-wc-table-row-background);
  font: var(--dsa-wc-table-row-font);
  color: var(--dsa-wc-table-row-color);
}
.dsa-table-row:hover {
  background: var(--dsa-wc-table-row-hover-background);
}
.dsa-table-header-cell[colspan]:not([colspan="1"]) {
  text-align: center;
}
.dsa-table-header-cell,
.dsa-table-cell {
  background: inherit;
  box-sizing: border-box;
  padding: var(--dsa-wc-table-header-cell-padding-y)
    var(--dsa-wc-table-header-cell-padding-x);
  vertical-align: middle;
  text-align: start;
  border-block-end: var(--dsa-wc-table-cell-border-size) solid
    var(--dsa-wc-table-cell-border-color);
}
.dsa-table-header-cell--hover {
  background: var(--dsa-wc-table-header-cell-background-hover);
}
.dsa-table-cell--hover {
  background: var(--dsa-wc-table-row-hover-background);
}
.dsa-table--sticky-header .dsa-table-header-row .dsa-table-header-cell {
  position: sticky;
  z-index: 2;
}
.dsa-table--sticky-header
  .dsa-table-header-row:nth-of-type(1)
  .dsa-table-header-cell {
  top: 0;
}
.dsa-table--sticky-header
  .dsa-table-header-row:nth-of-type(2)
  .dsa-table-header-cell {
  top: var(--internal-dsa-table-row-height);
}
.dsa-table--sticky-header
  .dsa-table-header-row:nth-of-type(3)
  .dsa-table-header-cell {
  top: calc(var(--internal-dsa-table-row-height) * 2);
}
.dsa-table--sticky-column-1 {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: var(--dsa-table-sticky-column-1-width);
}
.dsa-table--sticky-column-2 {
  position: sticky;
  left: var(--dsa-table-sticky-column-1-width, 0);
  z-index: 1;
  min-width: var(--dsa-table-sticky-column-2-width);
}
.dsa-table--sticky-column-3 {
  position: sticky;
  left: calc(
    var(--dsa-table-sticky-column-1-width, 0) +
      var(--dsa-table-sticky-column-2-width, 0)
  );
  z-index: 1;
}
.dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-1,
.dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-2,
.dsa-table-header-row .dsa-table-header-cell.dsa-table--sticky-column-3 {
  z-index: 3;
}