path {
    pointer-events: all;
}

path {
    fill-opacity: 0;
}

svg g.region a.location path {
    fill-opacity: 0;
    stroke-opacity: 0.75;
    stroke-dasharray: 4;
}

svg g.building path {
    fill-opacity: 0;
    stroke-opacity: 0.75;
    cursor: pointer;
}

svg g.ward path {
    cursor: pointer;
}

svg g.building:hover path {
    fill-opacity: 0.5;
    stroke-opacity: 1;
}

    svg a.location path.fog-full {
        fill-opacity: 1!important;
        fill: black;
        cursor: default;
    }

    svg a.location path.fog-full + text {
        display: none;
        fill-opacity: 0;
        fill: black;
        cursor: default;
    }

    svg a.location path.fog-dark {
        fill-opacity: 0.75!important;
        fill: black;
        cursor: default;
    }

    svg a.location path.fog-dark + text {
        fill-opacity: 0;
        fill: black;
        cursor: default;
    }

svg a.location > path.fog-light {
    fill-opacity: 0.5!important;
    cursor: default;
}

svg a.location > path.fog-light + text {
    fill-opacity: 0;
    cursor: default;
}

svg a.location:hover path.fog-none {
    fill-opacity: 0.5;
    stroke-opacity: 1;
}

svg g.hover a.location path.fog-none {
    fill-opacity: 0.5;
    stroke-opacity: 1;
}

    svg a {
        text-decoration: none !important;
    }

    svg text {
        font-size: 1em;
        font-family: "Map Labels";
        cursor: pointer;
    }

    svg a.location:hover text {
        fill-opacity: 0.75;
    }

    svg text.xs {
        font-size: 0.5em;
    }

    svg text.sm {
        font-size: 0.65em;
    }

    svg text.md {
        font-size: 0.75em;
    }

    svg text.lg {
        font-size: 1em;
    }

    svg text.xl {
        font-size: 1.5em;
    }

    div.key{
        cursor: default;
    }

    div.key a {
        text-decoration: none;
    }

    div.key:hover {
        background-color: var(--bs-light);
        color: var(--bs-dark);
    }

    div.key:hover a{
        color: var(--bs-dark);
    }

svg a.settlement text {
    font-family: "NotoSans", sans-serif;
    font-size: 0.2em;
    stroke: white;
    fill: white;
    stroke-opacity: 1;
    fill-opacity: 0;
    stroke-width: 0.05px;
    cursor: pointer;
}

    svg a.settlement:hover circle {
        fill-opacity: 1;
    }

    svg a.settlement:hover text {
        fill-opacity: 1;
    }

.map-visible {
    display: block;
}

.map-hidden {
    display: none;
}