/* КАРТА */
.layer0{display:flex;justify-content:space-around;width:100%;height:95%;position:relative;top:0;background:#fff;border:1px solid var(--border);}
.layer1{flex:0 0 77%;width:77%;min-width:0;padding:10px;}

/* Резервирует место под правую панель до ее появления, чтобы SVG не мигал на всю ширину. */
@supports selector(.layer0:has(> .r-panel)){
	.content-map:not(.content-map--no-panel) .layer0:not(:has(> .r-panel))::after{
		content:"";
		flex:0 0 23%;
		width:23%;
		min-width:0;
	}
}
.layer2{position:absolute;}/* Растр */
.layer3{position:absolute;bottom:0;right:23%;background:#fff;padding:5px 10px;}/* Адміністративні межі */
.layer3-1{right:0;}/* Адміністративні межі */
.layer4{position:absolute;}/* Растр */
.layer5{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:95%;padding:10px 10px 20px 10px;background:#fff;border:1px solid var(--border);}

/* ПРАВАЯ ПАНЕЛЬ НА КАРТЕ*/
.r-panel{flex:0 0 23%;width:23%;min-width:0;height:610px;border-left:1px solid var(--border);padding:5px 5px 0 5px;}
.r-hed{height:30px;border-bottom:1px solid var(--border);}
.r-hed a{margin:0;font-size:16px;float:right;color:#648bab;}
.r-list{height:98%;overflow-y:auto;}
.r-list-1{height:95%;}
.r-list p{line-height:105%;text-align:left;}
.r-list label{line-height:105%;}
.zag-1{font-size:16px;margin:5px 0;color:#291f03;}
.zag-11{font-size:16px;margin:10px 0 0 0;color:#291f03;}
.zag-2{font-size:15px;margin:10px 0 5px 0;}
.zag-3{font-size:15px;margin:0 0 5px 5px;}
.zag-4{font-size:14px;padding:5px 0 0 0;}
.zag-5{font-size:13px;padding:5px 0 0 0;line-height:100%;}
.zag-uz{font-size:14px;margin:0 0 5px 0;}
.zag-th{font-size:14px;padding:5px 5px 2px 0;}
.zag-map{font-size:250px}
.zag-map1{font-size:180px}
.r-list th>img,.r-list td>img{padding:2px 5px 0 0;}
.row{cursor:pointer;}
.h8:before{content:url('images/8.png');float:right;}

/* ЛЕГЕНДА*/
.legenda{position:absolute;bottom:0;left:0;background:#fff;padding:5px 10px;}
.legenda table{margin:0 0 10px 0;}
.legenda th{border:none;padding:0 0 5px 2px;}
.legenda td{border:none;padding:1px 5px 1px 2px;}

/* ПОЛНОЭКРАННЫЙ СТИЛЬ */
:fullscreen{background-color:#fff;padding:20px;}
:fullscreen .open{display:none;}
:fullscreen .close{display:block;}
:fullscreen .r-panel{height:99%;}
:fullscreen .zag-map{font-size:180px}
:fullscreen .zag-map1{font-size:120px}
:-webkit-full-screen{background-color:#fff;padding:20px;}
:-moz-full-screen{ background-color:#fff;padding:20px;}
:-ms-fullscreen{background-color:#fff;padding:20px;}

/* Стиль кнопок на карте*/
.custom-controls{position: absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:4px;background-color:#fff;padding:0 10px 10px 0;z-index:50;}
.map-btn {width:26px;height:26px;border:1px solid #ebebeb;box-shadow:1px 1px 0 rgba(0,0,0,0.2);user-select:none;cursor:pointer;}
.map-btn:hover{background:#f5f5f5;}
.open{content:url('images/open.svg')}
.close{content:url('images/close.svg');display:none;}
.plus{content:url('images/plus.svg');margin-top:5px;}
.minus{content:url('images/minus.svg')}
.home{content:url('images/home.svg')}

/* Курсор и запрет выделения текста для SVG-карт, где явно включены панорамирование и зум */
.svg-panzoom-map{touch-action:none;user-select:none;-webkit-user-select:none;}
.svg-panzoom-map text{user-select:none;-webkit-user-select:none;}
.svg-panzoom-map--dragging{cursor:grabbing;}

/* Мобильная карта: сначала SVG/растровая подложка, затем правая панель. */
@media (max-width:760px){
	.layer0{display:flex;flex-direction:column;height:auto;min-height:0;border:0;box-sizing:border-box;}
	.content-map .layer0::after{display:none;}
	.layer1{order:1;flex:none;width:100%;min-width:0;padding:5px;box-sizing:border-box;}
	.layer1:not(.no-mob){position:relative;aspect-ratio:3/2;}
	.layer1:not(.no-mob)>svg{display:block;width:100%;height:100%;}
	.layer1:not(.no-mob) .layer4{position:absolute;inset:5px;}
	.layer1:not(.no-mob) .layer4 img{display:block;width:100%;height:auto;}
	.layer2{order:1;position:static;width:100%;padding:5px;background:#fff;box-sizing:border-box;}
	.layer2 img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;}
	.layer3{order:3;position:static;width:100%;padding:6px 10px;background:#fff;box-sizing:border-box;}
	.legenda{order:4;position:static;width:100%;padding:5px 10px;background:#fff;box-sizing:border-box;}
	.r-panel{order:2;width:100%;height:auto;max-height:none;padding:8px 10px;border-left:0;box-sizing:border-box;}
	.r-list,.r-list-1{height:auto;max-height:none;overflow:visible;}
	.r-panel table{width:100%;}
.layer5{flex-direction:column;}
}

/* СТИЛЬ SVG */
.strana{fill:none;stroke:#000;stroke-width:30;}
.zona{fill:none;stroke:#800000;stroke-width:20;}
.podzona{fill:none;stroke:#800000;stroke-width:20;stroke-dasharray:50;}
.krai{fill:none;stroke:#0000FF;stroke-width:15;stroke-dasharray:50;}
.oblast{fill:none;stroke:#0000FF;stroke-width:15;}
.raion{fill:none;stroke:#555;stroke-width:5;cursor:pointer;}
.meja{fill:none;stroke:#555;stroke-width:15;stroke-dasharray:50;}
.region{fill:none;stroke:#828282;stroke-width:2;cursor:pointer;}
.region1{fill:none;stroke:#1e1e1e;stroke-width:2;cursor:pointer;}
/* РАЗЛОМЫ */
.razlom{stroke:#800000;stroke-width:35;}/* Докембрійської платформи (коричневый) */
.razlom1{stroke:#800000;stroke-width:10;}/* Встановлені (коричневый) */
.razlom2{stroke:#008080;stroke-width:8;}/* Ймовірні (голубой) */
.razlom3{stroke:#800000;stroke-width:8;}/* Ймовірні (коричневый) */
.razlom4{stroke:#800000;stroke-width:10;stroke-dasharray:50;}/* коричневый пунктир */
.graben{stroke:#000;stroke-width:10;}/* Дніпровський грабен */
.graben1{stroke:#800000;stroke-width:15;}/* Дніпровський грабен коричневый */
.nadvig1{fill:none;stroke:#000;stroke-width:7;}/* черный для геогогической + уступы */
.nadvig2{fill:none;stroke:#800000;stroke-width:5;}/* (коричневый) */
.kristal{stroke:#e84094;stroke-width:30;stroke-dasharray:50;}/* Кристалический щит */
.kontur1{stroke:#000;stroke-width:10;stroke-dasharray:50;}/* штрихпунктир */
.kontur2{fill:none;stroke:#000;stroke-width:3;stroke-dasharray:10;}/* точечный пунктир */
.kontur3{fill:none;stroke:#91074c;stroke-width:10;}/* Впадина для тектоники (фиолетовый) */
.shtrix{fill:none;stroke:#555;stroke-width:5;}/* для литологии серый*/
.punktir{stroke:#555;stroke-width:5;stroke-dasharray:50;}/* штрихпунктир для литологии */
.shtrix1{stroke:#000;stroke-width:5;}/* для литологии черный*/
.punktir1{stroke:#000;stroke-width:5;stroke-dasharray:50;}/* штрихпунктир для литологии черный */
.punktir2{stroke:#000;stroke-width:3;stroke-dasharray:30;}
/* ГОРИЗОНТАЛИ */
.gor1{stroke:#84643d;stroke-width:3;}/* Докембрийского фундамента */
.gor2{stroke:#008000;stroke-width:3;}/* Нижнетретичных отложений */
.gor3{stroke:#800080;stroke-width:3;}/* Эпигерцинского фундамента */
.gor4{stroke:#555;stroke-width:3;stroke-dasharray:20;}/* Простиро=ание щита */
.gor5{stroke:#555;stroke-width:3;}/* Простиро=ание грабена */
/* ГРАНИЦЫ */
.gr1{fill:none;stroke:#1010fc;stroke-width:15;}/* Дніпровського заледеніння */
.gr2{fill:none;stroke:#00cfcf;stroke-width:15;}/* Границя середньо-верхньопліоценових морських трансгресій */
.gr3{fill:none;stroke:#000;stroke-width:15;}/* Антиклінальні структури складчастих областей (толстый черный) */
.gr4{fill:none;stroke:#760fbe;stroke-width:3;}/* Антиклінальні структури і їх зони в межах платформених западин */
.w1-58{stroke:#700000;stroke-width:15;}
.w1-59{stroke:#e00000;stroke-width:15;}
.w1-60{stroke:red;stroke-width:15;}
.w1-61{stroke:navy;stroke-width:15;}
.w1-62{stroke:#2020ff;stroke-width:15;}
.w1-63{stroke:green;stroke-width:15;}
.w1-64{stroke:#900090;stroke-width:15;}
.w1-65{stroke:#f0f;stroke-width:15;}
.w1-66{stroke:#ff8000;stroke-width:15;}
.w1-67{stroke:#009090;stroke-width:15;}
.w1-68{stroke:#505000;stroke-width:15;}
.w1-69{stroke:#b05800;stroke-width:15;}
.w5-1-1{stroke:green;stroke-width:15;}
.w5-1-2{stroke:#6000c0;stroke-width:15;}
.w5-1-3{stroke:#000;stroke-width:15;}
.w5-1-4{stroke:#701c00;stroke-width:15;}
.gr6{stroke:#40bf40;stroke-width:15;}/* Тортонської N1t */
.gr7{stroke:#67cccc;stroke-width:15;}/* Сарматської */
.gr8{stroke:#a7d449;stroke-width:15;}/* Мєотичної */
.gr9{stroke:#ba74ff;stroke-width:15;}/* Понтійської */
.gr10{stroke:#fd49a3;stroke-width:15;}/* Кімерійської */
.gr11{stroke:#ffac66;stroke-width:15;}/* Куяльницької */
/* УСЛОВНЫЙ ЗНАК */
.uz1{fill:none;stroke:#881010;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;}/* Яри */
.uz2{fill:none;stroke:#000;stroke-width:5;}/* Каньйони */
.uz3{fill:#000;stroke:#000;stroke-width:5;}/* Карстові форми */
.uz4{fill:none;stroke:#ff4000;stroke-width:10;}/* Товтри */
.uz5{fill:none;stroke:#000066;stroke-width:5;}/* Куести, гребені, гриви */
.uz6{fill:#ff90c8;stroke:#d7207b;stroke-width:5;}/* Денудаційні останц */
.uz7{fill:#108888;stroke:#057575;stroke-width:5;}/* Блюдця, поди */
.uz8{fill:none;stroke:#884c4c;stroke-width:5;}/* Денудаційні уступи */
.uz9{fill:#d0e0ff;stroke:#0000ff;stroke-width:5;}/* Моренні пагорби */
.uz10{fill:#e8d0ff;stroke:#821aea;stroke-width:5;}/* Ози */
.uz11{fill:#0066ff;stroke:#0351c7;stroke-width:5;}/* Ками */
.uz12{fill:none;stroke:#1010ff;stroke-width:5;}/* Воднольодовикові долини */
.uz13{fill:#b000b0;stroke:#7f047f;stroke-width:5;}/* Гляціодислокаціі, відторженці */
.uz14{fill:#6f006f;stroke:#510151;stroke-width:5;}/* Цирки */
.uz15{fill:#4f8400;stroke:#3e6702;stroke-width:5;}/* Конуси виносу */
.uz16{fill:#a0e0ff;stroke:#3e82ff;stroke-width:5;}/* Соляні купола */
.uz17{fill:#000;stroke:#000;stroke-width:2;}/* Кліпени */
.uz18{fill:#ca0000;stroke:none;}/* Зсуви */
.uz19{fill:#dd0303;stroke:#ff0000;stroke-width:5;}/* Лаколіти */
.uz20{fill:#673434;stroke:#552929;stroke-width:5;}/* Конуси давніх вулканів */
.uz21{fill:#696905;stroke:#505000;stroke-width:5;}/* Сопки грязьових вулканів */
.uz22{fill:#747474;stroke:none;}/* Масиви дюнних і кучугурних пісків */
.uz23{fill:none;stroke:#0000cc;stroke-width:5;}/* Флексури */
.uz24{fill:#747474;stroke:none;}/* Песок + Эффузивы осадочного чехла */
.uz25{fill:#333333;stroke:#000;stroke-width:5;}/* Вулканіти різного складу */
.uz26{fill:#e8d0c7;stroke:#b26863;stroke-width:5;}/* Локальні підняття */

/* Копия подсветки не перехватывает мышь и сохраняет порядок слоев SVG. */
.map-highlight-copy{pointer-events:none;}

/* Для полигонов с отверстиями подсветка должна сохранять "бублик", а не заливать его целиком. */
.map-highlight-copy{fill-rule:evenodd;clip-rule:evenodd;}