@use "../../../styles/mixins";

.searchBarWrapper {
  display: flex;
  align-items: center;
  gap: 10px;

  @include mixins.respond-below(sm, true) {
    flex-direction: column;
  }

  .searchBar {
    margin-bottom: 0 !important;
    width: 100%;

    @include mixins.respond-below(sm, true) {
      width: 100%;
    }

    @include mixins.respond-below(md) {
      max-width: 100%;
    }
  }
}
