export const esmapCss: "\n#${instanceId} .leaflet-pane svg path.edge {\n pointer-events: stroke;\n}\n#${instanceId} .leaflet-pane svg path.control {\n pointer-events: stroke;\n}\n\n#${instanceId} .map-panel {\n position: relative;\n}\n\n#${instanceId} svg path.edge-az {\n marker-start: url(\"#arrow\");\n}\n\n#${instanceId} svg path.edge-za {\n marker-start: url(\"#arrow\");\n}\n\n#${instanceId} svg circle.node {\n /* fill: #999; */\n stroke: #777;\n stroke-width: 1;\n pointer-events: all;\n}\n\n#${instanceId} svg path.edge {\n stroke-linecap: butt;\n fill: none;\n pointer-events: visiblePainted !important;\n}\n\n#${instanceId} svg path.animated-edge.edge-az {\n stroke: transparent;\n stroke-linecap: butt;\n fill: none;\n cursor: crosshair;\n}\n\n#${instanceId} svg path.animated-edge.edge-za {\n stroke: transparent;\n stroke-linecap: butt;\n fill: none;\n cursor: crosshair;\n}\n\n#${instanceId} svg path.animated-edge.edge-az.selected {\n}\n\n#${instanceId} svg path.animated-edge.edge-za.selected {\n}\n\n@keyframes dash {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n\n#${instanceId} svg path.control {\n stroke-dasharray: 8 1;\n stroke-width: 6;\n stroke: #f808;\n fill: none;\n cursor: crosshair;\n}\n\n#${instanceId} svg circle.controlPoint {\n stroke: black;\n stroke-width: 1;\n fill: #f80;\n cursor: move;\n}\n\n#${instanceId} div.tooltip-hover {\n position:absolute;\n border-radius:4px;\n padding:10px;\n margin:10px;\n max-width:250px;\n box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);\n font-family: sans-serif;\n z-index: 300;\n}\n\n#${instanceId} div.tooltip-hover svg {\n height: 12px;\n width: 12px;\n stroke-width: 2px;\n}\n\n#${instanceId} div.tooltip-hover p:first-of-type {\n margin-top:0;\n}\n\n#${instanceId} div.tooltip-hover p {\n margin-top: 6px;\n margin-bottom:0;\n}\n\n#${instanceId} .legend-text {\n padding-left: 5px;\n vertical-align: middle;\n}\n\n\n\n#${instanceId} .home-overlay {\n position: absolute;\n margin-top: 12px;\n margin-left: 57px;\n}\n#${instanceId} .home-overlay > .button {\n border-radius: 4px;\n padding: 5px 10px;\n margin-right: 5px;\n box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);\n display: inline-block;\n cursor: pointer;\n}\n\n#${instanceId} .legend {\n position: absolute;\n padding: 1em 1em 0.3em 1em;\n margin: 0.8em;\n box-shadow: 0px 0px 2px rgb(0 0 0 / 50%);\n border-radius: 3px;\n}\n\n#${instanceId} .legend.topright {\n top: 0;\n right: 0;\n}\n\n#${instanceId} .legend.bottomright {\n bottom: 0;\n right: 0;\n margin: 0.8em 0.8em 1.8em 0.8em;\n}\n\n#${instanceId} .legend.bottomleft {\n bottom: 0;\n left: 0;\n}\n\n#${instanceId} .color-sample {\n height:1.5em;\n width:1.5em;\n margin-right:0.5em;\n border:1px solid rgba(0,0,0,0.2);\n display: inline-block;\n vertical-align: middle;\n border-radius: 2px;\n}\n\n#${instanceId} .legend p {\n vertical-align: text-top;\n margin-bottom: 0.6em;\n}\n\n#${instanceId} .legend h4 {\n font-weight:600;\n font-size:1.1em;\n padding: 0;\n margin: 0 0.4em 0.4em 0;\n display: inline-block;\n}\n\n#${instanceId} .legend .minimize {\n float:right;\n}\n\n#${instanceId} .legend .minimize .circle-background {\n fill: rgba(128,128,128,0.3); cursor: pointer;\n}\n\n#${instanceId} .legend .minimize .circle-background:hover {\n fill: rgba(128,128,128,0.5);\n}\n\n#${instanceId} .legend-column {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n}\n\n#${instanceId} .legend-column:last-child {\n margin-right:0;\n}\n\n/* a 0-specificity class selector. Allows override for background elements by grafana's version of this class */\ndiv:where(.tight-form-func) { background: #FFF; }\na:where(.tight-form-func) { background: #FFF; }\n\n#${instanceId} .animated-node { \n transform: scale(1.5, 1.5);\n}\n\n#${instanceId} svg .control.control-selected { \n animation-name: pulse;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-timing-function: step-end;\n}\n\n@keyframes pulse {\n 0% { opacity:1.0 }\n 80% { opacity:0.0 }\n 100% { opacity:1.0 }\n}\n\n#${instanceId} .loading-overlay, .error-overlay { background-color:rgba(0,0,0,0.7); position:absolute; height:100%; width: 100%; color:white; font-weight: bold; justify-content: center; align-items: center; z-index:20000; }\n\n"; //# sourceMappingURL=esmap.css.d.ts.map