/* Searchable native-value chooser reuses the shared selector/menu family. */
.twoip-city-choice {position:relative;display:inline-block;vertical-align:middle;max-width:100%}
.twoip-city-popup {box-sizing:border-box;list-style:none;border:1px solid var(--twoip-outline-variant);position:fixed;z-index:1081;overscroll-behavior:contain}
.twoip-city-popup[hidden],.twoip-city-option[hidden],.twoip-city-empty[hidden] {display:none!important}
.twoip-city-popup--searchable {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.twoip-city-results {
    min-height: 0;
    overflow-y: auto;
}
.twoip-city-popup .twoip-city-search {
    box-sizing: border-box;
    flex: none;
    width: calc(100% - 16px);
    margin: 8px;
}
.twoip-city-option {width:100%;border:0;font:inherit;text-align:start;overflow-wrap:anywhere}
.twoip-city-option:disabled {opacity:.5;cursor:default}
.twoip-city-empty {padding:8px 12px;color:var(--twoip-on-surface-variant)}

.twoip-form-selector .twoip-city-popup { margin: 0; }
.twoip-city-popup[role="listbox"] { display: block; }