#legend-container{position:absolute;top:10px;left:10px;z-index:1}#builder-container{position:absolute;bottom:30px;right:10px;z-index:1}.legend{background-color:#fff;border-radius:4px;padding:10px;font-family:Arial,sans-serif;font-size:12px;box-shadow:0 0 5px rgb(0 0 0 / .3);line-height:1.4em;opacity:1;transition:opacity 0.4s ease-in-out}.legend-hidden{opacity:0}.legend h4{margin:0 0 8px}.legend span{display:flex;align-items:center;margin-bottom:4px}.legend i{width:12px;height:12px;margin-right:8px;background-color:#000;display:inline-block;flex-shrink:0;border-radius:50%}.map-overlay{display:none;position:absolute;top:10px;left:10px;background-color:#fff;padding:10px;border-radius:4px;font-family:Arial,sans-serif;font-size:12px;z-index:1;box-shadow:0 0 5px rgb(0 0 0 / .3)}.map-overlay h4{margin:0 0 8px}.map-overlay input{margin-right:5px;vertical-align:middle}.map-overlay label{vertical-align:middle}.custom-poi-marker{position:absolute;top:0;left:0;will-change:transform;opacity:1;transition:opacity 0.2s;padding:4px 8px;border-radius:4px 4px 4px 0;font-size:12px;display:inline-block;background-color:#000;color:#fff;font-family:Arial,sans-serif;white-space:nowrap;will-change:transform}.custom-poi-marker::after{content:"";position:absolute;bottom:-6px;left:10px;width:0;height:0;border-left:6px solid #fff0;border-right:6px solid #fff0;border-top:6px solid #000}.mapboxgl-ctrl-top-right button{margin-top:0rem}@media (min-width:375px){.content{width:300px}}@media (min-width:992px){.content{width:800px}}@media (min-width:1200px){.content{width:1000px}}