#tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(10px);
    display: none;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 999;
    pointer-events: none;
}

.region {
    position: relative;
    fill: #3956a3;
    stroke-width: 0px;
    cursor: pointer;
    transition: fill 0.3s;
}

.region--disable{
    fill: #3956a3;
}

.region:hover {
    fill: #479ED0;
}