.s4-city{position:relative;width:100%}.s4-city-input{width:100%;box-sizing:border-box;height:48px;padding:.6rem 2.4rem .6rem .75rem;border:1px solid rgba(26,20,23,.15);border-radius:12px;font-size:.95rem;background:#fff;color:var(--s4-ink,#1a1417)}.s4-city-input:disabled{background:#f6f3f5;color:#9a9097}.s4-city-clear,.s4-city-spin{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:#b9aeb5;font-size:.85rem}.s4-city-clear{border:0;background:none;padding:.3rem;cursor:pointer}.s4-city-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.3rem;list-style:none;background:#fff;border-radius:14px;box-shadow:0 14px 34px -14px rgba(26,20,23,.45);max-height:300px;overflow-y:auto}.s4-city-opt{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:10px;cursor:pointer;font-size:.9rem;color:var(--s4-ink,#1a1417)}.s4-city-opt i{color:var(--s4-pink,#d2447b);font-size:.8rem}.s4-city-opt span{display:flex;flex-direction:column;min-width:0;line-height:1.25}.s4-city-opt small{color:#8a7f86;font-size:.75rem}.s4-city-opt--on{background:rgba(210,68,123,.08)}.s4-city-none{padding:.6rem .65rem;color:#8a7f86;font-size:.85rem}.s4-city-hint{margin:.35rem 0 0;font-size:.75rem;color:#8a7f86;line-height:1.35}.s4-city-remove{margin-top:.5rem;border:0;background:none;padding:0;font-size:.78rem;color:#8a7f86;text-decoration:underline;cursor:pointer}.card:has(.s4-city-list),.s4-filter-section:has(.s4-city-list),section:has(.s4-city-list){position:relative;z-index:40}.input-group:has(.s4-city-list){overflow:visible}.s4-country-flag{font-size:1.15rem;line-height:1}