.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:4px;padding:6px 14px;font-size:15px;box-shadow:-3px 3px 8px #0009}.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;-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}}.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 .dot{border-radius:50%;width:12px;height:12px;margin-right:7px}@media (max-width:768px){.components-locations-map .existing-location{flex-grow:1}}.components-locations-map .dot.existing{background:var(--secondary-400)}.components-locations-map .dot.on-request{background:#61c4fb}.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 .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}}