.search-input {
  $block: #{&};

  @include flex(row, nowrap, $whitespace-3, center);

  max-inline-size: 25rem;
  block-size: 4rem;
  padding: $whitespace-3 $whitespace-4;
  border: 0.1rem solid $color-neutral-10;

  &__input::placeholder,
  &__label-icon {
    color: $color-neutral-7;
  }

  &__input {
    @include remove-input-styles;

    flex: 1;
    min-inline-size: 0;
  }

  &__label-icon {
    inline-size: 2rem;
  }
}