.location-field{position:relative}
.location-autocomplete{position:relative}
.location-autocomplete input[type="text"],
.location-autocomplete input:not([type]){
  width:100%;
}
.location-help{
  display:block;
  margin-top:6px;
  color:#6d7784;
  font-size:.72rem;
  font-weight:500;
}
.location-suggestions{
  position:absolute;
  z-index:50;
  top:calc(100% + 5px);
  left:0;
  right:0;
  max-height:280px;
  overflow-y:auto;
  background:#fff;
  border:1px solid #cfd9e6;
  border-radius:8px;
  box-shadow:0 14px 30px rgba(9,30,66,.16);
}
.location-suggestion{
  width:100%;
  border:0;
  border-bottom:1px solid #eef2f6;
  background:#fff;
  text-align:left;
  padding:11px 13px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.location-suggestion:last-child{border-bottom:0}
.location-suggestion:hover,
.location-suggestion.is-active{
  background:#f2f7ff;
}
.location-suggestion strong{
  color:#111821;
  font-size:.86rem;
}
.location-suggestion span{
  color:#66717e;
  font-size:.72rem;
}
.location-empty{
  padding:12px 13px;
  color:#6d7784;
  font-size:.78rem;
}