.input-icon-affix {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--wds-input-icon-affix-fill, var(--wds-color-text-primary, var(--wsr-color-B10, #116dff)));

  &--size-tiny#{&}--in-prefix,
  &--size-small#{&}--in-prefix {
    margin: auto 0;
  }

  &--size-tiny#{&}--in-suffix,
  &--size-small#{&}--in-suffix,
  &--size-medium#{&}--in-suffix {
    margin: auto var(--wds-space-50, 3px);
  }

  &--size-medium#{&}--border-round#{&}--in-suffix,
  &--size-large#{&}--in-suffix {
    margin: auto 0 auto var(--wds-space-50, 3px);
  }

  [dir='rtl'] &--size-medium#{&}--border-round#{&}--in-suffix,
  [dir='rtl'] &--size-large#{&}--in-suffix {
    margin: auto var(--wds-space-50, 3px) auto 0;
  }

  &--disabled {
    color: var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.3)));
  }
}