main.map {
	height: 100%;
	width: 100%;
	position: fixed;
	touch-action: none;
}

#map {
	height: 100%;
	width: 100%;
}

.navbar {
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
}

@supports ((-webkit-backdrop-filter: blur())) or ((backdrop-filter: blur())) {
    .navbar.bg-body {
        -webkit-backdrop-filter: saturate(180%) blur(15px);
        backdrop-filter: saturate(180%) blur(15px);
        --bs-bg-opacity: .9 !important;
    }
}

.navbar .navbar-nav-svg {
	vertical-align: -.125rem;
}

.maplibregl-control-container.mapboxgl-control-container {
	padding-top: 57px;
}

.mapboxgl-ctrl-top-right, .maplibregl-ctrl-top-right {
	right: env(safe-area-inset-right, 0) !important;
	top: unset !important;
}

.mapboxgl-ctrl-bottom-right, .maplibregl-ctrl-bottom-right {
	right: env(safe-area-inset-right, 0) !important;
}