svgmap 2.19.3 → 2.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/index.cjs +340 -143
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +340 -143
- package/dist/index.js.map +1 -1
- package/dist/svg-map.css +61 -21
- package/dist/svg-map.min.css +1 -1
- package/dist/svg-map.umd.js +340 -143
- package/dist/svg-map.umd.js.map +1 -1
- package/dist/svg-map.umd.min.js +1 -1
- package/dist/svgMap.css +61 -21
- package/dist/svgMap.js +340 -143
- package/dist/svgMap.js.map +1 -1
- package/dist/svgMap.min.css +1 -1
- package/dist/svgMap.min.js +1 -1
- package/package.json +4 -4
- package/src/js/core/svg-map.js +340 -143
- package/src/scss/map.scss +4 -0
- package/src/scss/tooltip.scss +26 -6
package/dist/svg-map.css
CHANGED
|
@@ -200,7 +200,12 @@
|
|
|
200
200
|
stroke-width: 1.5;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.svgMap-
|
|
203
|
+
.svgMap-wrapper.svgMap-country-click-callback .svgMap-map-wrapper .svgMap-country {
|
|
204
|
+
cursor: pointer;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.svgMap-tooltip,
|
|
208
|
+
.svgMap-persistent-tooltip {
|
|
204
209
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
|
205
210
|
position: absolute;
|
|
206
211
|
z-index: 2;
|
|
@@ -208,32 +213,33 @@
|
|
|
208
213
|
background: #fff;
|
|
209
214
|
transform: translate(-50%, -100%);
|
|
210
215
|
border-bottom: 1px solid #111;
|
|
211
|
-
display: none;
|
|
212
216
|
pointer-events: none;
|
|
213
217
|
min-width: 60px;
|
|
214
218
|
}
|
|
215
|
-
.svgMap-tooltip.svgMap-tooltip-flipped
|
|
219
|
+
.svgMap-tooltip.svgMap-tooltip-flipped,
|
|
220
|
+
.svgMap-persistent-tooltip.svgMap-tooltip-flipped {
|
|
216
221
|
transform: translate(-50%, 0);
|
|
217
222
|
border-bottom: 0;
|
|
218
223
|
border-top: 1px solid #111;
|
|
219
224
|
}
|
|
220
|
-
.svgMap-tooltip.svgMap-
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
.svgMap-tooltip .svgMap-tooltip-content-container {
|
|
225
|
+
.svgMap-tooltip .svgMap-tooltip-content-container,
|
|
226
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container {
|
|
224
227
|
position: relative;
|
|
225
228
|
padding: 10px 20px;
|
|
226
229
|
}
|
|
227
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container
|
|
230
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container,
|
|
231
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {
|
|
228
232
|
text-align: center;
|
|
229
233
|
margin: 2px 0 5px;
|
|
230
234
|
}
|
|
231
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji
|
|
235
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji,
|
|
236
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji {
|
|
232
237
|
font-size: 50px;
|
|
233
238
|
line-height: 0;
|
|
234
239
|
padding: 25px 0 15px;
|
|
235
240
|
}
|
|
236
|
-
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag
|
|
241
|
+
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag,
|
|
242
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {
|
|
237
243
|
display: block;
|
|
238
244
|
margin: auto;
|
|
239
245
|
width: auto;
|
|
@@ -242,47 +248,56 @@
|
|
|
242
248
|
background: rgba(0, 0, 0, 0.15);
|
|
243
249
|
border-radius: 2px;
|
|
244
250
|
}
|
|
245
|
-
.svgMap-tooltip .svgMap-tooltip-title
|
|
251
|
+
.svgMap-tooltip .svgMap-tooltip-title,
|
|
252
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-title {
|
|
246
253
|
white-space: nowrap;
|
|
247
254
|
font-size: 18px;
|
|
248
255
|
line-height: 28px;
|
|
249
256
|
padding: 0 0 8px;
|
|
250
257
|
text-align: center;
|
|
251
258
|
}
|
|
252
|
-
.svgMap-tooltip .svgMap-tooltip-content
|
|
259
|
+
.svgMap-tooltip .svgMap-tooltip-content,
|
|
260
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content {
|
|
253
261
|
white-space: nowrap;
|
|
254
262
|
text-align: center;
|
|
255
263
|
font-size: 14px;
|
|
256
264
|
color: #777;
|
|
257
265
|
margin: -5px 0 0;
|
|
258
266
|
}
|
|
259
|
-
.svgMap-tooltip .svgMap-tooltip-content table
|
|
267
|
+
.svgMap-tooltip .svgMap-tooltip-content table,
|
|
268
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table {
|
|
260
269
|
padding: 0;
|
|
261
270
|
border-spacing: 0px;
|
|
262
271
|
margin: auto;
|
|
263
272
|
}
|
|
264
|
-
.svgMap-tooltip .svgMap-tooltip-content table td
|
|
273
|
+
.svgMap-tooltip .svgMap-tooltip-content table td,
|
|
274
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td {
|
|
265
275
|
padding: 2px 0;
|
|
266
276
|
text-align: left;
|
|
267
277
|
}
|
|
268
|
-
.svgMap-tooltip .svgMap-tooltip-content table td span
|
|
278
|
+
.svgMap-tooltip .svgMap-tooltip-content table td span,
|
|
279
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td span {
|
|
269
280
|
color: #111;
|
|
270
281
|
}
|
|
271
|
-
.svgMap-tooltip .svgMap-tooltip-content table td:first-child
|
|
282
|
+
.svgMap-tooltip .svgMap-tooltip-content table td:first-child,
|
|
283
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td:first-child {
|
|
272
284
|
padding-right: 10px;
|
|
273
285
|
text-align: right;
|
|
274
286
|
}
|
|
275
|
-
.svgMap-tooltip .svgMap-tooltip-content table td sup
|
|
287
|
+
.svgMap-tooltip .svgMap-tooltip-content table td sup,
|
|
288
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content table td sup {
|
|
276
289
|
vertical-align: baseline;
|
|
277
290
|
position: relative;
|
|
278
291
|
top: -5px;
|
|
279
292
|
}
|
|
280
|
-
.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data
|
|
293
|
+
.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data,
|
|
294
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {
|
|
281
295
|
padding: 2px 0;
|
|
282
296
|
color: #777;
|
|
283
297
|
font-style: italic;
|
|
284
298
|
}
|
|
285
|
-
.svgMap-tooltip .svgMap-tooltip-pointer
|
|
299
|
+
.svgMap-tooltip .svgMap-tooltip-pointer,
|
|
300
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-pointer {
|
|
286
301
|
position: absolute;
|
|
287
302
|
top: 100%;
|
|
288
303
|
left: 50%;
|
|
@@ -291,7 +306,8 @@
|
|
|
291
306
|
height: 10px;
|
|
292
307
|
width: 30px;
|
|
293
308
|
}
|
|
294
|
-
.svgMap-tooltip .svgMap-tooltip-pointer::after
|
|
309
|
+
.svgMap-tooltip .svgMap-tooltip-pointer::after,
|
|
310
|
+
.svgMap-persistent-tooltip .svgMap-tooltip-pointer::after {
|
|
295
311
|
content: "";
|
|
296
312
|
width: 20px;
|
|
297
313
|
height: 20px;
|
|
@@ -302,8 +318,32 @@
|
|
|
302
318
|
left: 50%;
|
|
303
319
|
transform: translateX(-50%) rotate(45deg);
|
|
304
320
|
}
|
|
305
|
-
.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer
|
|
321
|
+
.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer,
|
|
322
|
+
.svgMap-persistent-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer {
|
|
306
323
|
bottom: auto;
|
|
307
324
|
top: -10px;
|
|
308
325
|
transform: translateX(-50%) scaleY(-1);
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.svgMap-tooltip {
|
|
329
|
+
display: none;
|
|
330
|
+
}
|
|
331
|
+
.svgMap-tooltip.svgMap-active {
|
|
332
|
+
display: block;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.svgMap-persistent-tooltips,
|
|
336
|
+
.svgMap-persistent-tooltip-wrapper {
|
|
337
|
+
pointer-events: none;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.svgMap-persistent-tooltip-wrapper {
|
|
341
|
+
overflow: visible;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.svgMap-persistent-tooltip {
|
|
345
|
+
display: block;
|
|
346
|
+
left: 0;
|
|
347
|
+
top: 0;
|
|
348
|
+
width: max-content;
|
|
309
349
|
}
|
package/dist/svg-map.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.svgMap-container,.svgMap-wrapper{position:relative}.svgMap-block-zoom-notice{position:absolute;z-index:2;top:100%;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);pointer-events:none;opacity:0;color:#fff;transition:opacity 250ms}.svgMap-block-zoom-notice-active .svgMap-block-zoom-notice{pointer-events:all;top:0;opacity:1}.svgMap-block-zoom-notice>div{position:absolute;top:50%;left:0;right:0;text-align:center;padding:0 32px;transform:translateY(-50%);font-size:28px}@media (max-width:900px){.svgMap-block-zoom-notice>div{font-size:22px}}.svgMap-map-wrapper{position:relative;width:100%;padding-top:50%;overflow:hidden;background:#d9ecff;color:#111}.svgMap-map-wrapper *{box-sizing:border-box}.svgMap-map-wrapper :focus:not(:focus-visible){outline:0}.svgMap-map-wrapper .svgMap-map-image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.svgMap-map-wrapper .svgMap-map-controls-wrapper{position:absolute;z-index:1;display:flex;overflow:hidden;border-radius:2px;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-bottomLeft{bottom:10px;left:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-bottomRight{bottom:10px;right:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-topLeft{top:10px;left:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-topRight{top:10px;right:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-disabled{display:none}.svgMap-map-wrapper .svgMap-map-controls-move,.svgMap-map-wrapper .svgMap-map-controls-zoom{display:flex;margin-right:5px;overflow:hidden;background:#fff}.svgMap-map-wrapper .svgMap-map-controls-move:last-child,.svgMap-map-wrapper .svgMap-map-controls-zoom:last-child{margin-right:0}.svgMap-map-wrapper .svgMap-control-button{background-color:#fff;border:0;border-radius:0;color:#fff;font:inherit;line-height:inherit;margin:0;padding:0;overflow:visible;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:32px;height:32px;position:relative}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ccc;transition:background-color 250ms}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before{width:11px;height:3px}@media (hover:hover){.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::before{background:#000}}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::before{background:#000}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button::before{width:11px;height:11px;background:0 0;border:2px solid #ccc;transition:border-color 250ms}@media (hover:hover){.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:hover::before{background:0 0;border-color:#000}}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:active::before{background:0 0;border-color:#000}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::before{background:#eee}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled{cursor:default}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled::before{border:2px solid #eee;background:0 0}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button::after{width:3px;height:11px}.svgMap-map-wrapper .svgMap-map-continent-controls-wrapper{position:absolute;top:10px;right:10px;z-index:1;display:flex;border-radius:2px;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.svgMap-map-wrapper .svgMap-country{fill:var(--svg-map-country-fill, #E2E2E2);stroke:#fff;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill 250ms,stroke 250ms}.svgMap-map-wrapper .svgMap-country[data-link]{cursor:pointer}@media (hover:hover){.svgMap-map-wrapper .svgMap-country:hover{stroke:#333;stroke-width:1.5}}.svgMap-map-wrapper .svgMap-country.svgMap-active{stroke:#333;stroke-width:1.5}.svgMap-tooltip{box-shadow:0 0 3px rgba(0,0,0,.2);position:absolute;z-index:2;border-radius:2px;background:#fff;transform:translate(-50%,-100%);border-bottom:1px solid #111;
|
|
1
|
+
.svgMap-container,.svgMap-wrapper{position:relative}.svgMap-block-zoom-notice{position:absolute;z-index:2;top:100%;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);pointer-events:none;opacity:0;color:#fff;transition:opacity 250ms}.svgMap-block-zoom-notice-active .svgMap-block-zoom-notice{pointer-events:all;top:0;opacity:1}.svgMap-block-zoom-notice>div{position:absolute;top:50%;left:0;right:0;text-align:center;padding:0 32px;transform:translateY(-50%);font-size:28px}@media (max-width:900px){.svgMap-block-zoom-notice>div{font-size:22px}}.svgMap-map-wrapper{position:relative;width:100%;padding-top:50%;overflow:hidden;background:#d9ecff;color:#111}.svgMap-map-wrapper *{box-sizing:border-box}.svgMap-map-wrapper :focus:not(:focus-visible){outline:0}.svgMap-map-wrapper .svgMap-map-image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.svgMap-map-wrapper .svgMap-map-controls-wrapper{position:absolute;z-index:1;display:flex;overflow:hidden;border-radius:2px;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-bottomLeft{bottom:10px;left:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-bottomRight{bottom:10px;right:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-topLeft{top:10px;left:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-controls-position-topRight{top:10px;right:10px}.svgMap-map-wrapper .svgMap-map-controls-wrapper.svgMap-disabled{display:none}.svgMap-map-wrapper .svgMap-map-controls-move,.svgMap-map-wrapper .svgMap-map-controls-zoom{display:flex;margin-right:5px;overflow:hidden;background:#fff}.svgMap-map-wrapper .svgMap-map-controls-move:last-child,.svgMap-map-wrapper .svgMap-map-controls-zoom:last-child{margin-right:0}.svgMap-map-wrapper .svgMap-control-button{background-color:#fff;border:0;border-radius:0;color:#fff;font:inherit;line-height:inherit;margin:0;padding:0;overflow:visible;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:32px;height:32px;position:relative}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ccc;transition:background-color 250ms}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before{width:11px;height:3px}@media (hover:hover){.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::before{background:#000}}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::before{background:#000}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button::before{width:11px;height:11px;background:0 0;border:2px solid #ccc;transition:border-color 250ms}@media (hover:hover){.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:hover::before{background:0 0;border-color:#000}}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:active::before{background:0 0;border-color:#000}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::after,.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::before{background:#eee}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled{cursor:default}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled::before{border:2px solid #eee;background:0 0}.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button::after{width:3px;height:11px}.svgMap-map-wrapper .svgMap-map-continent-controls-wrapper{position:absolute;top:10px;right:10px;z-index:1;display:flex;border-radius:2px;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.svgMap-map-wrapper .svgMap-country{fill:var(--svg-map-country-fill, #E2E2E2);stroke:#fff;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill 250ms,stroke 250ms}.svgMap-map-wrapper .svgMap-country[data-link],.svgMap-wrapper.svgMap-country-click-callback .svgMap-map-wrapper .svgMap-country{cursor:pointer}@media (hover:hover){.svgMap-map-wrapper .svgMap-country:hover{stroke:#333;stroke-width:1.5}}.svgMap-map-wrapper .svgMap-country.svgMap-active{stroke:#333;stroke-width:1.5}.svgMap-persistent-tooltip,.svgMap-tooltip{box-shadow:0 0 3px rgba(0,0,0,.2);position:absolute;z-index:2;border-radius:2px;background:#fff;transform:translate(-50%,-100%);border-bottom:1px solid #111;pointer-events:none;min-width:60px}.svgMap-persistent-tooltip.svgMap-tooltip-flipped,.svgMap-tooltip.svgMap-tooltip-flipped{transform:translate(-50%,0);border-bottom:0;border-top:1px solid #111}.svgMap-persistent-tooltip .svgMap-tooltip-content-container,.svgMap-tooltip .svgMap-tooltip-content-container{position:relative;padding:10px 20px}.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container,.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container{text-align:center;margin:2px 0 5px}.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji,.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji{font-size:50px;line-height:0;padding:25px 0 15px}.svgMap-persistent-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag,.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag{display:block;margin:auto;width:auto;height:32px;padding:2px;background:rgba(0,0,0,.15);border-radius:2px}.svgMap-persistent-tooltip .svgMap-tooltip-title,.svgMap-tooltip .svgMap-tooltip-title{white-space:nowrap;font-size:18px;line-height:28px;padding:0 0 8px;text-align:center}.svgMap-persistent-tooltip .svgMap-tooltip-content,.svgMap-tooltip .svgMap-tooltip-content{white-space:nowrap;text-align:center;font-size:14px;color:#777;margin:-5px 0 0}.svgMap-persistent-tooltip .svgMap-tooltip-content table,.svgMap-tooltip .svgMap-tooltip-content table{padding:0;border-spacing:0;margin:auto}.svgMap-persistent-tooltip .svgMap-tooltip-content table td,.svgMap-tooltip .svgMap-tooltip-content table td{padding:2px 0;text-align:left}.svgMap-persistent-tooltip .svgMap-tooltip-content table td span,.svgMap-tooltip .svgMap-tooltip-content table td span{color:#111}.svgMap-persistent-tooltip .svgMap-tooltip-content table td:first-child,.svgMap-tooltip .svgMap-tooltip-content table td:first-child{padding-right:10px;text-align:right}.svgMap-persistent-tooltip .svgMap-tooltip-content table td sup,.svgMap-tooltip .svgMap-tooltip-content table td sup{vertical-align:baseline;position:relative;top:-5px}.svgMap-persistent-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data,.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data{padding:2px 0;color:#777;font-style:italic}.svgMap-persistent-tooltip .svgMap-tooltip-pointer,.svgMap-tooltip .svgMap-tooltip-pointer{position:absolute;top:100%;left:50%;transform:translateX(-50%);overflow:hidden;height:10px;width:30px}.svgMap-persistent-tooltip .svgMap-tooltip-pointer::after,.svgMap-tooltip .svgMap-tooltip-pointer::after{content:"";width:20px;height:20px;background:#fff;border:1px solid #111;position:absolute;bottom:6px;left:50%;transform:translateX(-50%) rotate(45deg)}.svgMap-persistent-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer,.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer{bottom:auto;top:-10px;transform:translateX(-50%) scaleY(-1)}.svgMap-tooltip{display:none}.svgMap-tooltip.svgMap-active{display:block}.svgMap-persistent-tooltip-wrapper,.svgMap-persistent-tooltips{pointer-events:none}.svgMap-persistent-tooltip-wrapper{overflow:visible}.svgMap-persistent-tooltip{display:block;left:0;top:0;width:max-content}
|