.map-card{border:1px solid #ffffff17;border-radius:22px;background:linear-gradient(145deg,#20252de8,#11141bea);overflow:hidden}.map-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 30px 8px;gap:15px}.map-heading h2{font-size:23px;margin-top:12px}.map-heading .eyebrow{font-size:9px;letter-spacing:2px}.map-surface svg{display:block;width:100%;height:auto}.map-hit{display:block;width:44px;height:44px;border-radius:50%;padding:0;background:transparent}.map-hit:hover,.map-hit:focus-visible{background:#d7fb8326;outline:2px solid #d7fb83;outline-offset:-3px}.map-bottom{display:flex;justify-content:space-between;padding:16px 28px;border-top:1px solid #ffffff0b;color:#a4a4af;font-size:11px;gap:12px}.map-bottom i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #d7fb83;margin-right:7px}.map-cities{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.map-cities .pill{font-size:12px}.map-cities .pill span{opacity:.6;margin-left:7px}.map-cities .chosen{border-color:#d7fb8380;color:var(--accent);background:#d7fb830c}@media(max-width:650px){.map-heading{padding:22px 18px 5px;align-items:start}.map-heading h2{font-size:18px}.map-heading>.tag{font-size:10px;padding-top:22px}.map-surface{overflow-x:auto}.map-surface svg{min-width:580px}.map-bottom{padding:14px 18px;font-size:10px}.map-cities{gap:8px}}