.pf-c-number-input {
  // unit
  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);

  // icon
  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);

  // form control
  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2); // element's padding
  --pf-c-number-input--c-form-control--width-chars: 4;
  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);

  display: inline-flex;
  align-items: center;

  .pf-c-form-control {
    display: inline-flex;
    width: var(--pf-c-number-input--c-form-control--Width);
    text-align: right;

    @extend %pf-remove-num-arrows;
  }
}

.pf-c-input-group + .pf-c-number-input__unit,
.pf-c-number-input__unit + .pf-c-input-group {
  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
}

.pf-c-number-input__icon {
  display: flex;
  font-size: var(--pf-c-number-input__icon--FontSize);
}