vue3-map-chart-lite/dist/style.css

Vue 3 component for rendering interactive SVG maps of the world, continents, and countries with dynamic data.

.v3mc-tooltip-wrapper[data-v-14df540e]{display:inline-block;min-width:150px;background-color:var(--37f998cf);color:var(--92166eb2);padding:10px;border-radius:3px}.v3mc-tooltip-label[data-v-14df540e]{font-size:1rem;line-height:20px}.v3mc-tooltip-divider[data-v-14df540e]{flex:1;height:.5px;background-color:var(--88de908e);margin:5px 0}.v3mc-tooltip-value[data-v-14df540e]{font-weight:700}.v3mc-container[data-v-c9277a09]{padding:5px;position:relative}.v3mc-container[data-v-c9277a09],[data-v-c9277a09] .v3mc-map>svg{height:var(--783ae21f);width:var(--179c4464)}[data-v-c9277a09] .v3mc-map>svg{stroke:var(--4f73dbe4);fill:var(--ee33e33a);stroke-width:.4px}[data-v-c9277a09] .v3mc-map>svg>path{cursor:var(--1e5a111a)}[data-v-c9277a09] .v3mc-map>svg>path:hover{fill:var(--6ac35c87);stroke:var(--0c8c2888);stroke-width:.5px}.v3mc-tooltip[data-v-c9277a09]{position:fixed;z-index:9999;top:var(--7afd3156);left:var(--36b59fb4)}.v3mc-tiny-loader-wrapper[data-v-c9277a09]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v3mc-tiny-loader[data-v-c9277a09]{width:20px;height:20px;margin:0 auto;border:2px solid #f3f3f3;border-top:2px solid var(--53a7aee8);border-radius:50%;animation:spin-c9277a09 .8s linear infinite}@keyframes spin-c9277a09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}