$disabled-text: var(
  --wds-color-text-disabled,
  var(--wsr-color-D10-30, rgba(0, 6, 36, 0.3))
);
$white: var(--wsr-color-D80, #ffffff);

.list-item-select-icon {
  display: inline-flex;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(
    --wds-list-item-select-border-radius,
    var(--wds-border-radius-0, 0)
  );

  &#{&}--disabled {
    pointer-events: none;
    cursor: initial;
  }

  /* Normal */
  &:not(#{&}--disabled) {
    color: var(
      --wds-list-item-select-title,
      var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))
    );
    background-color: var(
      --wds-list-item-select-fill,
      var(--wds-color-fill-standard-tertiary, #{$white})
    );
  }

  &:not(#{&}--disabled)#{&}--highlighted {
    background-color: var(
      --wds-list-item-select-fill-hover,
      var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B50, #e7f0ff))
    );
  }

  &:not(#{&}--disabled):active {
    background-color: var(
      --wds-list-item-select-fill-active,
      var(--wds-color-fill-standard-tertiary-active, var(--wsr-color-B50, #e7f0ff))
    );
  }

  &#{&}--disabled {
    color: $disabled-text;
    background-color: var(
      --wds-list-item-select-fill-disabled,
      var(--wds-color-fill-standard-tertiary-disabled, #{$white})
    );
  }

  /* Selected */
  &:not(#{&}--disabled)#{&}--selected {
    color: var(
      --wds-list-item-select-active-title,
      var(--wds-color-text-standard-primary-light, #{$white})
    );
    background-color: var(
      --wds-list-item-select-active-fill,
      var(--wds-color-fill-standard-primary, var(--wsr-color-B10, #116dff))
    );
  }

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

  &:not(#{&}--disabled)#{&}--selected:active {
    background-color: var(
      --wds-list-item-select-active-fill-active,
      var(--wds-color-fill-standard-primary-active, var(--wsr-color-B20, #5999ff))
    );
  }

  &#{&}--disabled#{&}--selected {
    color: $disabled-text;
    background-color: var(
      --wds-list-item-select-active-fill-disabled,
      var(
        --wds-color-fill-standard-primary-disabled,
        var(--wsr-color-D10-30, rgba(0, 6, 36, 0.3))
      )
    );
  }

  /* Content */
  & &__content-wrapper {
    width: 100%;
  }

  & &__content {
    display: flex;
    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-200, 12px)
      );
    width: 100%;
  }
}