/* VISIONDER_CITY_PICKER_V1 */

.visionder-city-field{
  position:relative;
}

.visionder-city-results{
  position:absolute;

  z-index:80;

  top:calc(100% + 7px);
  left:0;
  right:0;

  max-height:310px;

  overflow-y:auto;
  overscroll-behavior:contain;

  padding:6px;

  border:
    1px solid rgba(111,168,232,.16);

  border-radius:16px;

  background:
    rgba(5,10,20,.98);

  box-shadow:
    0 22px 60px rgba(0,0,0,.46);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.visionder-city-results[hidden]{
  display:none !important;
}

.visionder-city-option{
  width:100%;
  min-height:44px;

  padding:9px 12px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  border:0;
  border-radius:11px;

  background:transparent;

  color:
    rgba(244,240,232,.92);

  font:inherit;
  text-align:left;

  cursor:pointer;
}

.visionder-city-option:hover,
.visionder-city-option:focus-visible{
  outline:0;

  background:
    rgba(111,168,232,.09);
}

.visionder-city-option span{
  min-width:0;

  overflow:hidden;

  font-size:13px;
  font-weight:680;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.visionder-city-option small{
  flex:0 0 auto;

  max-width:48%;

  overflow:hidden;

  color:
    rgba(169,190,218,.48);

  font-size:10px;
  font-weight:650;

  text-overflow:ellipsis;
  white-space:nowrap;
}

.visionder-city-empty{
  padding:12px;

  color:
    rgba(180,198,222,.48);

  font-size:11px;
}