.city-picker{margin-top:2px;border:1px solid #d8dddf;border-radius:10px;overflow:hidden;background:#fff;font-weight:400}.city-picker>.city-search{border:0;border-bottom:1px solid #e5e8e9;border-radius:0;padding:13px 15px}.city-picker-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#f7faf3;color:#4f661f}.city-picker-summary button{border:0;background:transparent;color:#b13a30;cursor:pointer}.city-groups{max-height:360px;overflow:auto;padding:8px}.city-province{border-bottom:1px solid #edf0f1}.city-province[hidden]{display:none}.city-province summary{cursor:pointer;padding:11px 9px;font-weight:700;list-style:none}.city-province summary::-webkit-details-marker{display:none}.city-province summary:after{content:'▾';float:right;color:#849086}.city-province summary span{margin-left:7px;padding:2px 7px;border-radius:10px;background:#edf2f3;color:#7c878b;font-size:10px}.city-province>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 5px 12px}.city-option{display:flex!important;align-items:center;gap:8px;padding:7px;border-radius:6px;font-weight:400;cursor:pointer}.city-option:hover{background:#f3f7ed}.city-option[hidden]{display:none!important}.city-option input{width:auto;margin:0}.section-actions{display:flex;gap:8px}.section-actions select{max-width:210px}@media(max-width:800px){.city-province>div{grid-template-columns:1fr}.city-groups{max-height:430px}.section-actions{flex-direction:column}}