.agencies-map--wrapper {
    position: relative;
}

.agencies-map-controls {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 3px;
    bottom: 3px;
}

.map-reset {
    position: absolute;
    top: 3px;
    right: 3px;
}

.agencies-map--wrapper>svg {
    width: 100%;
    height: auto;
    aspect-ratio: 15 / 7;
}

.agencies-map--wrapper>svg text {
    pointer-events: none;
}

.agencies-map--wrapper>svg .clickable {
    cursor: pointer;
}

.agencies-map--wrapper>svg path:not(.clickable),
.agencies-map--wrapper>svg rect:not(.clickable) {
    pointer-events: none;
}

.agencies-map--wrapper>svg g.clickable > path,
.agencies-map--wrapper>svg g.clickable > rect {
    pointer-events: all;
}

.map-button {
    background: transparent;
    border: none;
    outline: none;
    padding: .5em;
    margin: 0;
    cursor: pointer;
}

.map-button svg {
    width: 24px;
    height: auto;
    transform-origin: center center;
    transition: transform 160ms ease-out;
}

.map-button:hover svg {
    /* transform: scale(1.05); */
}

/*
#agencies-map>g {
    transition: transform 540ms cubic-bezier(0.16, 1, 0.3, 1);
}
*/

.map-tooltip {
    pointer-events: none;
}