.project-infrastructure-map-legend-item,.project-infrastructure-map-legend__title{font-family:var(--font);font-size:var(--typescale-label-large-font-size);font-style:normal;font-weight:var(--typescale-label-large-font-weight,500);letter-spacing:var(--typescale-label-large-letter-spacing);line-height:var(--typescale-label-large-line-height);-webkit-text-decoration:var(--typescale-label-large-text-decoration);text-decoration:var(--typescale-label-large-text-decoration);text-transform:var(--typescale-label-large-text-transform)}.project-infrastructure-map{display:flex;flex-direction:column-reverse;gap:20px;min-height:500px;position:relative;width:100%}@media only screen and (min-width:1068.1px){.project-infrastructure-map{height:75vh}}@media only screen and (max-width:734px){.project-infrastructure-map{min-height:330px}}.project-infrastructure-map__map{background-color:var(--color-surface-dark);border-radius:var(--border-radius-lg);height:100%;overflow:hidden;width:100%}@media only screen and (max-width:1068px){.project-infrastructure-map__map{aspect-ratio:.57;display:flex;max-height:60vh}}@media only screen and (max-width:734px){.project-infrastructure-map__map{height:60vh}}@media only screen and (min-width:1068.1px){.project-infrastructure-map__overlay{position:absolute}.project-infrastructure-map__overlay .project-infrastructure-map-legend__list{max-height:70vh;min-height:450px}}.project-infrastructure-map-legend{display:flex;flex-direction:column}.project-infrastructure-map-legend__header{position:absolute}@media only screen and (max-width:1068px){.project-infrastructure-map-legend__header{display:none}}.project-infrastructure-map-legend__title{background-color:var(--color-primary);border-radius:40px;color:var(--color-on-primary);display:inline-flex;padding:14px 20px}.project-infrastructure-map-legend__list{display:flex;gap:20px;height:100%;margin:0 calc(var(--container-padding)*-1);overflow:hidden;overflow-x:scroll;padding:0 var(--container-padding);scroll-snap-type:x mandatory;transition:scrollbar-color .3s ease}@media only screen and (min-width:1068.1px){.project-infrastructure-map-legend__list{background-color:#fff;border-radius:20px;flex-direction:column;gap:10px;margin:0;overflow-y:scroll;padding:55px 0 25px}}.project-infrastructure-map-legend__list:hover{scrollbar-face-color:var(--color-primary)!important;scrollbar-track-color:#fff0!important}.project-infrastructure-map-legend__list:hover:not([hide-scrollbar])::-webkit-scrollbar-thumb{background:var(--color-primary)!important}.project-infrastructure-map-legend__list:hover::-webkit-scrollbar-track{background:#fff0!important}.project-infrastructure-map-legend__list:hover::-webkit-scrollbar-thumb{background:var(--color-primary)!important}.project-infrastructure-map-legend__list:not([hide-scrollbar])::-webkit-scrollbar-thumb{background:#0000!important;border-radius:8px!important}.project-infrastructure-map-legend__list:not([hide-scrollbar])::-webkit-scrollbar{height:4px!important;width:4px!important}.project-infrastructure-map-legend__list::-webkit-scrollbar-thumb,.project-infrastructure-map-legend__list::-webkit-scrollbar-track{background:#0000!important}.project-infrastructure-map-legend__list{scrollbar-face-color:#0000!important;scrollbar-track-color:#0000!important}.project-infrastructure-map-legend-item{align-items:center;cursor:pointer;display:flex;gap:10px;max-width:270px;padding:5px 15px;-webkit-user-select:none;user-select:none}@media only screen and (max-width:1068px){.project-infrastructure-map-legend-item{gap:8px;padding:0}}@media only screen and (max-width:734px){.project-infrastructure-map-legend-item{font-size:14px}}@media (any-hover:hover) and (pointer:fine){.project-infrastructure-map-legend-item:hover .project-infrastructure-map-legend-item__icon{box-shadow:inset 0 0 0 1px #0000}.project-infrastructure-map-legend-item:hover .project-infrastructure-map-legend-item__icon:before{opacity:1}.project-infrastructure-map-legend-item:hover .project-infrastructure-map-legend-item__count,.project-infrastructure-map-legend-item:hover .project-infrastructure-map-legend-item__title{color:var(--color-primary-hover)}}.project-infrastructure-map-legend-item.is-active{pointer-events:none}.project-infrastructure-map-legend-item.is-active .project-infrastructure-map-legend-item__icon{background:var(--color-primary);box-shadow:inset 0 0 0 1px #0000;color:var(--color-on-primary)}.project-infrastructure-map-legend-item.is-active .project-infrastructure-map-legend-item__count,.project-infrastructure-map-legend-item.is-active .project-infrastructure-map-legend-item__title{color:var(--color-primary)}.project-infrastructure-map-legend-item__icon{align-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary);display:flex;flex:0 0 35px;height:35px;justify-content:center;overflow:hidden;position:relative;transition:color .3s cubic-bezier(.2,0,0,1),background .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1);width:35px}.project-infrastructure-map-legend-item__icon:before{background:#0000;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.2,0,0,1)}.project-infrastructure-map-legend-item__title{color:var(--color-on-surface);flex:1;overflow:hidden;text-overflow:ellipsis;transition:color .3s cubic-bezier(.2,0,0,1);white-space:nowrap}.project-infrastructure-map-legend-item__count{color:var(--color-primary-50);transition:color .3s cubic-bezier(.2,0,0,1)}@media only screen and (min-width:1068.1px){.project-infrastructure-map-legend-item__count{margin-left:8px}}