body{user-select:none}path.leaflet-interactive:focus{outline:0}#legend{right:50px;position:absolute;z-index:1000;bottom:50px;background:white;padding:.8em 1.3em;border-radius:4px;background-clip:padding-box;box-shadow:0 0 12px rgb(0 0 0 / 33%);& h1{font-size:1.1em}& ul{list-style:none;line-height:1.5em;padding-inline-start:1em;&>li{&:before{content:'';display:inline-block;margin:0 auto;width:1em;height:1em;margin-right:1em;border-radius:.5em}&:nth-child(1):before{background:#4daf4a}&:nth-child(2):before{background:#e41a1c}&:nth-child(3):before{background:#377eb8}&:nth-child(4):before{background:#984ea3}}}}@media screen and (max-width:700px){#legend{font-size:.8em;padding:0 .7em;bottom:28px;right:10px;border-radius:.5em}}