vue-datamaps/dist/style.css

<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> [](#contributors-) <!-- ALL-CONTRIBUTORS-BADGE:END -->

.map{height:0;width:100%;position:relative}[dir] .map{padding-top:66.66%}.datamap{position:absolute;top:0;width:100%;height:100%}[dir=ltr] .datamap{left:0}[dir=rtl] .datamap{right:0}.datamap path.datamaps-graticule{fill:none;stroke:#777;stroke-width:.5px;stroke-opacity:.5;pointer-events:none}.datamap .labels{pointer-events:none}[dir=ltr] .datamaps-legend dt,[dir=ltr] .datamaps-legend dd{float:left;margin:0 3px 0 0}[dir=rtl] .datamaps-legend dt,[dir=rtl] .datamaps-legend dd{float:right;margin:0 0 0 3px}.datamaps-legend dd{width:20px}[dir] .datamaps-legend dd{border-radius:3px}[dir=ltr] .datamaps-legend dd{margin-right:6px}[dir=rtl] .datamaps-legend dd{margin-left:6px}.datamaps-legend{z-index:1001;position:absolute;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}[dir] .datamaps-legend{padding-bottom:20px}[dir=ltr] .datamaps-legend{left:4px}[dir=rtl] .datamaps-legend{right:4px}.datamaps-hoverover{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hoverinfo{font-size:12px}[dir] .hoverinfo{padding:4px;border-radius:1px;background-color:#fff;border:1px solid #CCC}[dir=ltr] .hoverinfo{box-shadow:1px 1px 5px #ccc}[dir=rtl] .hoverinfo{box-shadow:-1px 1px 5px #ccc}[dir] .hoverinfo hr{border:1px dotted #CCC}