/* Keep the optional city near a narrowed country search instead of leaving blank rows. */
.country-picker.is-filtered .country-list{height:auto;max-height:264px}
.country-picker.is-filtered:not(.can-scroll){grid-template-columns:minmax(0,1fr)}
.country-picker.is-filtered:not(.can-scroll) .country-scroll{display:none}
.country-scroll-hint[hidden]{display:none}
@media(max-width:640px){.country-picker.is-filtered .country-list{max-height:252px}}
.city-picker{position:relative;min-width:0}.city-input-row{display:flex;border:1px solid var(--border);border-radius:5px;background:#fff;align-items:center;min-width:0}.city-input-row:focus-within{outline:3px solid #8eafff;outline-offset:2px}.city-input-row input{min-width:0;width:100%;border:0;background:none;padding:9px 8px;font-size:12px;height:40px;outline:none}.city-input-row input:focus-visible{outline:none}.city-input-row>button{flex:0 0 36px;min-height:40px;font-size:21px;padding:0;color:var(--muted)}.city-options{position:absolute;inset:calc(100% + 5px) 0 auto;z-index:15;max-height:270px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #c7d3e8;border-radius:6px;box-shadow:0 8px 24px #101b3926;scrollbar-width:thin;scrollbar-color:#0648f5 #edf1f7}.city-options[hidden]{display:none}.city-options>[role=option]{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:9px 10px;text-align:left;border-bottom:1px solid #f0f2f6}.city-options strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.city-options small{display:block;font-size:10px;color:var(--muted)}.city-options>[role=option]:hover,.city-options>[role=option].is-active{background:#edf3ff;color:var(--blue)}.city-options>[aria-selected=true]{background:#f5f8ff}.city-no-options{padding:12px;font-size:12px;line-height:1.6;color:var(--muted);margin:0}.search-pending #cards{visibility:hidden}
@media(max-width:640px){.city-input-row input{font-size:16px;min-height:44px}.city-input-row>button{flex-basis:42px;min-height:44px}.city-options strong{font-size:14px}.city-options small{font-size:11px}.city-options>[role=option]{min-height:48px}}

.city-options.opens-up{inset:auto 0 calc(100% + 5px)}
