.autocomplete__wrapper { 
  position: relative; 
}

.autocomplete__hint, .autocomplete__input { 
  -webkit-appearance: none; 
  appearance: none; 
  border: 2px solid #0b0c0c; 
  border-radius: 0; 
  box-sizing: border-box; 
  height: 2.5rem; 
  line-height: 1.25; 
  margin-bottom: 0; 
  width: 100%; 
}

.autocomplete__input { 
  background-color: transparent; 
  position: relative; 
}

.autocomplete__hint { 
  color: #505a5f; 
  position: absolute; 
}

.autocomplete__input--default { 
  padding: 5px; 
}

.autocomplete__input--focused { 
  box-shadow: inset 0 0 0 2px; 
  outline: 3px solid #fd0; 
  outline-offset: 0; 
}

.autocomplete__input--show-all-values { 
  cursor: pointer; 
  padding: 5px 35px 5px 5px; 
}

.autocomplete__dropdown-arrow-down { 
  display: inline-block; 
  height: 24px; 
  position: absolute; 
  right: 8px; 
  top: 10px; 
  width: 24px; 
  z-index: -1; 
}

.autocomplete__menu { 
  background-color: #fff; 
  border: 2px solid #0b0c0c; 
  border-top: 0; 
  color: #0b0c0c; 
  margin: 0; 
  max-height: 342px; 
  overflow-x: hidden; 
  padding: 0; 
  width: 100%; 
  width: calc(100% - 4px); 
}

.autocomplete__menu--visible { 
  display: block; 
}

.autocomplete__menu--hidden { 
  display: none; 
}

.autocomplete__menu--overlay { 
  box-shadow: 0 2px 6px rgba(0,0,0,.257); 
  left: 0; 
  position: absolute; 
  top: 100%; 
  z-index: 100; 
}

.autocomplete__menu--inline { 
  position: relative; 
}

.autocomplete__option { 
  border-bottom: 1px solid #b1b4b6; 
  border-left-width: 0; 
  border-right-width: 0; 
  border-top-width: 1px; 
  cursor: pointer; 
  display: block; 
  position: relative; 
}

.autocomplete__option > * { 
  pointer-events: none; 
}

.autocomplete__option:first-of-type { 
  border-top-width: 0; 
}

.autocomplete__option:last-of-type { 
  border-bottom-width: 0; 
}

.autocomplete__option--odd { 
  background-color: #f3f2f1; 
}

.autocomplete__option--focused, .autocomplete__option:hover { 
  background-color: #1d70b8; 
  border-color: #1d70b8; 
  color: #fff; 
  outline: none; 
}

@media (-ms-high-contrast: active), (forced-colors: active) { 

  .autocomplete__menu { 
    border-color: FieldText; 
  }

  .autocomplete__option { 
    background-color: Field; 
    color: FieldText; 
  }

  .autocomplete__option--focused, .autocomplete__option:hover { 
    background-color: Highlight; 
    background-color: SelectedItem; 
    border-color: SelectedItem; 
    color: HighlightText; 
    color: SelectedItemText; 
    forced-color-adjust: none; 
    outline-color: SelectedItemText; 
  }

}

.autocomplete__option--no-results { 
  background-color: #f3f2f1; 
  color: #505a5f; 
  cursor: not-allowed; 
}

.autocomplete__hint, .autocomplete__input, .autocomplete__option { 
  font-size: 1rem; 
  font-weight: 400; 
}

.autocomplete__hint, .autocomplete__option { 
  padding: 5px; 
}

@media (min-width: 641px) { 

  .autocomplete__hint, .autocomplete__input, .autocomplete__option { 
    font-size: 1.1875rem; 
    line-height: 1.3157894737; 
  }

}

.autocomplete__visually-hidden { 
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin-bottom: -1px; 
  margin-right: -1px; 
  overflow: hidden; 
  padding: 0; 
  position: absolute; 
  white-space: nowrap; 
  width: 1px; 
}