.wrapper {
  height: 100%;
}
.field {
  max-height: 2.5625rem;
  border-radius: .25rem;
  font-family: revert;
  outline: none;
  border: 1px solid #929292;
  height: 100%;
}
.suggestions {
  position: absolute;
  min-width: 150%;
  max-width: 300px;
  max-height: 500px;
  bottom: 100%;
  left: 0;
  z-index: 1;
  background: white;
  border: 1px solid #929292;
  border-radius: .25rem;
  overflow: scroll;
.suggestion {
    padding: .25rem 1rem !important;
    color: #000;
    text-align: left;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 1rem;
&:hover {
      color: #c6143d;
      cursor: pointer;
}
}
}