.city-pick{margin-left:auto;min-width:0}.city-pick__btn{display:inline-flex;align-items:center;min-height:var(--g-h-target);max-width:100%;padding:0 8px;border-radius:var(--g-r-btn);color:var(--g-ink);font-weight:var(--g-w-strong)}.city-pick__btn .g-drop__face{gap:6px}.city-pick__locate{flex:none}.city-pick__name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-pick[open]>.city-pick__btn{background:var(--g-paper)}@media (hover:hover){.city-pick:not([open])>.city-pick__btn:hover{background:var(--g-paper)}}.city-pick__btn:focus-visible{outline:3px solid var(--g-focus);outline-offset:2px}@media (min-width:768px){.city-pick{flex:none}.city-pick__btn{min-height:var(--g-h-field);padding:0 14px}}.city-pick__panel{padding:8px 0;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain}@media (min-width:768px){.city-pick__panel{left:auto;width:400px}}.city-pick__find{position:-webkit-sticky;position:sticky;top:-8px;z-index:1;padding:12px var(--g-sheet-pad) 12px;background:var(--g-paper)}.city-pick__rows{margin:0;padding:0;list-style:none}.city-pick__rows>li+li{box-shadow:inset 0 1px 0 var(--g-line)}.city-pick__row{display:flex;align-items:center;gap:var(--g-space-3);min-height:var(--g-h-row);padding:8px var(--g-sheet-pad);color:var(--g-ink);text-decoration:none}.city-pick__row:hover{background:var(--g-paper-hover);text-decoration:none}.city-pick__row:focus-visible{outline:3px solid var(--g-focus);outline-offset:-3px;border-radius:var(--g-r-inset)}.city-pick__row[aria-current=true]{font-weight:var(--g-w-strong)}.city-pick__city{flex:1 1 auto;min-width:0}.city-pick__n{flex:none;color:var(--g-pencil);font-size:var(--g-t-fine)}.city-pick__on{flex:none;color:var(--g-green-ink)}.city-pick__none{margin:0;padding:8px var(--g-sheet-pad) 12px;color:var(--g-pencil)}