.el_livesearch {
  position:relative;
  max-width:315px;
}


/* ANIMATION */
.el_livesearch::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  margin-top:5px;
  padding-bottom:5px;
}

.el_livesearch.searching::after {
  opacity: 1;
  visibility: visible;
}

@keyframes spin {
  from {
      transform: translateY(-50%) rotate(0deg);
  }
  to {
      transform: translateY(-50%) rotate(360deg);
  }
}


/* EO ANIMATION */

.el_livesearch input {

}

.el_livesearch.searching .el_livesearch--searchResult{
    padding:15px;
    width:150px;
}

.el_livesearch--searchResult--manufacturers,
.el_livesearch--searchResult--products,
.el_livesearch--searchResult--categories,
.el_livesearch--searchResult--noResults {
    display: none;

    flex-direction: row;
    flex-wrap:wrap;
    gap:10px;
}

.el_livesearch.loaded-manufacturers .el_livesearch--searchResult--manufacturers,
.el_livesearch.loaded-categories .el_livesearch--searchResult--categories,
.el_livesearch.loaded-products .el_livesearch--searchResult--products {
    display: flex;
    padding:15px;
    flex-direction: column;
}

.el_livesearch.loaded-none .el_livesearch--searchResult--noResults {
  display: flex;
  padding:15px;
}


.el_livesearch--searchResult{
    max-width:315px;
    box-shadow:0px 0px 3px rgba(0,0,0,.25);
  }
  
  .el_livesearch--searchResult--products--container {
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    gap:10px;
  }
  
  .el_livesearch--searchResult--products--container a {
    display: flex;
    gap:10px;
    align-items: center;
    font-size:.9rem;
  }
  
  .el_livesearch--searchResult--products--container a img {
    max-width:75px;
  }


  .el_livesearch--searchResult--manufacturers span {
    width:100% !important;
  }
  
  .el_livesearch--searchResult--categories--container,
  .el_livesearch--searchResult--manufacturers--container {
    display: flex;
    flex-direction: row;
    gap:12px;
    flex-wrap:wrap;
  }
  .el_livesearch--searchResult--manufacturers--container a {
    transition:0.3s all ease;
  }
  
  .el_livesearch--searchResult--manufacturers--container a:hover,
  .el_livesearch--searchResult--categories--container a:hover{
    font-weight:600;
  }