@import "../css/colors"
@import "../css/vars"

:local(.container)
  position: relative

:local(.suggestionsContainer) {
  background: $white
  border: solid 1px $borderGray
  border-top: none
  margin-top: -1px
  width: calc(100% - 2px)
  max-height: 200px
  overflow: auto;
}

:local(.suggestionsList) {
  padding: 0
  margin: 0
  list-style: none
}

:local(.suggestion:hover),
:local(.suggestionFocused) {
  background-color: $darkGray
  color: $white
  cursor: pointer
}