// Overrides for npm:autocompleter

.autocomplete {
  border: none;
  padding: 0.5rem;
  padding-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: $shadow3;
  transform: translate(-8px, -2px);
}
.autocomplete > div {
  padding: 0.5rem;
  border-radius: 4px;
}
.autocomplete > div:hover:not(.group) {
  background: $base-body;
}
.autocomplete > div + div:not(.selected) {
  box-shadow: inset 0 1px $line-color;
}
.autocomplete > div.selected,
.autocomplete > div.selected:hover {
  background: $base-c;
  color: #fff;
}
