@import '~leaflet/dist/leaflet.css';

.ptr-ReactLeafletMap-wrapper {
	width: 100%;
	height: 100%;
}

.ptr-ReactLeafletMap {
	width: 100%;
	height: 100%;

	/* create stacking context */
	isolation: isolate;
	position: relative;
	z-index: 1;
}

// reset default leaflet style
.ptr-ReactLeafletMap .leaflet-div-icon {
	border: 0;
	background: none;
}

.ptr-ReactLeafletMap .leaflet-marker-icon {
	width: auto !important;
	height: auto !important;
	z-index: 0 !important;
	will-change: transform;
}

.ptr-ReactLeafletMap .leaflet-pane {
	will-change: transform;
}

.ptr-ReactLeafletMap .leaflet-overlay-pane {
	z-index: 500;
}

.ptr-ReactLeafletMap .hoverable-pane:hover {
	z-index: 497;
}

.ptr-ReactLeafletMap .selected-features-pane {
	z-index: 498;
}

.ptr-ReactLeafletMap .hoverable-pane.selected-features-pane:hover {
	z-index: 499;
}