@import "@/styles/variables.scss";
@import "@/styles/mixins";
.searchPage {
  .searchContainer {
    display: flex;
    align-items: flex-end;
    height: 15rem;
    background: linear-gradient(180deg, $blue-dark 0%, #54547a 100%);
    padding-bottom: 2.5rem;

    .form {
      display: flex;
      .inputWrapper {
        display: flex;
        flex: 1;
        position: relative;
      }
      button {
        @include h4;
        flex: 0 1 7.5rem;
        height: 3.75rem;
        border: 0.375rem;
      }
    }
  }
  .resultContainer {
    .hitsWrapper {
      .tabsContainer {
        white-space: nowrap;
        overflow-x: hidden;
        margin-bottom: 3rem;
      }
      .paginationWrapper {
        padding: 2rem 0 5rem 0;
      }
    }
  }
}