@use '../../foundations/utilities/mixins.scss' as utilities;

.fudis-text-input {
  box-sizing: border-box;
  display: block;
  width: 100%;

  &__input {
    @include utilities.text-input;
  }

  // Keep number input arrows visible all the time
  /* stylelint-disable-next-line selector-no-qualifying-type */
  input[type='number']::-webkit-inner-spin-button {
    opacity: 1;
  }
}