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-046060df]{padding:5px;position:relative}.v3mc-container[data-v-046060df],[data-v-046060df] .v3mc-map>svg{height:var(--00c0fc33);width:var(--6c36313a)}[data-v-046060df] .v3mc-map>svg{stroke:var(--11ba0e7a);fill:var(--79c635cf);stroke-width:.4px}[data-v-046060df] .v3mc-map>svg>path{cursor:var(--35d5e787)}[data-v-046060df] .v3mc-map>svg>path:hover{fill:var(--4b2ef89b);stroke:var(--6daed2d0);stroke-width:.5px}.v3mc-tooltip[data-v-046060df]{position:fixed;z-index:9999;top:var(--033a59c2);left:var(--640d153a)}.v3mc-tiny-loader-wrapper[data-v-046060df]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.v3mc-tiny-loader[data-v-046060df]{width:20px;height:20px;margin:0 auto;border:2px solid #f3f3f3;border-top:2px solid var(--55940da0);border-radius:50%;animation:spin-046060df .8s linear infinite}@keyframes spin-046060df{0%{transform:rotate(0)}to{transform:rotate(360deg)}}