/* stylelint-disable */
@import 'accessible-autocomplete/dist/accessible-autocomplete.min';
/* stylelint-enable */

.autocomplete__wrapper {
  .autocomplete__menu {
    border: $autocomplete-border;
    border-top: none;
    width: 100%;
    position: absolute;
    top: 100%;
    z-index: 10;
    box-shadow: $autocomplete-box-shadow;
    .autocomplete__hint,
    .autocomplete__option {
      padding: 12px 24px;
      background-color: #fff;
      border: none;
      font-size: 0.875rem;
      font-weight: 600;
      &:hover,
      &:focus {
        color: $primary;
      }
      &:focus {
        border: 2px solid $focus-outline-color;
      }
    }
  }
}