.safra-map {
    --safra-map-color: #1E552A;
    width: 100%;
}

.safra-map .safra-map-svg {
    display: block;
    width: min(100%, 520px);
    height: auto;
    margin: 0 auto;
}

.safra-map .safra-map-state {
    fill: #D8D8D8;
    stroke: #fff;
    stroke-width: 1.04;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: fill .2s ease;
}

.safra-map .safra-map-state-active {
    fill: var(--safra-map-color) !important;
}

.safra-map .safra-map-svg text {
    fill: #222 !important;
    font: 12px Arial, sans-serif;
    pointer-events: none;
}

.safra-map .safra-map-state-group.safra-map-state-active text {
    fill: #fff !important;
}