.searchbar--autocomplete{position:relative}
.city-suggestions{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:30;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  padding:6px;
}
.city-suggestions__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:var(--radius-sm);
  color:var(--ink);
}
.city-suggestions__item:hover,
.city-suggestions__item.is-active{
  background:var(--action-soft);
  color:var(--action-dark);
}
.city-suggestions__item span{font-weight:650}
.city-suggestions__item small{
  color:var(--muted);
  font-size:12px;
  text-align:right;
}