@import '~styles/config';

.searchInput {
  font-size: 32px;
  height: 96px;
  transition: all 0.15s ease;
  border: none;

  @media (min-width: $min-mobile) {
    font-size: 40px;
  }

  @media (min-width: $min-tablet) {
    font-size: 72px;
  }

  &.hasValue {
    font-size: large;
    height: 64px;
  }
}