.awesomplete {
  position: relative;
  display: block;
}
.awesomplete [hidden] {
  display: none;
}
.awesomplete .visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.awesomplete > input {
  display: block;
}
.awesomplete > ul {
  position: absolute;
  left: 0;
  z-index: 1000;
  box-sizing: border-box;
  min-width: 100%;
  padding: 0.5rem 0;
  margin: 0.375rem 0 0;
  list-style: none;
  background: #ffffff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26);
}
.awesomplete > ul:empty {
  display: none;
}
.awesomplete > ul > li {
  position: relative;
  padding: 0.5rem 1.25rem;
  color: #111111;
  cursor: pointer;
}
.awesomplete > ul > li:hover {
  color: #111111;
  background: #f9fafe;
}
.awesomplete > ul > li[aria-selected=true] {
  color: #ffffff;
  background: #0171cd;
}
.awesomplete mark {
  padding: 0;
  color: #115b7e;
  background: none;
}
.awesomplete li[aria-selected=true] mark {
  color: inherit;
  text-decoration: underline;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (transform: scale(0)) {
    .awesomplete > ul {
      transform-origin: 1.5em -0.5em;
      transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    }
    .awesomplete > ul[hidden],
    .awesomplete > ul:empty {
      display: block;
      visibility: hidden;
      opacity: 0;
      transform: scale(0.96);
    }
  }
}