.flag-map {
	margin-top: 6em;
}

#flag-map {
	height: 620px;
	width: 100%;
	background-color: #0e0e0e;
	text-shadow: none !important;
	outline: 1px solid var(--color-gray) !important;
}

/* Как на /flags */
.leaflet-control-attribution {
	display: none !important;
}
.leaflet-pane,
.leaflet-top,
.leaflet-bottom {
	z-index: 1 !important;
}
.leaflet-bar a {
	background-color: var(--color-dark) !important;
	color: inherit;
	border-color: black;
}
.leaflet-tile-container {
	filter: brightness(1.25);
}
.leaflet-tooltip {
	padding: 0.1em 0.6em;
	color: var(--color-dark);
	font-family: var(--font-narrow);
	font-size: 1rem;
	margin-top: -0.5em;
}
.leaflet-tooltip-left {
	margin-left: -1.25em;
}
.leaflet-tooltip-right {
	margin-left: 1.25em;
}

.flag-auto-icon {
	background: none;
	border: none;
	overflow: visible;
}
.flag-auto-icon img {
	display: block;
	outline: 1px solid var(--color-gray);
	transform: translate(-50%, -100%);
}
	.flag-auto-icon img.sibling {
		opacity: 0.6;
		transition: opacity 0.15s ease-out;
	}
		.flag-auto-icon img.sibling:hover {
			opacity: 1;
			transition: none;
		}
		.flag-map:has(img.sibling:hover) img.sibling:not(:hover) {
			opacity: 0.35;
			transition: none;
		}

@media (width < 600px) {
	.flag-map {
		margin-top: 3em;
	}
	#flag-map {
		height: 70vh;
	}
}