.city-autocomplete{position:relative;min-width:0;width:100%}
.city-autocomplete>.input{width:100%;min-width:0}
.city-no-match{display:block;margin-top:5px;font-size:.9em;color:var(--muted)}
.city-no-match:empty{display:none}
.city-options{position:absolute;z-index:1500;top:calc(100% + 5px);left:0;right:0;max-height:200px;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--ui-corner);box-shadow:0 8px 24px #18212b20;padding:4px}
.city-options[hidden]{display:none}
.city-option{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:48px;padding:9px 10px;border-radius:var(--ui-corner);text-align:left;line-height:1.35;overflow-wrap:anywhere}
.city-option span{font-size:15px;font-weight:600}.city-option small{font-size:12px;color:var(--muted);margin-top:2px}
.city-option:hover,.city-option[aria-selected=true]{background:var(--soft)}
.large-text .city-option span{font-size:18px}.large-text .city-option small{font-size:14px}