.interactive-map__tab {
    cursor: pointer;
}

@media (hover: hover) {
    .interactive-map__tab:hover > path {
        fill: var(--e-global-color-accent) !important;
    }
}

.interactive-map__tab > path {
    transition: fill .25s ease-in-out, stroke .25s ease-in-out;
}

.interactive-map__tab[aria-selected='true'] > path {
    fill: var(--e-global-color-accent) !important;
}

.interactive-map__tab:focus,
.interactive-map__tab:focus-visible {
    outline: none;
}

.interactive-map__wrapper {
    @media (min-width: 768px) {
        display:               grid;
        align-items:           stretch;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap:                   3rem;
    }
}

.interactive-map__content {
    overflow-y:       auto;
    padding:          1.5rem;
    border:           2px solid #434343;
    border-radius:    4px;
    background-color: #f1f1f1;
}

.interactive-map__panel {
    display: none;
}

.interactive-map__panel.interactive-map__panel--active {
    display: block;
}

.interactive-map {
    width:      100%;
    height:     auto;
    max-height: calc(100dvh - 128px);
}