.components-locations-map h1{margin:5px 0}.components-locations-map .server-locations{text-align:center;flex-direction:column;align-items:center;margin-top:150px;display:flex}@media (max-width:1199px){.components-locations-map .server-locations{margin-top:100px}}.components-locations-map .server-locations .description{max-width:600px;margin-top:24px;margin-bottom:36px;line-height:150%}@media (min-width:1200px){.components-locations-map .server-locations .description{margin-top:32px;font-size:18px}}.components-locations-map .components-tooltip .dattooltipwrapper{cursor:default;bottom:-10px!important;left:-4px!important}.components-locations-map .components-tooltip .dattooltipcontents{border-radius:6px;padding:3px 8px;box-shadow:-2px 2px 6px #00000080}.components-locations-map .metric-value{color:var(--white-100);border-left:3px solid var(--secondary-500);padding-left:24px;font-size:24px;font-weight:600;line-height:150%}@media (max-width:768px){.components-locations-map .metric-value{font-size:18px}}.components-locations-map .legend{z-index:10;pointer-events:none;background:var(--white-5);border:1px solid var(--white-10);white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@media (min-width:769px){.components-locations-map .legend{gap:8px;padding:6px 16px;font-size:14px}}.components-locations-map .map-wrapper{position:relative}.components-locations-map .scroll-container{height:400px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:769px){.components-locations-map .scroll-container{height:780px}}.components-locations-map .scroll-surface{transform-origin:0 0;place-content:center;width:3600px;height:2340px;transition:transform .6s ease-in-out;display:flex}@media (min-width:769px){.components-locations-map .scroll-surface{width:1200px;height:780px}}.components-locations-map .region-selector{scrollbar-width:none;flex-direction:row;gap:8px;padding:12px 4px 4px;display:flex;overflow-x:auto}.components-locations-map .region-selector::-webkit-scrollbar{display:none}.components-locations-map .region-selector .region-option{background:var(--white-5);border:1px solid var(--white-10);cursor:pointer;color:var(--white-50);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:flex}.components-locations-map .region-selector .region-option:hover{color:var(--white-77);background:var(--white-8);border-color:var(--white-20)}.components-locations-map .region-selector .region-option.active{color:var(--secondary-400);background:#ffa14b1a;border-color:#ffa14b59}.components-locations-map .region-selector .region-option.active .region-dot{background:var(--secondary-500);border-color:var(--secondary-500)}.components-locations-map .region-selector .region-option .region-dot{border:2px solid var(--white-40);background:0 0;border-radius:50%;flex-shrink:0;order:1;width:8px;height:8px;transition:background .2s,border-color .2s}@media (min-width:769px){.components-locations-map .region-selector{flex-direction:column;align-items:flex-end;gap:4px;padding:0;position:absolute;bottom:24px;right:16px;overflow-x:visible}.components-locations-map .region-selector .region-option{background:0 0;border:none;border-radius:0;padding:5px 0;font-size:16px}.components-locations-map .region-selector .region-option:hover{background:0 0;border-color:#0000}.components-locations-map .region-selector .region-option:hover .region-dot{border-color:var(--white-77)}.components-locations-map .region-selector .region-option.active{background:0 0;border-color:#0000}.components-locations-map .region-selector .region-option .region-dot{width:12px;height:12px}}.components-locations-map .world-map{width:1203px;height:2340px}@media (min-width:769px){.components-locations-map .world-map{height:780px}}.components-locations-map .tooltip{z-index:1;transform:scale(calc(1.4/var(--map-scale,1)));transform-origin:50%;transition:transform .6s ease-in-out;position:absolute!important}.components-locations-map .tooltip:hover{z-index:2}@media (max-width:768px){.components-locations-map .tooltip{margin-top:780px;margin-left:1200px}}.components-locations-map .tooltip:hover .dot.existing{outline:4px solid #ffaf5633}.components-locations-map .tooltip:hover .dot.on-request{outline:4px solid #61c4fb33}.components-locations-map .ping-content{flex-direction:column;gap:2px;display:flex}.components-locations-map .ping-content .header{align-items:center;gap:5px;display:flex}.components-locations-map .ping-content .header .flag{object-fit:cover;border-radius:1.5px;flex-shrink:0;width:14px;height:10px}.components-locations-map .ping-content .header .city{font-size:11px;font-weight:500}.components-locations-map .ping-content .ms{font-size:10px;font-weight:600}.components-locations-map .ping-leaderboard{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1e264d;border-radius:4px;min-width:280px;padding:14px 16px 10px;position:absolute;bottom:20px;left:20px}@media (max-width:768px){.components-locations-map .ping-leaderboard{margin:12px 0 0;position:relative;bottom:auto;left:auto}}.components-locations-map .ping-leaderboard .header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.components-locations-map .ping-leaderboard .title{text-transform:uppercase;color:var(--white-50);font-size:12px;font-weight:500}.components-locations-map .ping-leaderboard .bar{background:var(--white-10);border-radius:1px;width:32px;height:2px;margin-left:auto;position:relative;overflow:hidden}.components-locations-map .ping-leaderboard .bar:after{content:"";background:var(--secondary-500);width:60%;height:100%;animation:1.2s ease-in-out infinite ping-bar-slide;position:absolute;top:0;left:-60%}.components-locations-map .ping-leaderboard table{border-collapse:collapse;width:100%}.components-locations-map .ping-leaderboard table td{white-space:nowrap;padding:4px 0}.components-locations-map .ping-leaderboard table tr:first-child .col-loc{color:var(--white-100);font-weight:600}.components-locations-map .ping-leaderboard table tr:first-child .col-ms{font-size:15px;font-weight:700}.components-locations-map .ping-leaderboard .col-loc{color:var(--white-50);font-size:14px;font-weight:500}.components-locations-map .ping-leaderboard .flag{object-fit:cover;vertical-align:-1px;border-radius:1px;width:18px;height:13px;margin-right:6px}.components-locations-map .ping-leaderboard .col-ms{text-align:right;font-variant-numeric:tabular-nums;padding-left:16px;font-size:13px;font-weight:600}.components-locations-map .ping-leaderboard .unit{color:var(--white-25);margin-left:1px;font-size:11px;font-weight:400}.components-locations-map .dot{border-radius:50%;width:12px;height:12px;margin-right:7px}.components-locations-map .dot.existing{background:var(--secondary-400)}.components-locations-map .dot.on-request{background:#61c4fb}@media (max-width:768px){.components-locations-map .existing-location{flex-grow:1}}.components-locations-map .legend .dot{margin-right:0}.components-locations-map .legend .dot.on-request{margin-left:16px}@media (min-width:769px){.components-locations-map .legend .dot.on-request{margin-left:20px}}.components-locations-map .coverage-zone-canvas{pointer-events:none;width:1200px;height:780px;position:absolute;top:0;left:0}@media (max-width:768px){.components-locations-map .coverage-zone-canvas{margin-top:780px;margin-left:1200px}}.components-locations-map .metric-wrapper{flex-wrap:wrap;justify-content:space-around;row-gap:40px;margin-top:50px;margin-bottom:60px;display:flex}@media (min-width:769px){.components-locations-map .metric-wrapper{margin-top:60px}}@keyframes ping-bar-slide{0%{opacity:0;left:-60%}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}