.city-picker{display:grid;gap:.65rem;min-width:0}.city-picker-label,.city-picker-advanced label{display:grid;gap:.35rem;color:var(--ink, #182c28);font-size:.9rem;font-weight:700}.city-picker-label.has-icon{display:flex;align-items:center;gap:.35rem}.city-picker-label.has-icon>span{flex:1;min-width:0}.city-picker-control{position:relative;display:flex;gap:.45rem}.city-picker-control input,.city-picker-advanced input{min-width:0;width:100%;min-height:2.75rem;border:1px solid var(--line, #dbe3dc);border-radius:.7rem;padding:.5rem .7rem;background:#fff;color:var(--ink, #182c28);font:inherit}.city-picker .city-picker-browse{flex:0 0 auto;min-height:2.75rem;border:1px solid #aebdb4;border-radius:.7rem;padding:.5rem .75rem;background:#fff;color:var(--ink, #182c28);cursor:pointer;font:inherit;font-weight:700}.city-picker-results{display:grid;gap:.35rem;max-height:20rem;overflow-y:auto;margin-top:-.25rem;padding:.35rem;border:1px solid var(--line, #dbe3dc);border-radius:.7rem;background:#fff;box-shadow:0 .8rem 1.8rem #182c281f}.city-picker-results[hidden]{display:none}.city-picker-results p{margin:0;padding:.5rem;color:var(--muted, #62736c);font-size:.9rem}.city-picker .city-picker-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:.15rem .65rem;align-items:center;min-height:2.75rem;border:0;border-radius:.5rem;padding:.45rem .55rem;background:#fff;color:var(--ink, #182c28);cursor:pointer;text-align:left;font:inherit}.city-picker .city-picker-result:hover,.city-picker .city-picker-result.is-active{background:#edf6f1}.city-picker-result span:first-child{font-weight:800;overflow-wrap:anywhere}.city-picker-result span:nth-child(2){color:var(--muted, #62736c);text-align:right}.city-picker-result code{grid-column:1 / -1;color:var(--muted, #62736c);font-size:.78rem;font-weight:400}.city-picker-map-details,.city-picker-advanced{border-top:1px solid var(--line, #dbe3dc);padding-top:.65rem}.city-picker-map-details summary,.city-picker-advanced summary{cursor:pointer;font-weight:700}.city-picker-map-details summary .ui-icon,.city-picker-advanced summary .ui-icon{margin-inline-end:.35rem}.city-picker-map-help,.city-picker-map-status,.city-picker-map-attribution{margin:.65rem 0;color:var(--muted, #62736c);font-size:.85rem}.city-picker-map-attribution{display:block;margin-top:-.35rem;font-size:.75rem}.city-picker-map-status:empty{display:none}.city-picker-globe{display:grid;justify-items:center;gap:.55rem}.city-picker-globe-canvas{display:block;width:min(100%,21rem);aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none}.city-picker-globe-canvas:active{cursor:grabbing}.city-picker-globe-list-heading{justify-self:start;margin:0;font-size:.85rem;font-weight:700}.city-picker-globe-city-list{display:flex;flex-wrap:wrap;gap:.4rem;width:100%}.city-picker .city-picker-globe-city{min-height:2.5rem;border:1px solid var(--line, #dbe3dc);border-radius:.6rem;padding:.35rem .6rem;background:#fff;color:var(--ink, #182c28);cursor:pointer;font:inherit;font-size:.82rem}.city-picker .city-picker-globe-city[aria-pressed=true]{border-color:#6c3aab;background:#f2ecfa}.city-picker-advanced-message{color:var(--muted, #62736c);font-size:.8rem;font-weight:400}.city-picker :focus-visible{outline:3px solid #8e7acf;outline-offset:3px}@media(max-width:30rem){.city-picker-control{display:grid;grid-template-columns:1fr auto}.city-picker .city-picker-result{grid-template-columns:minmax(0,1fr)}.city-picker-result span:nth-child(2){text-align:left}}