@techabl/core-components/lib/src/molecules/autocomplete/autocomplete.css

Easy use restyle components in React applications.

.no-options {
  position: relative;
  padding: 0 10px 0px 10px;
  /* background: white; */
  background-color: #f3f6f4;
  color: black;
}

.autocomplete-list {
  list-style: none;
  position: relative;
  margin-top: 0;
  padding: 0 10px 0px 10px;
  min-height: auto;
  max-height: 86vh;
  overflow-y: auto;
  /* background: white; */
  background-color: #f3f6f4;
  z-index: 1;
}

.autocomplete-list li {
  /* padding: 4px; */
  color: var(--input-autocomplete-item-text, #000);
}

.autocomplete-list li.active-option {
  background-color: #f3f6f4;
  background: var(--multiselect-item-hover);
  cursor: pointer;
  font-weight: bold;
}
.autocomplete-list li:hover {
  background-color: #f3f6f4;
  background: var(--multiselect-item-hover);
  cursor: pointer;
}