/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/modules/search_spinner.module.css ***!
  \*********************************************************************************************************************/
.search_spinner_container {
  position: relative;
  width: 100px;
  height: 100px;

  .search_spinner_ring {
    width: 100%;
    height: 100%;
    border-left: 4px solid #262626;
    border-radius: 50%;
    animation: spinner_rotation 1s linear infinite;
  }

  .search_spinner_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
  }
}

@keyframes spinner_rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/modules/search.module.css ***!
  \*************************************************************************************************************/
:root {
  --rgb--part--bft-gray-100: 243, 244, 246;
  --rgb--part--bft-gray-200: 229, 231, 235;
  --rgb--part--bft-gray-400: 156, 163, 175;
}

* {
  box-sizing: border-box;
  /* margin: 0;
  padding: 0; */
}

.bft_main_search_overlay {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 110;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--rgb--part--bft-gray-100), 0.95);
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  .bft_main_search_overlay__top {
    width: 100%;
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;
    height: 100%;
    background-color: rgba(var(--rgb--part--bft-gray-100), 0.5);
    overflow: hidden;
    padding: 0 0.75rem;

    .bft_search_container {
      margin-top: 2.5rem;
      width: 100%;
      max-width: var(--wp--style--global--content-size);
      padding: 0 0.5rem;
      height: 50px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background-color: rgba(var(--rgb--part--bft-gray-400), 0.85);
      border-radius: 1rem;

      .bft_search_term {
        width: 100%;
        border: none;
        padding: 15px 0;
        background-color: transparent;
        font-size: 1rem;
        font-weight: 300;
        outline: none;
        color: var(--wp--preset--color--bft-gray-700);
      }
    }
    .bft_loading_container {
      margin: 1rem 0 0 0;
      width: 100%;
      height: calc(100vh - 5.6rem);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;

      .search_spinner_outer_container {
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      h3 {
        padding-left: 1rem;
        margin: 0 0 1rem 0;
      }

      .group_results_container {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-gap: 0.5rem;
        margin: 0;
        padding: 0 0.5rem;
        width: 100%;
        max-width: var(--wp--style--global--content-size);

        @media screen {
          @media (max-width: 525px) {
            grid-template-columns: 1fr;
          }
        }

        div {
          padding: 0.25rem;
          border-radius: 0.25rem;
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
          background-color: rgba(var(--rgb--part--bft-gray-200), 0.95);

          h5 {
            text-align: left;
            margin: 0 0 0.5rem 0;
            background-color: var(--wp--preset--color--bft-gray-400);
            line-height: 2rem;
            padding-left: 0.5rem;
            border-radius: 0.25rem;
          }

          ul {
            list-style: none;
            padding-left: 0.5rem;

            li {
              line-height: 1rem;
              margin-bottom: 0.25rem;
              display: flex;
              justify-content: flex-start;
              align-items: baseline;

              transition: transform 0.3s;

              i {
                transform: scale(0.9);
              }

              &:hover i {
                animation: pointerMove 0.3s ease-in-out;
              }

              a {
                text-decoration: none;
                line-height: inherit;
                color: var(--wp--preset-color--bft-gray-700);
              }
            }
          }
        }
      }
    }
  }
}

@keyframes pointerMove {
  0% {
    transform: translateX(0%);
  }
  10% {
    transform: translateX(-15%);
  }
  60% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0%);
  }
}

.body-no-scroll {
  overflow: hidden;
}

#bft_search_button {
  transition: transform 0.4s;
}

#bft_search_button:hover {
  cursor: pointer;
  transform: scale(1.15);
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/modules/search_item.module.css ***!
  \******************************************************************************************************************/




/*# sourceMappingURL=custom.css.map*/