.list-item-select-icon {
  & &__content {
    padding: var(
        --wds-list-item-select-icon-padding-vertical-medium,
        var(--wds-space-100, 6px)
      )
      var(
        --wds-list-item-select-icon-padding-horizontal-medium,
        var(--wds-space-300)
      );
  }

  &:not(#{&}--disabled)#{&}--selected {
    color: var(--wds-list-item-select-active-title, var(--wds-color-text-primary));
    background-color: var(
      --wds-list-item-select-active-fill,
      var(--wds-color-fill-standard-secondary)
    );
  }

  &:not(#{&}--disabled)#{&}--selected#{&}--highlighted {
    background-color: var(
      --wds-list-item-select-active-fill-hover,
      var(--wds-color-fill-standard-secondary-hover)
    );
  }

  &:not(#{&}--disabled)#{&}--selected:active {
    background-color: var(
      --wds-list-item-select-active-fill-active,
      var(--wds-color-fill-standard-secondary-active)
    );
  }

  &#{&}--disabled#{&}--selected {
    background-color: var(
      --wds-list-item-select-active-fill-disabled,
      var(--wds-color-fill-standard-secondary-disabled)
    );
  }
}