.mapSummary{display:flex;gap:60px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:18px 0;margin-bottom:25px}.mapSummary>div{display:flex;align-items:center;gap:12px}.mapSummary b{font-size:25px}.mapSummary span{font-size:8px;letter-spacing:.16em;color:#858a8b}.mapSummary .live{margin-left:auto;font-size:9px;letter-spacing:.15em;color:#aaa}.mapSummary .live i,.mapLegend i{width:8px;height:8px;border-radius:50%;background:#45d27b;box-shadow:0 0 0 6px #45d27b22}.world{height:570px;border:1px solid #ffffff22;background:radial-gradient(ellipse at center,#1d2224 0,#0c0f10 72%)}.world:before,.world:after{content:"";position:absolute;inset:0;border:0;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff08 40px);pointer-events:none}.world:after{background:repeating-linear-gradient(90deg,transparent 0 59px,#ffffff08 60px)}.mapTexture{position:absolute;inset:7% 4% 11%;background:url('world-map.svg') center/contain no-repeat;filter:invert(1);opacity:.32;transition:.4s}.world:hover .mapTexture{opacity:.43}.continent{display:none}.pin{width:46px;height:46px;border:1px solid #ff3b08aa;background:#ff3b082d;box-shadow:0 0 28px #ff3b0855;z-index:3;transition:.2s}.pin>i{position:absolute;width:12px;height:12px;left:16px;top:16px;border-radius:50%;background:var(--o);border:3px solid white}.pin:before{content:attr(data-city);position:absolute;left:50%;bottom:52px;transform:translateX(-50%);padding:7px 9px;background:#080b0dee;border:1px solid #ffffff25;white-space:nowrap;color:white;font-size:9px;font-weight:900;letter-spacing:.08em;opacity:0;pointer-events:none;transition:.2s}.pin:hover,.pin:focus{transform:translate(-50%,-50%) scale(1.18);outline:none;background:#ff3b0850}.pin:hover:before,.pin:focus:before{opacity:1}.mapLegend{position:absolute;left:22px;right:22px;bottom:18px;z-index:4;display:flex;align-items:center;gap:10px}.mapLegend span{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.15em}.mapLegend small{margin-left:auto;color:#777;font-size:8px;letter-spacing:.13em}@media(max-width:800px){.mapSummary{gap:22px;flex-wrap:wrap}.mapSummary .live{margin-left:0;width:100%}.world{height:430px}.mapTexture{inset:12% -8% 15%;background-size:115% auto}.pin{width:38px;height:38px}.pin>i{left:12px;top:12px}.mapLegend small{display:none}}