.cxe-container{overflow:hidden;display:block}
.div-icon{user-select:none;background-color:#fff;padding:2px;border-radius:4px}
.div-icon:hover{cursor:pointer}

.cxe-compass{top:30px;right:30px;cursor:pointer;pointer-events:auto;user-select:none}
.cxe-compass,.cxe-compass .out-ring{position:absolute;width:55px;height:55px}
.cxe-compass .out-ring{top:0;left:0;background-repeat:no-repeat;background-size:contain;fill:#3f4854;border-radius:50%}
.cxe-compass .out-ring svg{height:55px;width:55px}
.cxe-compass .gyro{position:relative;top:50%;transform:translateY(-50%);height:25px;width:25px;border-radius:50%;display:block;margin:0 auto;padding:4px;box-sizing:border-box;background:#fff}
.cxe-compass .rotation_marker{position:absolute;top:2px;left:2px;height:51px;width:51px;border-radius:50%;background-repeat:no-repeat;background-size:contain}
.cxe-compass .gyro-active,.cxe-compass .gyro-bg:hover+.gyro{fill:#68adfe}

.cxe-location-bar{position:absolute;left:270px;bottom:25px;font-size:14px;color:#fff;background:rgba(0,0,0,.6);padding:2px 5px;border-radius:2px;user-select:none;display:flex}
.cxe-location-bar span{margin:0 8px;display:inline-block}
.cxe-location-bar .mouse-location span{min-width:100px}

.cxe-distance-legend{position:absolute;left:120px;bottom:25px;width:125px;height:25px;user-select:none}
.cxe-distance-legend .label{font-size:14px;color:#fff;text-align:center;width:100%;font-weight:lighter}
.cxe-distance-legend .scale-bar{position:absolute;height:10px;top:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}

.cxe-zoom-controller{position:absolute;top:90px;right:43.5px;pointer-events:auto;user-select:none;background:#3f4854;border-radius:100px;border:1px solid hsla(0,0%,100%,.2);text-align:center;box-sizing:border-box;line-height:1.2rem;width:24px;height:60px}
.cxe-zoom-controller .refresh,.cxe-zoom-controller .zoom-in,.cxe-zoom-controller .zoom-out{cursor:pointer}
.cxe-zoom-controller .refresh svg,.cxe-zoom-controller .zoom-in svg,.cxe-zoom-controller .zoom-out svg{width:10px;height:10px;fill:#fff}

.cxe-hawkeye-map{position:absolute;right:25px;bottom:30px;user-select:none;width:150px;height:150px;overflow:hidden;border:1px solid rgb(106, 105, 180);box-shadow:1px 1px 13pxrgb(39, 18, 18)b}