.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  padding: 0;
  list-style: none;
  z-index: 99;
}

.autocomplete-items li {
  padding: 10px;
  cursor: pointer;
  background-color: var(--functional-colors-foreground-colors-white);
}

.autocomplete-items li:hover {
  /*when hovering an item:*/
  background-color: var(--brand-colors-background-colors-sand-hover);
}

.autocomplete-items li.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: var(--brand-colors-background-colors-sand-hover);
}