.reach-v1 .city-btn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid rgba(30,40,49,.08);border-radius:10px;padding:15px 20px;cursor:pointer;font-weight:700;color:#1E281;font-size:15px;font-family:inherit;transition:border-color .25s,background-color .25s,color .25s;-webkit-tap-highlight-color:transparent;text-align:left;min-height:52px}.reach-v1 .city-btn:hover{border-color:#00a4b2}.reach-v1 .city-btn:focus-visible{outline:2px solid #00a4b2;outline-offset:2px}.reach-v1 .city-btn.active{background:#00a4b2;color:#fff;border-color:#00a4b2}.reach-v1 .city-btn .arrow{opacity:.5;transition:opacity .25s,transform .25s;flex:0 0 auto}.reach-v1 .city-btn.active .arrow{opacity:1;transform:translateX(4px)}.reach-v1 .detail-inner{opacity:1;transition:opacity .2s ease}.reach-v1 .detail-inner.fading{opacity:0}.reach-v1 .detail .badge{display:inline-block;background:rgba(0,164,178,.2);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}@media (max-width:560px){.reach-v1 .city-btn{padding:14px 18px;font-size:14.5px}.reach-v1 .detail .badge{font-size:11px;padding:5px 12px;margin-bottom:14px}}@media (max-width:360px){.reach-v1 .city-btn{padding:13px 16px;font-size:14px}}@media (prefers-reduced-motion:reduce){.reach-v1 .detail-inner{transition:none}.reach-v1 .city-btn .arrow{transition:none}}