.header-actions .view-toggle{display:flex;border:1px solid #ffffff45;border-radius:7px;overflow:hidden}.header-actions .view-toggle button{width:36px;height:38px;border:0;border-radius:0;font-size:13px;font-weight:700;padding:4px}.header-actions .view-toggle button[aria-pressed=true]{background:#fff;color:#151517}
@media(max-width:480px){.header-actions .view-toggle button{width:28px;font-size:12px}.header-actions{gap:4px}.brand img{width:115px}}
.canvas.map-has-modes{--map-pitch:0deg;--map-perspective:1800px;background:#e4e8ea;isolation:isolate;overflow:clip}.map-has-modes #map{transform:perspective(var(--map-perspective)) rotateX(var(--map-pitch));transform-origin:center;z-index:1}.map-has-modes.is-3d #map{inset:-40% -28%;touch-action:none;cursor:grab}.map-has-modes #map.is-panning{cursor:grabbing}.map-has-modes .sky-connections,.upright-pins{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:450}.upright-pins{z-index:460}.map-has-modes:not(.is-3d) .sky-connections,.map-has-modes:not(.is-3d) .upright-pins{display:none}.map-has-modes>.leaflet-control-container{position:absolute;inset:0;z-index:600;pointer-events:none}.map-has-modes>.leaflet-control-container .leaflet-control{pointer-events:auto}.network-pin{pointer-events:all;cursor:pointer;outline:none}.network-pin:focus .pin-head,.network-pin:hover .pin-head{stroke:#151517;stroke-width:3}.pin-tooltip{position:absolute;z-index:800;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;max-width:300px;text-overflow:ellipsis;overflow:hidden;padding:6px 10px;border-radius:5px;border:1px solid #ccc;background:#fff;color:#252626;font-size:13px;box-shadow:0 2px 10px #0002}.pin-tooltip[hidden]{display:none}