/* Tailwind preflight: img { max-width:100%; height:auto } breaks Leaflet tiles. */
.leaflet-container img {
    max-width: none !important;
    max-height: none !important;
}

.leaflet-container {
    z-index: 0;
    font-family: inherit;
}

.targ-map-shell {
    position: relative;
    overflow: hidden;
    min-height: 16rem;
}

.targ-map-shell--poland {
    height: 60vh;
}

.targ-map-shell--single {
    height: 16rem;
}

.targ-map-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 1024px) {
    .targ-map-shell--poland {
        height: 70vh;
    }
}