.autocomplete {
  border-style: solid;
  border-color: var(--border-color);
  border-width: 0 1px 1px 1px;
  border-radius: var(--border-radius);
  display: none;
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
}
.autocomplete.active {
  display: block;
}
.autocomplete ul li {
  background-color: white;
  display: block;
  padding: 3px 5px;
  margin: 0;
  transition: all 0.1s ease;
  width: 100%;
  line-height: normal;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.autocomplete ul li:hover,
.autocomplete ul li.active {
  background-color: var(--primary-color);
  color: #ffffff;
  cursor: pointer;
}