@import '../../scss/styles.scss';

@layer payload-default {
  .field-type.text {
    position: relative;

    &:not(.has-many) {
      input {
        @include formInput;
      }
    }
  }

  .has-many {
    .rs__input-container {
      overflow: hidden;
    }
  }

  html[data-theme='light'] {
    .field-type.text {
      &.error {
        input {
          @include lightInputError;
        }
      }
    }
  }

  html[data-theme='dark'] {
    .field-type.text {
      &.error {
        input {
          @include darkInputError;
        }
      }
    }
  }
}