.typeahead {
  position: relative;
  width: 100%;
}
.fake-input {
  cursor: text;
}

.fake-input:focus-within {
  outline-style: solid;
}

.typeahead .typeahead-list {
  position: absolute;
  border: none;
  border-bottom: 1px solid var(--grey-900-175);
  z-index: 100001;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
  overflow: hidden;
}

.typeahead .typeahead-list--visible {
  visibility: visible;
  width: 100%;
  height: auto;
  max-height: 400px;
  overflow-y: auto;
}

.typeahead .typeahead-list .typeahead-list-item {
  cursor: pointer;
  background-color: var(--grey-1000-50);
  padding: 1rem;
  border-bottom: 1px solid var(--grey-900-175);
  border-left: 1px solid var(--grey-900-175);
  border-right: 1px solid var(--grey-900-175);
}

.typeahead .typeahead-list .typeahead-list-item:last-child {
  border-bottom: none;
}

.typeahead .typeahead-list .typeahead-list-item.typeahead-list-item-active {
  background-color: var(--grey-1000-50-hover);
}
