/* Minimal fallbacks for old Chromium/Yandex Browser builds.
   aspect-ratio appeared after flex gap, so it is a useful proxy for this legacy group. */
@supports not (aspect-ratio: 1 / 1) {
	/* Overflow на body превращает его в отдельную область прокрутки и ломает sticky. */
	html {
		overflow-x: hidden;
	}

	/* Flex gap появился в Chrome 84. Явные правила не наследуются вложенными flex. */
	.flex.gap-x-1:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-1:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-1>*+*:not(.ml-auto){margin-left:.25rem}
	.flex-wrap.gap-x-1{margin-right:-.25rem}.flex-wrap.gap-x-1>*{margin-right:.25rem}
	.flex.gap-x-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-1\.5>*+*:not(.ml-auto){margin-left:.375rem}
	.flex-wrap.gap-x-1\.5{margin-right:-.375rem}.flex-wrap.gap-x-1\.5>*{margin-right:.375rem}
	.flex.gap-x-2:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-2:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-2>*+*:not(.ml-auto){margin-left:.5rem}
	.flex-wrap.gap-x-2{margin-right:-.5rem}.flex-wrap.gap-x-2>*{margin-right:.5rem}
	.flex.gap-x-3:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-3:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-3>*+*:not(.ml-auto){margin-left:.75rem}
	.flex-wrap.gap-x-3{margin-right:-.75rem}.flex-wrap.gap-x-3>*{margin-right:.75rem}
	.flex.gap-x-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-4>*+*:not(.ml-auto){margin-left:1rem}
	.flex-wrap.gap-x-4{margin-right:-1rem}.flex-wrap.gap-x-4>*{margin-right:1rem}
	.flex.gap-x-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-5>*+*:not(.ml-auto){margin-left:1.25rem}
	.flex-wrap.gap-x-5{margin-right:-1.25rem}.flex-wrap.gap-x-5>*{margin-right:1.25rem}
	.flex.gap-x-6:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-x-6:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-x-6>*+*:not(.ml-auto){margin-left:1.5rem}
	.flex-wrap.gap-x-6{margin-right:-1.5rem}.flex-wrap.gap-x-6>*{margin-right:1.5rem}
	.flex-col.gap-y-1>*+*{margin-top:.25rem}.flex-wrap.gap-y-1{margin-bottom:-.25rem}.flex-wrap.gap-y-1>*{margin-bottom:.25rem}
	.flex-col.gap-y-1\.5>*+*{margin-top:.375rem}.flex-wrap.gap-y-1\.5{margin-bottom:-.375rem}.flex-wrap.gap-y-1\.5>*{margin-bottom:.375rem}
	.flex-col.gap-y-2>*+*{margin-top:.5rem}.flex-wrap.gap-y-2{margin-bottom:-.5rem}.flex-wrap.gap-y-2>*{margin-bottom:.5rem}
	.flex-col.gap-y-2\.5>*+*{margin-top:.625rem}.flex-wrap.gap-y-2\.5{margin-bottom:-.625rem}.flex-wrap.gap-y-2\.5>*{margin-bottom:.625rem}
	.flex-col.gap-y-3>*+*{margin-top:.75rem}.flex-wrap.gap-y-3{margin-bottom:-.75rem}.flex-wrap.gap-y-3>*{margin-bottom:.75rem}
	.flex.gap-0\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-0\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-0\.5>*+*:not(.ml-auto){margin-left:.125rem}
	.flex-col.gap-0\.5>*+*{margin-top:.125rem}.flex-wrap.gap-0\.5{margin-right:-.125rem;margin-bottom:-.125rem}.flex-wrap.gap-0\.5>*{margin-right:.125rem;margin-bottom:.125rem}
	.flex.gap-1:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-1:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-1>*+*:not(.ml-auto){margin-left:.25rem}
	.flex-col.gap-1>*+*{margin-top:.25rem}.flex-wrap.gap-1{margin-right:-.25rem;margin-bottom:-.25rem}.flex-wrap.gap-1>*{margin-right:.25rem;margin-bottom:.25rem}
	.flex.gap-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-1\.5>*+*:not(.ml-auto){margin-left:.375rem}
	.flex-col.gap-1\.5>*+*{margin-top:.375rem}.flex-wrap.gap-1\.5{margin-right:-.375rem;margin-bottom:-.375rem}.flex-wrap.gap-1\.5>*{margin-right:.375rem;margin-bottom:.375rem}
	.flex.gap-2:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-2:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-2>*+*:not(.ml-auto){margin-left:.5rem}
	.flex-col.gap-2>*+*{margin-top:.5rem}.flex-wrap.gap-2{margin-right:-.5rem;margin-bottom:-.5rem}.flex-wrap.gap-2>*{margin-right:.5rem;margin-bottom:.5rem}
	.flex.gap-2\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-2\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-2\.5>*+*:not(.ml-auto){margin-left:.625rem}
	.flex-col.gap-2\.5>*+*{margin-top:.625rem}.flex-wrap.gap-2\.5{margin-right:-.625rem;margin-bottom:-.625rem}.flex-wrap.gap-2\.5>*{margin-right:.625rem;margin-bottom:.625rem}
	.flex.gap-3:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-3:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-3>*+*:not(.ml-auto){margin-left:.75rem}
	.flex-col.gap-3>*+*{margin-top:.75rem}.flex-wrap.gap-3{margin-right:-.75rem;margin-bottom:-.75rem}.flex-wrap.gap-3>*{margin-right:.75rem;margin-bottom:.75rem}
	.flex.gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-4>*+*:not(.ml-auto){margin-left:1rem}
	.flex-col.gap-4>*+*{margin-top:1rem}.flex-wrap.gap-4{margin-right:-1rem;margin-bottom:-1rem}.flex-wrap.gap-4>*{margin-right:1rem;margin-bottom:1rem}
	.flex.gap-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-5>*+*:not(.ml-auto){margin-left:1.25rem}
	.flex-col.gap-5>*+*{margin-top:1.25rem}.flex-wrap.gap-5{margin-right:-1.25rem;margin-bottom:-1.25rem}.flex-wrap.gap-5>*{margin-right:1.25rem;margin-bottom:1.25rem}
	.flex.gap-8:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-8:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-8>*+*:not(.ml-auto){margin-left:2rem}
	.flex-col.gap-8>*+*{margin-top:2rem}.flex-wrap.gap-8{margin-right:-2rem;margin-bottom:-2rem}.flex-wrap.gap-8>*{margin-right:2rem;margin-bottom:2rem}
	.flex.gap-10:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.gap-10:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.gap-10>*+*:not(.ml-auto){margin-left:2.5rem}
	.flex-col.gap-10>*+*{margin-top:2.5rem}.flex-wrap.gap-10{margin-right:-2.5rem;margin-bottom:-2.5rem}.flex-wrap.gap-10>*{margin-right:2.5rem;margin-bottom:2.5rem}
	@media (min-width:48rem) {
		.flex.md\:gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.md\:gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.md\:gap-4>*+*:not(.ml-auto){margin-left:1rem}
		.flex-col.md\:gap-4>*+*{margin-top:1rem}.flex-wrap.md\:gap-4{margin-right:-1rem;margin-bottom:-1rem}.flex-wrap.md\:gap-4>*{margin-right:1rem;margin-bottom:1rem}
	}
	@media (min-width:64rem) {
		.flex.lg\:gap-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.lg\:gap-1\.5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.lg\:gap-1\.5>*+*:not(.ml-auto){margin-left:.375rem}
		.flex-col.lg\:gap-1\.5>*+*{margin-top:.375rem}.flex-wrap.lg\:gap-1\.5{margin-right:-.375rem;margin-bottom:-.375rem}.flex-wrap.lg\:gap-1\.5>*{margin-right:.375rem;margin-bottom:.375rem}
		.flex.lg\:gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.lg\:gap-4:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.lg\:gap-4>*+*:not(.ml-auto){margin-left:1rem}
		.flex-col.lg\:gap-4>*+*{margin-top:1rem}.flex-wrap.lg\:gap-4{margin-right:-1rem;margin-bottom:-1rem}.flex-wrap.lg\:gap-4>*{margin-right:1rem;margin-bottom:1rem}
		.flex.lg\:gap-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.inline-flex.lg\:gap-5:not(.flex-col):not(.flex-wrap)>*+*:not(.ml-auto),.rail.lg\:gap-5>*+*:not(.ml-auto){margin-left:1.25rem}
		.flex-col.lg\:gap-5>*+*{margin-top:1.25rem}.flex-wrap.lg\:gap-5{margin-right:-1.25rem;margin-bottom:-1.25rem}.flex-wrap.lg\:gap-5>*{margin-right:1.25rem;margin-bottom:1.25rem}
	}

	/* Tailwind 4 uses :where() for these utilities; old Chromium ignores them. */
	.space-y-1 > * + * { margin-top: .25rem; }
	.space-y-1\.5 > * + * { margin-top: .375rem; }
	.space-y-2 > * + * { margin-top: .5rem; }
	.space-y-3 > * + * { margin-top: .75rem; }
	.space-y-4 > * + * { margin-top: 1rem; }

	.sheet {
		max-height: 92vh;
	}

	button[data-dvideo-preview-button] {
		display: block;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}

	button[data-dvideo-preview-button] [data-dvideo-play] {
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

/* Мобильная карта: dvh и max() отсутствуют в старом Chromium. */
@media (max-width: 1023.98px) {
	@supports not (height: 1dvh) {
		html:root { --v5-gap: 38vh; }
		html:root.v5-bigmap { --v5-gap: calc(100vh - 116px - env(safe-area-inset-bottom)); }
	}
	@supports not (width: max(1px, 2px)) {
		html:root { --v5-bar: calc(env(safe-area-inset-top) + 68px); }
	}
}