.city-field{position:relative}
.city-options{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:270px;overflow:auto;margin-top:4px;padding:4px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:10px;box-shadow:0 16px 32px var(--site-shadow)}
.city-options[hidden]{display:none}
.city-option{display:block;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:var(--site-text);text-align:left;font:inherit;cursor:pointer}
.city-option:hover,.city-option[aria-selected="true"]{background:var(--site-raised);color:var(--site-text)}
.city-option:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}