nav{background-color:var(--color-claro);z-index:600;border-radius:0 8px 8px 0;grid-template-rows:40px 1fr;grid-template-columns:1fr 40px;width:376px;height:70vh;max-height:70vh;transition:all .5s;display:grid;position:absolute;top:20%;left:-336px}.vl{border-right:1px solid var(--color-disabled);height:100%;position:absolute;right:40px}.menu__container--open{transition:all .5s;left:0}.nav__title{background-color:var(--color-menu);height:40px;color:var(--color-claro);text-transform:uppercase;border-right:1px solid var(--color-disabled);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.nav__menu{background-color:var(--color-menu);cursor:pointer;background-image:url(../images/nav/menu.svg);border-radius:0 8px 0 0;height:40px}.nav__menu--open{-o-transition:0s;border-radius:0 0 0 8px;-webkit-transition:all;-moz-transition:all;-ms-transition:all;transition:all;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.search__layer,.search__layer--mobile{border:1px solid var(--color-subcategory);width:80%;color:var(--color-subcategory);background-image:url(../images/general/search.svg);background-position:right 10px top 7px;background-repeat:no-repeat;border-radius:5px;height:28px;margin:10px 20px;padding:0 10px;font-size:16px}.search__layer:focus,.search__layer--mobile:focus{outline:none}.list__layer,.list__layer--mobile{background-color:var(--color-claro);border:1px solid var(--color-disabled);z-index:2;border-radius:0 0 5px 5px;width:75%;height:auto;margin:0 22px;list-style-type:none;display:none;position:absolute;top:82px;overflow-y:auto;-webkit-box-shadow:0 0 20px #ebebebb3;-moz-box-shadow:0 0 20px #ebebebb3;box-shadow:0 0 20px #ebebebb3}.list__layer--mobile{width:85%;top:42px}.list__layer li{cursor:pointer;color:var(--color-subcategory);padding:5px 2.5px 5px 10px;font-size:16px;font-weight:400}.list__layer li:hover{background-color:var(--color-gris)}.list__layer::-webkit-scrollbar-track{background-color:var(--color-gris);border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.list__layer::-webkit-scrollbar{background-color:var(--color-gris);width:6px}.list__layer::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.nav__content{border-right:1px solid var(--color-disabled);height:auto;padding-bottom:20px;padding-right:5px;overflow-y:hidden}.nav__legend{border:0;height:auto;padding-right:5px;display:none;overflow-y:auto}.nav__icons{grid-template-rows:40px 40px 1fr 40px 40px 40px 40px 1.5fr;grid-template-columns:1fr;width:40px;height:100%;display:grid}.nav__item{cursor:pointer;width:40px;height:40px}#btnLayer{background-image:url(../images/nav/layer.svg)}#btnLayer:hover,#btnLayer .active{background-image:url(../images/nav/f_layer.svg)}#btnLegend{background-image:url(../images/nav/legend.svg)}#btnLegend:hover{background-image:url(../images/nav/f_legend.svg)}#btnHome{background-image:url(../images/nav/home.svg)}#btnHome:hover{background-image:url(../images/nav/f_home.svg)}#btnIn{background-image:url(../images/nav/in.svg)}#btnIn:hover{background-image:url(../images/nav/f_in.svg)}#btnOut{background-image:url(../images/nav/out.svg)}#btnOut:hover{background-image:url(../images/nav/f_out.svg)}#btnRefresh{background-image:url(../images/nav/refresh.svg)}#btnRefresh:hover{background-image:url(../images/nav/f_refresh.svg)}.nav__categories{grid-template-columns:1fr;height:auto;max-height:calc(100% - 40px);display:grid;overflow-y:auto}.category{user-select:none;grid-template-columns:[col1-start]32px[col2-start]1fr[col2-end];grid-template-areas:"category__image category__label" "category__list";margin-left:20px;display:grid}.category__list{grid-column:col1-start/col2-end}.category__list>li{list-style-type:none}.category input{display:none}.category label,.subcategory label{background-color:var(--color-claro);color:var(--color-text);cursor:pointer;margin-right:2px;padding:5px;font-size:18px;display:block}.subcategory label{margin-top:1.5px;padding:5px;font-size:16px}.category label span{padding-left:240px;transform:rotateX(45deg)}.category>label:hover,.subcategory>label:hover{background-color:var(--color-hover)}.category ul{background-color:var(--color-claro);width:calc(100% - 10px);max-height:0;padding-left:10px;transition:all .4s;overflow:hidden}.category input:checked~ul{height:auto;max-height:none;transition:all .4s linear}.category ul li{position:relative}.category ul li section{grid-template-rows:minmax(30px,auto);grid-template-columns:30px 30px 1fr 40px;display:grid}.category ul li section img{cursor:pointer;width:12px;height:12px;padding:8px 0;position:absolute}.category ul li section input[type=checkbox]{background-color:var(--color-claro);width:100%;height:16px;color:var(--color-text);margin:auto auto auto 25px;text-decoration:none;display:block}.category ul li section label{background:0 0;width:175px;margin:auto 0 auto 30px;padding:0;font-size:14px}.category ul li input[type=range]{-webkit-appearance:none;background-color:var(--color-disabled);border:1px solid var(--color-disabled);float:right;border-radius:10px;width:30px;height:2px;margin:5px 0;transition:all .3s;display:block;position:absolute;top:5px;right:15px}.category ul li input[type=range]:hover{background-color:var(--color-hover)}.category ul li input[type=range]:disabled{background-color:var(--color-disabled)}.category ul li input[type=range]:focus{outline:none}.category ul li input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--color-subcategory);width:12px;height:12px;box-shadow:0px 0px 3px var(--color-subcategory);cursor:pointer;border-radius:30px;transition:all .5s}.category ul li input[type=range]::-webkit-slider-thumb:hover{background-color:var(--color-title);box-shadow:0px 0px 1px var(--color-title)}.category ul li input[type=range]:disabled::-webkit-slider-thumb{background-color:var(--color-disabled);box-shadow:0px 0px 3px var(--color-disabled);border:.2px solid var(--color-subcategory)}.category>img{height:32px}.nav__categories::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.nav__categories::-webkit-scrollbar{background-color:var(--scrollbar-track);width:6px}.nav__categories::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.nav__legend::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.nav__legend::-webkit-scrollbar{background-color:var(--scrollbar-track);width:6px}.nav__legend::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px #0000004d}.control__mobile{z-index:600;width:32px;display:none;position:absolute;top:90px;left:10px}.layers__mobile{z-index:600;width:32px;display:none;position:absolute;bottom:70px;left:10px}.legend__categories{grid-template-columns:1fr;padding-top:15px;padding-left:10px;padding-right:10px;display:grid}.legend__categories label{padding-left:15px}.legend__categories img{padding-left:0}.legend__categories span{border:0;font-size:13px;font-weight:600}.legend__subcategories{grid-template-columns:1fr;margin-top:5px;padding-left:15px;display:grid}.legend__subcategories label,.legend__categories img{padding-left:15px}.legend__subcategories span{border:none;font-size:12px}.category__childrens,.subcategory__childrens{grid-template-columns:1fr;display:grid}.section__mobile{background-color:var(--color-claro);z-index:600;width:100%;height:50vh;display:none;position:fixed;bottom:0;left:0}.section__mobile .mobile__head{background-color:var(--color-header);grid-template-columns:1fr 40px;justify-content:center;align-items:center;width:100%;height:40px;display:grid;position:absolute;top:0;left:0}.section__mobile>.mobile__head>span{text-align:center;color:var(--color-claro);font-size:20px;font-weight:600}.section__mobile .close__mobile{text-align:center;background-color:var(--color-menu-claro);cursor:pointer;border-radius:50%}.mobile__layer,.mobile__legend{background-color:var(--color-claro);width:100%;height:calc(50vh - 40px);display:none;position:absolute;top:40px;overflow-y:auto}@media (width>=481px) and (width<=767px){nav{display:none}.control__mobile{display:block;top:8px}.options__mobile{display:block}.layers__mobile{display:block;position:fixed;bottom:28px}.section__mobile{width:50vw;height:100%}.mobile__layer,.mobile__legend{height:calc(100vh - 40px)}}@media (width<=480px){nav{display:none}.search__layer--mobile{margin-top:10px}.control__mobile,.options__mobile{display:block}.layers__mobile{display:block;position:fixed}}