body{margin:0;padding:0;font-family:Roboto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bgimg{background-image:url(/assets/4QHgSvI-.png);height:calc(100vh - 64px);background-position:center;background-size:cover;position:relative;color:#fff;font-family:Courier New,Courier,monospace;font-size:25px}.App{text-align:left;height:100vh;width:100%}.picker{position:relative;margin-left:10px}.swatch{width:28px;height:28px;border-radius:8px;border:3px solid #fff;box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #0000001a;cursor:pointer}.popover{z-index:10000;position:absolute;top:calc(100% + 2px);left:15px;border-radius:9px;box-shadow:0 6px 12px #00000026}.ol-map{height:100%;width:100%;position:relative}.custom-mouse-position{bottom:32px;right:8px;position:absolute}.ol-full-screen{right:.5em;top:.5em}.ol-rotate{top:2.5em}.layer-switcher{top:.5em;left:3em;width:fit-content;z-index:500}.ol-popup{position:absolute;background-color:#fff;box-shadow:0 1px 4px #0003;padding:15px;border-radius:5px;border:1px solid #cccccc;bottom:12px;left:-50px;min-width:280px;font-size:10pt}.ol-popup div{max-height:400px;overflow-y:auto}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"✖"}.ol-attribution{bottom:0}.ol-overlay-container .ol-magnify{background:#00000080;border:3px solid #369;border-radius:50%;height:150px;width:150px;overflow:hidden;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.5);box-shadow:5px 5px 5px #00000080;position:relative;z-index:0}.ol-overlay-container .ol-magnify:before{border-radius:50%;-webkit-box-shadow:0 0 40px 2px rgba(0,0,0,.25) inset;box-shadow:0 0 40px 2px #00000040 inset;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ol-overlay-container .ol-magnify:after{border-radius:50%;-webkit-box-shadow:0 0 20px 7px rgba(255,255,255,1);box-shadow:0 0 20px 7px #fff;content:"";display:block;height:0;left:23%;position:absolute;top:20%;width:20%;z-index:1;transform:rotate(-40deg);-webkit-transform:rotate(-40deg)}