.map{height:500px;width:100%}.map .ol-viewport{border:1px solid #d9d9d9;border-radius:6px}.map .ol-zoom{background:#ffffffe6;border-radius:4px;box-shadow:0 0 10px #0003;overflow:hidden;position:absolute;right:10px;top:10px;width:30px}.map .ol-zoom button{background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;font-size:1em;height:30px;outline:none;transition:background-color .3s;width:30px}.map .ol-zoom button:last-child{border-bottom:none}.map .ol-zoom button:hover{background-color:#0000001a}.map .ol-zoom button:active{background-color:#00000026}#locate{position:absolute;right:10px;top:56px}#locate button{background-color:#fff;border-radius:4px;cursor:pointer;padding:6px;text-align:center}#locate button svg{height:24px;width:24px}#locate button svg circle,#locate button svg g,#locate button svg path{fill:#3471f6}#locate button:hover{background-color:#fff}#locate button:hover svg circle,#locate button:hover svg g,#locate button:hover svg path{fill:#3471f6}.basemap-gallery{background-color:#fff;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);overflow:hidden;padding:10px;position:absolute;right:10px;top:50px}.basemap-thumbnail{border:1px solid rgba(0,0,0,.2);cursor:pointer;height:86px;transition:border .3s;width:120px}.basemap-thumbnail:hover{border:1px solid rgba(0,0,0,.4)}.basemap-thumbnail img{max-height:100%;max-width:100%}.basemap-gallery{transition:opacity .3s}.toggle-basemap{background-color:#ffffffe6;border-radius:4px;cursor:pointer;padding:3px;position:absolute;right:10px;top:10px}.toggle-basemap svg{height:30px;width:30px}.toggle-basemap svg g{fill:#3471f6}.start-draw{background-color:#ffffffe6;border-radius:4px;box-shadow:0 0 10px #0003;cursor:pointer;left:9px;padding:3px;position:absolute;top:90px}.start-draw svg{height:23px;width:23px}.start-draw svg g,.start-draw svg path{fill:#3471f6}.draw-started{background-color:#3471f6}.draw-started svg g,.draw-started svg path{fill:#fff}.draw-layer-list{z-index:1501}