.city-select{min-width:0;position:relative}.city-select-validation{opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;position:absolute!important}.city-select-trigger{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.city-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.city-select-popup{z-index:60;top:100%;border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:8px;min-width:min(300px,80vw);padding:12px;display:grid;position:absolute;inset-inline:0;box-shadow:0 10px 32px #123b3126}.city-select-popup input,.city-select-popup select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;font:inherit;border-radius:10px;padding:10px}.city-select-list{overscroll-behavior:contain;max-height:230px;overflow:auto}.city-select-list button{text-align:start;background:var(--surface);width:100%;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:9px 12px;display:flex}.city-select-list button:hover,.city-select-list button:focus-visible,.city-select-list button[aria-selected=true]{background:var(--pale-green)}.city-select-list small,.city-select-popup>small{color:var(--muted);font-size:11px}.city-select-trigger:focus-visible{outline:2px solid var(--green);outline-offset:2px}.city-select-trigger{min-width:0;max-width:100%}.city-select-trigger>span:first-child{min-width:0}.city-select-popup{width:min(340px,100vw - 48px);min-width:0;inset-inline:auto 0}