@keyframes spinner{to{transform:rotate(1turn)}}.spinner:after{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-20px;margin-left:-20px;border-radius:50%;border:5px solid hsla(0,0%,71%,.6);border-top-color:rgba(0,0,0,.6);animation:spinner .6s linear infinite}.compass{border-radius:50%;border:5px solid #333;background-color:#fff}.needle{width:4px;height:50%;background-color:red;margin-left:50%;transform-origin:bottom center;transition:transform .3s}.geolocate{top:65px;left:.5em;position:absolute}.ol-touch .geolocate{top:80px;width:40px;height:40px;position:absolute}.geolocate-icon{width:25px;height:25px}.geolocate-icon,.ol-touch .geolocate-icon{cursor:pointer;opacity:1;background-color:#fff}.ol-touch .geolocate-icon{width:40px;height:40px}.capture-request{top:100px;left:.5em;position:absolute}.ol-touch .capture-request{top:130px;width:40px;height:40px;position:absolute}.capture-request-icon{cursor:pointer;opacity:1;width:25px;height:25px;background-color:#fff;filter:invert(100%) sepia(7%) saturate(0) hue-rotate(158deg) brightness(108%) contrast(109%)}.capture-request-icon.requestModeDisabled{background-color:#fff;width:25px;height:25px;filter:invert(0) sepia(7%) saturate(0) hue-rotate(158deg) brightness(108%) contrast(109%)}.ol-touch .capture-request-icon{cursor:pointer;opacity:1;width:40px;height:40px;background-color:#fff;filter:invert(100%) sepia(7%) saturate(0) hue-rotate(158deg) brightness(108%) contrast(109%)}.ol-touch .capture-request-icon.requestModeDisabled{background-color:#fff;width:40px;height:40px;filter:invert(0) sepia(7%) saturate(0) hue-rotate(158deg) brightness(108%) contrast(109%)}.location-search{top:10px;left:3em;position:absolute}