.city-follow{background:#fff;border:1px solid #e4e6e8;border-radius:12px;grid-area:follow;align-items:center;gap:14px;padding:16px;display:flex}html[data-theme=dark] .city-follow{background:#161616;border:1px solid #222425;border-radius:12px}.city-follow-copy{flex:1;gap:3px;min-width:0;display:grid}.city-follow-copy b{color:#202329;font-size:15px;line-height:1.45}html[data-theme=dark] .city-follow-copy b{color:#e4e8f0}.city-follow-copy small{color:#5f6570;font-size:13px;line-height:1.6}html[data-theme=dark] .city-follow-copy small{color:#9aa0ac}.city-follow-copy .city-follow-error{color:#b2401f}html[data-theme=dark] .city-follow-copy .city-follow-error{color:#ee7756}.city-follow-on{color:#fff;background:#c9461a;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}html[data-theme=dark] .city-follow-on{color:#fff;background:#c9461a}.city-follow-on:disabled{opacity:.7}.city-follow-off{color:#5f6570;text-underline-offset:3px;flex:none;align-items:center;gap:5px;min-height:40px;font-size:13px;text-decoration:underline;display:inline-flex}html[data-theme=dark] .city-follow-off{color:#9aa0ac;text-decoration:underline}.city-follow.is-on{background:#f5faf6;border-color:#dfe8e1}html[data-theme=dark] .city-follow.is-on{background:#161b17;border-color:#1f2621}.city-follow.is-on .city-follow-copy small{color:#2f6a45}html[data-theme=dark] .city-follow.is-on .city-follow-copy small{color:#73ae86}@media (max-width:520px){.city-follow{flex-wrap:wrap}.city-follow-on{justify-content:center;width:100%}}