@mixin digi-form-select-filter--variables() {
  --digi--form-select-filter--footer--background: var(--digi--color--background--secondary);
  --digi--form-select-filter--scroll--max-height: 10.625rem;

  --digi--form-select-filter--scroll--padding: var(--digi--padding--small);
  --digi--form-select-filter--reset-button--margin-right: var(--digi--padding--small);
  --digi--form-select-filter--legend__border-bottom: var(--digi--border-width--primary) solid var(--digi--color--divider--primary);
  --digi--form-select-filter--list--margin: 0;
  --digi--form-select-filter--list--padding: var(--digi--gutter--small) 0 0 0;
  --digi--form-select-filter--item--margin: var(--digi--gutter--small) 0;
  --digi--form-select-filter--toggle-icon--transition: ease-in-out 0.2s all;

  --digi--form-select-filter--dropdown--border-radius: var(--digi--border-radius--input);
  --digi--form-select-filter--dropdown--background: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-select-filter--dropdown--min-width: 18.75rem;
  --digi--form-select-filter--dropdown--margin-top: var(--digi--gutter--small);
  --digi--form-select-filter--dropdown--z-index: 999;

  --digi--form-select-filter--dropdown--header--background: var(--digi--color--background--secondary-accent);

  --digi--form-select-filter--dropdown--item--cursor: pointer;
  --digi--form-select-filter--dropdown--item--height: auto;
  --digi--form-select-filter--dropdown--item--min-height: 1.5rem;
  --digi--form-select-filter--dropdown--item--color: var(--digi--color--text--primary);
  --digi--form-select-filter--dropdown--item--font-size: var(--digi--typography--body--font-size--desktop);
  --digi--form-select-filter--dropdown--item--font-family: var(--digi--global--typography--font-family--default);
  --digi--form-select-filter--dropdown--item--font-weight--default: var(--digi--typography--link--font-weight--desktop);
  --digi--form-select-filter--dropdown--item--font-weight--selected: var(--digi--typography--link-bold--font-weight--desktop);
  --digi--form-select-filter--dropdown--item--font-weight--hover: var(--digi--typography--link-bold--font-weight--desktop);
  --digi--form-select-filter--dropdown--item--letter-spacing: 0px;
  --digi--form-select-filter--dropdown--item--line-height: 1.5;
  --digi--form-select-filter--dropdown--item--margin-bottom: 0px;

  --digi--form-select-filter--dropdown--item--border-width: var(--digi--border-width--primary);
  --digi--form-select-filter--dropdown--item--border-type: var(--digi--border-style--primary);
  --digi--form-select-filter--dropdown--item--border-color: var(--digi--color--divider--primary);

  --digi--form-select-filter--dropdown--item--padding-y: var(--digi--margin--small);
  --digi--form-select-filter--dropdown--item--padding-x: var(--digi--margin--largest);

  --digi--form-select-filter--dropdown--item--multiple--padding-y: var(--digi--margin--small);
  --digi--form-select-filter--dropdown--item--multiple--padding-x: var(--digi--padding--largest-2);

  --digi--form-select-filter--dropdown--item--background-color--default: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-select-filter--dropdown--item--background-color--focus: var(--digi--color--background--interactive--hover--quarternary);
  --digi--form-select-filter--dropdown--item--background-color--hover: var(--digi--color--background--interactive--hover--quarternary);
  --digi--form-select-filter--dropdown--item--background-color--active: var(--digi--color--background--interactive--selected--tertiary);
  --digi--form-select-filter--dropdown--item--background-color--selected: var(--digi--color--background--interactive--selected--tertiary);

  --digi--form-select-filter--dropdown--item--checkbox--background-color: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-select-filter--dropdown--item--checkbox--background-color--selected: var(--digi--color--marking--indication--primary);
  --digi--form-select-filter--dropdown--item--checkbox--border-color: var(--digi--color--border--interactive--default--on-input);
  --digi--form-select-filter--dropdown--item--checkbox--border-width: var(--digi--border-width--primary);
  --digi--form-select-filter--dropdown--item--checkbox--border-style: var(--digi--border-style--primary);
  --digi--form-select-filter--dropdown--item--checkbox--border-radius: var(--digi--border-radius--tertiary);
  --digi--form-select-filter--dropdown--item--checkbox--width: 1.25rem;
  --digi--form-select-filter--dropdown--item--checkbox--height: 1.25rem;

  --digi--form-select-filter--toggle-button-indicator--color--default: var(--digi--color--background--interactive--default--input-elements);
  --digi--form-select-filter--toggle-button-indicator--color--active: var(--digi--color--marking--indication--primary);
  --digi--form-select-filter--toggle-button-indicator--width: 1rem;
  --digi--form-select-filter--toggle-button-indicator--height: 1rem;
  --digi--form-select-filter--toggle-button-indicator--margin-right: var(--digi--margin--small);
  --digi--form-select-filter--toggle-button-indicator--margin-left: calc(var(--digi--margin--smaller) * -1);
  --digi--form-select-filter--toggle-button--text--margin-right: var(--digi--margin--smaller);
  --digi--form-select-filter--toggle-button-indicator--color: var(--digi--color--marking--indication--primary);
  --digi--form-select-filter--toggle-icon--width: 0.875rem;
  --digi--form-select-filter--toggle-icon--height: 0.875rem;

  --digi--form-select-filter--search-input--border-radius: var(--digi--border-radius--input);
  --digi--form-select-filter--search-input--border-width: var(--digi--border-width--input-regular);
  --digi--form-select-filter--search-input--border-style: var(--digi--border-style--primary);
  --digi--form-select-filter--search-input--border-color: var(--digi--form-select-filter--toggle-button--border-width--neutral);
  --digi--form-select-filter--search-input--height: var(--digi--input-height--medium);
  --digi--form-select-filter--search-input--width: 100%;

  --digi--form-select-filter--legend--font-weight: var(--digi--typography--preamble--font-weight--desktop);
  --digi--form-select-filter--legend--font-family: var(--digi--global--typography--font-family--default);
  --digi--form-select-filter--legend--font-size: var(--digi--typography--preamble--font-size--desktop);

  --digi--form-select-filter--toggle-button--border-width--neutral: var(--digi--border-width--input-regular);
  --digi--form-select-filter--toggle-button--border-color--neutral: var(--digi--color--border--interactive--default--on-input);
  --digi--form-select-filter--toggle-button--background--neutral: var(--digi--color--background--interactive--default--input-elements);

  --digi--form-select-filter--toggle-button--border-width--success: var(--digi--border-width--input-validation);
  --digi--form-select-filter--toggle-button--border-color--success: var(--digi--color--border--interactive--validation--success);
  --digi--form-select-filter--toggle-button--background--success: var(--digi--color--background--interactive--validation--success);

  --digi--form-select-filter--toggle-button--border-width--warning: var(--digi--border-width--input-validation);
  --digi--form-select-filter--toggle-button--border-color--warning: var(--digi--color--border--interactive--validation--warning);
  --digi--form-select-filter--toggle-button--background--warning: var(--digi--color--background--interactive--validation--warning);

  --digi--form-select-filter--toggle-button--border-width--error: var(--digi--border-width--input-validation);
  --digi--form-select-filter--toggle-button--border-color--error: var(--digi--color--border--interactive--validation--error);
  --digi--form-select-filter--toggle-button--background--error: var(--digi--color--background--interactive--validation--error);
}