header.logo-header{display:flex;gap:10px}header.logo-header picture.logo img{display:block;width:70px;height:70px;opacity:.6}header.logo-header h2.header{color:#555;font-size:clamp(16px,calc(16px + 4*(100vw - 400px)/800),20px);margin:0;align-self:center}@media (min-width: 768px){header.logo-header picture.logo img{width:90px;height:90px}}nav{padding:0;display:flex;align-items:center;gap:3px}nav svg{width:20px;height:20px}nav a{color:#555;font-size:14px}nav a:hover{color:red}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui}html,body{height:100%;width:100%}ul{list-style:none;margin:0;padding-left:0}.header-contaiter header{grid-column:middle;display:flex;justify-content:space-between;align-items:end;gap:40px}.header-contaiter header .search-input{flex:1;display:grid;grid-template-areas:"search-input";min-height:30px}.header-contaiter header .search-input input[type=search]{grid-area:search-input;border:1px solid #cecece;background-color:#fff}.header-contaiter header .search-input input[type=search]:focus{outline:1px solid #555}.header-contaiter header .search-input input[type=search]::-webkit-search-decoration,.header-contaiter header .search-input input[type=search]::-webkit-search-cancel-button,.header-contaiter header .search-input input[type=search]::-webkit-search-results-button,.header-contaiter header .search-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.header-contaiter header .search-input .count-reset{grid-area:search-input;justify-self:end;align-self:center;display:flex;max-height:20px;margin-right:7px;gap:7px}.header-contaiter header .search-input .count-reset .count{width:fit-content;min-width:15px;font-size:13px;color:#fff;background-color:#196dffbb;padding-left:3px;padding-right:3px;border-radius:3px;display:flex;justify-content:center;align-items:center}.header-contaiter header .search-input .count-reset svg.reset{background-color:transparent;cursor:pointer;color:#555;width:20px;height:20px}.header-contaiter header .search-input svg.reset:hover{color:red}.header-contaiter header .search-input svg.search-icon{color:#555;width:20px;height:20px;grid-area:search-input;justify-self:end;align-self:center;margin-right:7px}.header-contaiter header .search-result{inset:50px auto auto auto;position:absolute;z-index:110;background-color:#fff;overflow-y:auto;box-shadow:2px 3px 4px #0003}.header-contaiter header .search-result ul{display:flex;flex-direction:column;gap:7px;margin:10px}.header-contaiter header .search-result ul li .items{display:flex;flex-direction:column}.header-contaiter header .search-result ul .items .parent{color:#196dff;font-size:12px}.header-contaiter header .search-result ul .items .name{cursor:pointer;color:#555;font-size:14px}.header-contaiter header .search-result ul .items .name:hover{color:red}.header-contaiter header .search-result .no-result{color:#555;font-size:14px;margin:10px}.header-contaiter header .search-result .loader{width:30px;aspect-ratio:2;--c: no-repeat linear-gradient(#196dff88 0 0);background:var(--c) 0% 100%,var(--c) 50% 100%,var(--c) 100% 100%;animation:l2 1s infinite linear;margin:10px}.header-contaiter header nav.page-links,.header-contaiter header nav.lang-links{display:none}.header-contaiter header button.mobile-menu-toggle{display:flex;align-items:center;border:none;background:none;cursor:pointer;padding:0;color:#555;width:35px;max-height:30px}.header-contaiter header button.mobile-menu-toggle:hover{color:red}.header-contaiter header button.mobile-menu-toggle svg{width:35px;height:35px}a.disabled{pointer-events:none;cursor:default;color:gray;text-decoration:none;opacity:.6}.header-contaiter header nav.page-links ul{display:flex;gap:40px}nav.page-links ul li a{cursor:pointer;font-size:16px;color:#555;text-decoration:underline}nav.page-links ul li a:hover{color:red}nav.page-links ul li .active-link{font-size:16px;color:#949494}.header-contaiter header nav.lang-links ul{display:flex;gap:12px}nav.lang-links ul li a{cursor:pointer;font-size:14px;color:#555;text-decoration:underline}nav.lang-links ul li a:hover{color:red}nav.lang-links ul li .active-link{font-size:14px;color:#949494}.header-contaiter .mobile-menu{inset:46px auto auto auto;width:100%;position:absolute;display:flex;gap:20px;flex-direction:column;align-items:center;z-index:9999;background-color:#fff;padding-bottom:10px;border-bottom:1px solid #cecece}.header-contaiter .mobile-menu nav.page-links ul,.header-contaiter .mobile-menu nav.lang-links ul{display:flex;gap:15px}@media (min-width: 768px){.header-contaiter header .search-input{flex:.7}.header-contaiter header nav.page-links,.header-contaiter header nav.lang-links{display:block}.header-contaiter header button.mobile-menu-toggle,.header-contaiter .mobile-menu{display:none}}main #map{grid-row:main;grid-column:large}main .map-loader{width:50px;aspect-ratio:2;--c: no-repeat linear-gradient(#f6cf84 0 0);background:var(--c) 0% 100%,var(--c) 50% 100%,var(--c) 100% 100%;animation:l2 1s infinite linear;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:101}main .maplibregl-map{overflow:hidden;position:relative}main #map canvas.maplibregl-canvas{left:0;top:0;position:absolute}main .map-widget{position:absolute;grid-row:main;grid-column:middle;z-index:100;align-self:start;justify-self:end;padding:5px;box-shadow:-2px 3px 4px #0003;background-color:#fff}main .layer-panel{position:absolute;inset:10px auto auto auto;grid-row:main;grid-column:middle;z-index:101;align-self:start;justify-self:end}main .layer-panel .panel-toggle{width:35px;height:35px;padding:5px;background-color:#fff;box-shadow:-2px 3px 4px #0003;display:flex;align-items:center;justify-content:center}main .layer-panel .toggles{display:grid;grid-template-areas:"header closer" "layers ...";grid-template-rows:35px 1fr;grid-template-columns:auto 40px}main .layer-panel .toggles .header{grid-area:header;box-shadow:-2px 3px 4px #0003;background-color:#fff;display:flex;align-items:center;order:2}main .layer-panel .toggles .header header{margin-left:10px;color:#196dff}main .layer-panel .toggles .closer{grid-area:closer;box-shadow:-2px 3px 4px #0003;background-color:#fff;display:flex;align-items:center;justify-content:center;order:1}main .layer-panel .toggles .closer .hide-btn{padding-left:6.5px}main .layer-panel .toggles .layers{grid-area:layers;display:grid;row-gap:15px;grid-template-columns:35px 45px 135px 35px;box-shadow:-2px 3px 4px #0003;background-color:#fff;padding:10px 10px 10px 0;border-top:1px solid #cecece;order:3;overflow-x:hidden;overflow-y:auto}main .layer-panel .toggles .layers .layer{display:grid;grid-template-columns:subgrid;grid-column:span 4;align-items:start}main .layer-panel .toggles .layers .layer .legend-toggle{grid-column:1;width:12px;height:12px;stroke-width:.7;color:#555;cursor:pointer;margin:3px 0 0;transform:rotate(-90deg);transform-origin:center;justify-self:center}main .layer-panel .toggles .layers .layer .legend-toggle:hover{color:red}main .layer-panel .toggles .layers .layer .expanded{transform:rotate(0);transform-origin:center}main .layer-panel .toggles .layers .layer .content{display:grid;grid-template-columns:subgrid;grid-column:span 2;row-gap:5px}main .layer-panel .toggles .layers .layer .content .layer-name{grid-column:1 / 3;font-size:15px}main .layer-panel .toggles .layers .layer .content .legend{display:grid;gap:5px;grid-template-columns:subgrid;grid-column:span 2;align-items:center}main .layer-panel .toggles .layers .layer .content .legend .sub-layer-name{font-size:13px}main .layer-panel .toggles .layers .layer .layer-toggle{cursor:pointer}main .layer-panel .toggles .layers .layer .content .legend .gas-aboveground-exist{height:4px;background-color:#fcba03}main .layer-panel .toggles .layers .layer .content .legend .gas-underground-exist{height:4px;background-image:linear-gradient(to right,#fcba03 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .gas-aboveground-proj{height:4px;background-color:red}main .layer-panel .toggles .layers .layer .content .legend .gas-underground-proj{height:4px;background-image:linear-gradient(to right,red 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .power-low-aboveground-exist{height:3px;background-color:#1716ff78}main .layer-panel .toggles .layers .layer .content .legend .power-low-underground-exist{height:3px;background-image:linear-gradient(to right,#1716ff78 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .power-low-aboveground-proj{height:3px;background-color:#b617ff78}main .layer-panel .toggles .layers .layer .content .legend .power-low-underground-proj{height:3px;background-image:linear-gradient(to right,#b617ff78 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .power-high-aboveground-exist{height:4px;background-color:#fa000078}main .layer-panel .toggles .layers .layer .content .legend .power-high-underground-exist{height:4px;background-image:linear-gradient(to right,#fa000078 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .power-high-aboveground-proj{height:4px;background-color:#b617ff78}main .layer-panel .toggles .layers .layer .content .legend .power-high-underground-proj{height:4px;background-image:linear-gradient(to right,#b617ff78 70%,transparent 50%);background-size:20px 2px}main .layer-panel .toggles .layers .layer .content .legend .land-border{height:1.1px;background-color:#49b85c}main .draw-panel{position:relative;inset:55px auto auto auto;z-index:102;display:flex;gap:5px}main .draw-panel .controls{display:flex;gap:6.6px}main .draw-panel .loader{width:25px;aspect-ratio:2;--c: no-repeat linear-gradient(#55555588 0 0);background:var(--c) 0% 100%,var(--c) 50% 100%,var(--c) 100% 100%;animation:l2 1s infinite linear}main .draw-panel .info{position:absolute;inset:35px 45px auto 0px;background-color:#fff;font-size:12px;padding:5px;border-top:1px solid #cecece;box-shadow:-2px 3px 4px #0003}main .draw-panel .info .header{font-weight:500;color:#196dff}main .draw-panel .info .point,main .draw-panel .info .line{display:flex;gap:3px;flex-direction:column}main .draw-panel .info .polygon{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);align-items:end;row-gap:2px}main .pitch-toggle{inset:100px auto auto auto;z-index:102}main .pitch-toggle button:hover{color:red}main .bearing-toggle{inset:145px auto auto auto;z-index:102}main .geo-location{inset:190px auto auto auto;z-index:102}main .hill-shade{inset:235px auto auto auto;z-index:102}main .feature-info{font-size:14px;color:#555;inset:auto auto 10px auto;z-index:102}.svg-btn{cursor:pointer;background-color:#fff;border:none;color:#555;padding:2.5px;display:flex}.svg-btn:hover,.svg-btn-active{color:red}.svg-btn svg{width:20px;height:20px;stroke-width:.35;fill:none}.about{grid-row:main;grid-column:small;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;display:flex;flex-direction:column;gap:15px}.about::-webkit-scrollbar{display:none}.about h1{color:#555;font-size:clamp(18px,calc(18px + 4*(100vw - 400px)/800),22px);margin:0}.about article h3.header{color:#555;font-size:clamp(14px,calc(14px + 2*(100vw - 400px)/800),16px);margin:0}.about article div.description{color:#555;font-size:clamp(14px,calc(14px + 2*(100vw - 400px)/800),16px)}.about article.intro{display:flex;flex-direction:column;gap:5px}.about article.item{display:flex;flex-direction:column;gap:5px}.about article.item .example{display:flex;flex-direction:column;gap:5px}.about article.item .example .picture{position:relative}.about article.item .example .picture img{border:1px solid #b5b5b5;display:block}.about article.item .example .picture a{position:absolute;inset:5px auto auto 5px;background-color:#fff;font-size:12px;border:1px solid #b5b5b5;color:#555;text-decoration:none;padding:5px}.about article.item .example .picture a:hover{color:red}.about article.profit{display:flex;flex-direction:column;gap:3px}.about article.profit div.description ul{list-style:square;margin-left:30px}@media (min-width: 768px){.about{padding:20px 0;gap:30px}.about article.intro{gap:10px}.about article.item{gap:10px;flex-direction:row}.about article.item .description{margin-top:24px}.about article.profit div.description ul{margin-left:30px}}.contacts{grid-row:main;grid-column:small;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;display:flex;flex-direction:column;gap:15px}.contacts::-webkit-scrollbar{display:none}.contacts h1{color:#555;font-size:clamp(18px,calc(18px + 4*(100vw - 400px)/800),22px);margin:0}.contacts article.items{display:grid;gap:10px;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,1fr);align-items:center;justify-content:left}.contacts article.items svg.icon{width:25px;height:25px;color:#555;stroke-width:1;fill:none}.contacts article.items a.item{color:#555;font-size:14px;text-decoration:none}.contacts article.items a.item:hover{color:red}@media (min-width: 768px){.contacts{padding:20px 0;gap:30px}.contacts article.items svg.icon{width:30px;height:30px}}.privacy{grid-row:main;grid-column:small;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;display:flex;flex-direction:column;gap:15px}.privacy::-webkit-scrollbar{display:none}.privacy h1{color:#555;font-size:clamp(18px,calc(18px + 4*(100vw - 400px)/800),22px);margin:0}.privacy ol{margin:0;padding-left:20px}.privacy ol li h3.header{color:#555;font-size:clamp(14px,calc(14px + 2*(100vw - 400px)/800),16px);margin:0}.privacy ol li .description{color:#555;font-size:clamp(14px,calc(14px + 2*(100vw - 400px)/800),16px);margin:5px 0 15px}.privacy ol li ul.description{list-style:square;margin-left:20px}@media (min-width: 768px){.privacy{padding:20px 0;gap:30px}.privacy ol li ul.description{margin-left:30px}}footer{grid-column:middle;display:flex;justify-content:space-between;align-items:end;gap:20px}footer a.privacy{cursor:pointer;font-size:12px;color:#555;text-decoration:none;padding:0}footer a.privacy:hover{color:red}footer div.company{font-size:12px;color:#555;text-align:end}:root{--padding-inline: .5rem;--small-max-width: 1300px;--middle-max-width: 1600px;--middle-size: calc( (var(--middle-max-width) - var(--small-max-width)) / 2 )}#app{height:100dvh;display:grid;grid-template-rows:[head-start] auto [head-end main-start] 1fr [main-end foot-start] auto [foot-end];grid-template-columns:[large-start] minmax(var(--padding-inline),1fr) [middle-start] minmax(0,var(--middle-size)) [small-start] min(100% - (var(--padding-inline) * 2),var(--small-max-width)) [small-end] minmax(0,var(--middle-size)) [middle-end] minmax(var(--padding-inline),1fr) [large-end]}@media (min-width: 768px){:root{--padding-inline: 1rem}}.header-contaiter{grid-row:head;grid-column:large;display:grid;grid-template-columns:subgrid;padding:10px 0;border-bottom:1px solid #cecece;background-color:#fff}main{grid-row:main;grid-column:large;display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid;position:relative;background-color:#fffef7}.footer-contaiter{grid-row:foot;grid-column:large;display:grid;grid-template-columns:subgrid;padding:5px 0;border-top:1px solid #cecece}@keyframes l2{0%{background-size:20% 100%,20% 100%,20% 100%}20%{background-size:20% 60%,20% 100%,20% 100%}40%{background-size:20% 80%,20% 60%,20% 100%}60%{background-size:20% 100%,20% 80%,20% 60%}80%{background-size:20% 100%,20% 100%,20% 80%}to{background-size:20% 100%,20% 100%,20% 100%}}