@import "@/styles/variables.scss";
@import "@/styles/mixins";

.searchContainer {
  padding-top: 3.75rem;
  .inputContainer {
    .form {
      display: flex;
      justify-content: center;
      align-items: center;

      .inputWrapper {
        display: flex;
        flex: 1;
        position: relative;
        .hitsWrapper {
          position: absolute;
          left: 0;
          right: 0;
          top: calc(100% + 0.5rem);
          background-color: rgba(255, 255, 255, 1);
          box-shadow: inset 0px -1px 0px rgba(44, 44, 44, 0.15);
          display: flex;
          flex-direction: column;
          max-height: 22rem;
          overflow-y: hidden;
          z-index: 2;
          border-radius: 0.625rem;
          color: $black;
        }
      }
      button {
        @include h4;
        width: 7.5rem;
        height: 3.75rem;
        border: 0.375rem;
      }
    }
  }
}