.map{width:100%;height:500px}.map .ol-viewport{border:1px solid #d9d9d9;border-radius:6px}.map .ol-zoom{background:#ffffffe6;border-radius:4px;width:30px;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 0 10px #0003}.map .ol-zoom button{cursor:pointer;background-color:#0000;border:none;border-bottom:1px solid #0000001a;outline:none;width:30px;height:30px;font-size:1em;transition:background-color .3s}.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;top:56px;right:10px}#locate button{cursor:pointer;text-align:center;background-color:#fff;border-radius:4px;padding:6px}#locate button svg{width:24px;height: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;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;display:grid;position:absolute;top:50px;right:10px;overflow:hidden}.basemap-thumbnail{cursor:pointer;border:1px solid #0003;width:120px;height:86px;transition:border .3s}.basemap-thumbnail:hover{border:1px solid #0006}.basemap-thumbnail img{max-width:100%;max-height:100%}.basemap-gallery{transition:opacity .3s}.toggle-basemap{cursor:pointer;background-color:#ffffffe6;border-radius:4px;padding:3px;position:absolute;top:10px;right:10px}.toggle-basemap svg{width:30px;height:30px}.toggle-basemap svg g{fill:#3471f6}.toggle-input{cursor:pointer;background-color:#fff;border-radius:4px;padding:6px;position:absolute;top:102px;right:10px;box-shadow:0 0 10px #0003}.toggle-input svg{width:24px;height:24px}.toggle-input svg g{fill:#3471f6}.start-draw{cursor:pointer;background-color:#ffffffe6;border-radius:4px;padding:3px;position:absolute;top:90px;left:9px;box-shadow:0 0 10px #0003}.start-draw svg{width:23px;height: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}#scale-bar{right:unset;position:absolute;bottom:25px!important;left:5px!important}#coordinate-bar{background-color:#ffffffbf;padding:3px 5px;font-size:11px;position:absolute;bottom:10px;left:10px}