@use '../../assets/styles/variables' as *;
@use '../../assets/styles/utils' as *;

.wrapper {
  @extend %wrapper;
  @extend %inputWrapper;

  &.readOnly {
    @extend %readOnlyInputWrapper;
  }

  &:not(.block) {
    max-width: $inputWidth;
  }
}

.resets {
  padding: 0;
  font: inherit;
  background: none;
  border: none;
  outline: none;
}

.input {
  @extend .resets;
  @extend %input;
}

.icon {
  margin-right: 8px;
}

.clearButton {
  @extend %clearButton;
}

.searchButton {
  margin-left: 9px;
}