.maplibregl-popup{max-width:320px}.maplibregl-popup-content{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--halton-base-color--surface);padding:0;overflow:hidden}.maplibregl-popup-close-button{border-radius:25%;width:10px;height:10px;right:8px;top:8px;font-size:14px;color:var(--halton-alias-color__basic--foreground-tint);border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.maplibregl-popup-close-button:hover{color:var(--halton-base-color--foreground);transform:scale(1.05)}.maplibregl-popup-tip{border-top-color:#fff;border-width:8px 8px 0 8px}.map-container{position:relative;border:1px solid var(--halton-base-color--surface);height:100%;width:100%;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.zoom-controls{position:absolute;top:1.25rem;right:1.25rem;z-index:50;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.modern-popup-content{padding:18px;background:#fff}.popup-header{display:flex;align-items:center}.popup-system-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;margin-left:.75rem;width:150px}.popup-system-title{font-weight:700;color:var(--halton-base-color--foreground);font-size:.875rem;text-overflow:ellipsis;width:100%;white-space:nowrap;overflow:hidden}.popup-system-details{display:flex;flex-direction:column;align-items:flex-start}.popup-system-detail{color:var(--halton-alias-color__basic--foreground-tint);font-size:.75rem}.popup-view-details-button{display:flex;align-items:center;border:1px solid var(--halton-base-color--grey200);justify-content:center;gap:.5rem;margin-top:.25rem;width:100%;padding:.5rem .75rem;border-radius:.375rem;transition:background-color .2s ease;font-size:.75rem;text-decoration:none;color:inherit}.popup-view-details-button:hover{background-color:#f3f4f6}.popup-view-details-icon{width:1rem;height:1rem}.cluster-marker{will-change:transform;cursor:pointer;display:inline-block;pointer-events:auto}.cluster-marker:hover{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.25))}.cluster-marker .cluster-svg{transition:transform .15s ease;display:block}.cluster-marker:hover .cluster-svg{transform:scale(1.1)}.maplibregl-marker{pointer-events:none}.maplibregl-marker>*{pointer-events:auto}