.b-form-otp {
  display: inline-flex;
}

.b-form-otp-field {
  text-align: center;
  width: 2.5rem;
  padding-left: 0;
  padding-right: 0;

  // Remove spinner buttons for number type
  &[type="number"] {
    -moz-appearance: textfield;

    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  }
}

.b-form-otp-sm .b-form-otp-field {
  width: 2rem;
}

.b-form-otp-lg .b-form-otp-field {
  width: 3rem;
}