svg.world-map {
    display: block;
    width: 100%;
    height: 90vh;
}

svg.world-map .geo-feature {
    stroke: #AAA;
    stroke-width: 1px;
}

svg.world-map .geo-feature:hover {
    stroke: brown;
    stroke-width: 1px;
    stroke-dasharray: 0.3em;
    cursor: pointer;
}

svg.world-map .selected-country {
    stroke: #DDD;
    stroke-width: 1px;
    fill: url(#selected-country);
}

svg.world-map .sphere {
    opacity: 0.8;
}

svg.world-map .graticule {
    stroke: #444;
    stroke-width: 1px;
    fill: none;
}

.countries-comparison {
    display: flex;
    flex-wrap: wrap;
}

.world-country-glyph {
    /* width: 100%;
    height: 100%; */
}

.world-country-glyph-img {
    /* width: 50px;
    height: 100px; */
}

div .MuiBackdrop-root {
    background-color: rgba(0, 0, 0, 0.1);
}