.cc .cc-city{flex:0 auto;align-items:center;min-width:0;display:flex}.cc .cc-city-chips{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.cc .cc-city-chips::-webkit-scrollbar{display:none}.cc .cc-city-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);color:var(--dim);font:500 12px/1 var(--body);white-space:nowrap;cursor:pointer;background:rgba(255,255,255,.04);border-radius:999px;flex:none;align-items:baseline;gap:6px;margin:0;padding:6px 11px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.cc .cc-city-chip b{font:500 11px/1 var(--mono);font-variant-numeric:tabular-nums;opacity:.8}.cc .cc-city-chip:hover{color:var(--ink);background:rgba(255,255,255,.1)}.cc .cc-city-chip:focus-visible{outline:2px solid var(--lantern);outline-offset:2px}.cc .cc-city-pick:focus-visible{outline:2px solid var(--lantern);outline-offset:2px}.cc .cc-city-chip.on{color:var(--lantern);background:rgba(242,180,90,.12);border-color:rgba(242,180,90,.6)}.cc .cc-city-chip.busy{animation:1.2s ease-in-out infinite cc-city-busy}@keyframes cc-city-busy{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.cc .cc-city-chip.busy{opacity:.7;animation:none}}.cc .cc-city-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;min-height:32px;color:var(--lantern);font:500 12px var(--body);cursor:pointer;text-overflow:ellipsis;background-color:rgba(242,180,90,.12);background-image:linear-gradient(45deg,transparent 50%,var(--lantern)50%),linear-gradient(135deg,var(--lantern)50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid rgba(242,180,90,.6);border-radius:999px;margin:0;padding:6px 28px 6px 11px;display:none}.cc .cc-city-pick option{color:var(--ink);background:#14171d}@media (pointer:coarse){.cc .cc-city-chip{min-height:38px}.cc .cc-city-pick{min-height:44px}}@media (max-width:1100px){.cc .cc-city-chips{display:none}.cc .cc-city-pick{display:block}}@media (max-width:600px){.cc:not(.wall) #top .cc-city{grid-area:1/3;justify-self:start;max-width:100%}.cc:not(.wall) #top .cc-city-pick{padding-left:10px;font-size:13px}}.cc .cc-unplaced{border:1px dashed var(--line);color:var(--dim);font:500 11.5px/1.35 var(--body);overflow-wrap:anywhere;border-radius:9px;margin:8px 12px 4px;padding:7px 10px}