*{box-sizing:border-box}html{font-family:system-ui,sans-serif}html,body{width:100%;height:100%;padding:0;margin:0}body{display:flex}#map{width:100%;height:100%}#sidebar{height:100%;width:20rem;padding:.5rem;overflow:auto}.legend-control{padding:.25rem}.legend-control-colors{width:100%;height:1rem}.legend-control-labels{width:100%;display:flex;justify-content:space-between}.mapboxgl-popup{max-width:30rem!important;font-size:.9rem}.measurement-popup-contents{max-height:30rem;overflow:auto}.measurement-popup-contents h2{font-size:1rem}.measurement-popup-contents button{margin-block:1rem}