.viewer-canvas{position:relative;overflow:hidden;top:0;left:0;width:100%;height:100%}.viewer-canvas canvas{width:100%;height:100%;touch-action:none}.div-icon{-webkit-user-select:none;user-select:none;background-color:#fff;padding:2px;border-radius:4px}.div-icon:hover{cursor:pointer}.widget.hawkeye-map{position:absolute;left:25px;bottom:30px;-webkit-user-select:none;user-select:none;border-radius:50%;width:150px;height:150px;overflow:hidden;border:2px solid orange;box-shadow:2px 2px 3px #2b2b2b}.widget.context-menu{position:absolute;left:0;top:0;min-width:120px;min-height:10px;background:#2b2c2fcc;border:1px solid #2b2c2f;border-radius:4px;visibility:hidden;z-index:-1;cursor:pointer}.widget.context-menu .menu-list{width:100%;color:#fff}.widget.context-menu .menu-list .menu-item{font-size:14px;list-style:none;width:100%}.widget.context-menu .menu-list .menu-item:nth-child(n+2):before{content:"";display:block;height:1px;width:100%;background:-webkit-linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent);background:linear-gradient(270deg,transparent,hsla(0,0%,100%,.2),transparent)}.widget.context-menu .menu-list .menu-item a{color:#fff;display:block;padding:6px 10px;clear:both;text-decoration:none}.widget.context-menu .menu-list .menu-item a:hover{background-color:#444d59}.widget.popup{position:absolute;left:0;top:0;min-width:120px;min-height:10px;padding:10px;background:#fff;border-radius:4px;visibility:hidden;z-index:-1;cursor:pointer}.widget.compass{position:absolute;top:20px;right:20px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;width:55px;height:55px}.widget.compass .out-ring{position:absolute;top:0;left:0;height:55px;width:55px;background-repeat:no-repeat;background-size:contain;fill:#3f4854;border-radius:50%}.widget.compass .out-ring svg{height:55px;width:55px}.widget.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}.widget.compass .rotation_marker{position:absolute;top:2px;left:2px;height:51px;width:51px;border-radius:50%;background-repeat:no-repeat;background-size:contain}.widget.compass .gyro-active,.widget.compass .gyro-bg:hover+.gyro{fill:#68adfe}.widget.distance-legend{position:absolute;left:120px;bottom:2px;width:125px;height:25px;-webkit-user-select:none;user-select:none}.widget.distance-legend .label{font-size:14px;color:#fff;text-align:center;width:100%;font-weight:lighter}.widget.distance-legend .scale-bar{position:absolute;height:10px;top:10px;border-left:1px solid rgb(255,255,255);border-right:1px solid rgb(255,255,255);border-bottom:1px solid rgb(255,255,255)}.widget.loading-mask{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0009}.widget.loading-mask .loading{width:150px;height:15px;margin:0 auto}.widget.loading-mask .loading span{display:inline-block;width:15px;height:100%;margin-right:5px;border-radius:50%;background:#b8e9ff;-webkit-animation:load 1.04s ease infinite}.widget.loading-mask .loading span:last-child{margin-right:0}@-webkit-keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.widget.loading-mask .loading span:nth-child(1){-webkit-animation-delay:.13s}.widget.loading-mask .loading span:nth-child(2){-webkit-animation-delay:.26s}.widget.loading-mask .loading span:nth-child(3){-webkit-animation-delay:.39s}.widget.loading-mask .loading span:nth-child(4){-webkit-animation-delay:.52s}.widget.loading-mask .loading span:nth-child(5){-webkit-animation-delay:.65s}.widget.location-bar{position:absolute;left:270px;bottom:2px;font-size:14px;color:#fff;background:#0009;padding:2px 5px;border-radius:2px;-webkit-user-select:none;user-select:none;display:flex}.widget.location-bar .mouse-bar,.widget.location-bar .camera-bar,.widget.location-bar .ms-bar,.widget.location-bar .fps-bar{display:flex}.widget.location-bar .mouse-bar span,.widget.location-bar .camera-bar span,.widget.location-bar .ms-bar span,.widget.location-bar .fps-bar span{margin:0 8px}.widget.location-bar .mouse-bar span{min-width:140px}.widget.location-bar .mouse-bar span:nth-of-type(3){min-width:120px}.widget.location-bar .camera-bar span{min-width:90px}.widget.location-bar .camera-bar span:nth-of-type(2){min-width:145px}.widget.location-bar .ms-bar span,.widget.location-bar .fps-bar span{min-width:70px}.widget.map-switch{position:absolute;right:10px;bottom:5px;width:80px;height:60px;background:#fff;transition:width 2s;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s;padding:5px;box-sizing:content-box;box-shadow:2px 2px 3px #888;white-space:nowrap;cursor:pointer;overflow:hidden;visibility:hidden}.widget.map-switch .map-item{position:relative;display:inline-block;margin-right:5px;width:80px;height:60px;overflow:hidden}.widget.map-switch .map-item span{color:#fff;font-size:14px;position:absolute;right:2px;bottom:2px;-webkit-user-select:none;user-select:none;padding:1px 3px;pointer-events:none}.widget.map-switch .map-item.active span{background-color:#0865bacc}.widget.map-switch .map-item:last-child{margin-right:0!important}.widget.tool-tip{position:absolute;left:0;top:0;min-width:100px;height:30px;line-height:30px;color:#fff;padding:0 10px;background:#0009;border-radius:4px;visibility:hidden;pointer-events:none;z-index:-1}.widget.tool-tip:before{content:"";display:block;position:absolute;pointer-events:none;left:-10px;top:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,.6)}.widget.zoom-controller{position:absolute;top:90px;right:36.5px;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#3f4854;border-radius:100px;border:solid 1px rgba(255,255,255,.2);text-align:center;box-sizing:border-box;line-height:1.2rem;width:24px;height:60px}.widget.zoom-controller .zoom-in,.widget.zoom-controller .refresh,.widget.zoom-controller .zoom-out{cursor:pointer}.widget.zoom-controller .zoom-in svg,.widget.zoom-controller .refresh svg,.widget.zoom-controller .zoom-out svg{width:10px;height:10px;fill:#fff}.widget.slider{position:absolute;left:50%;top:0;background-color:#d3d3d3;width:5px;height:100%;z-index:9999}.widget.slider .splitter{position:absolute;left:-21px;top:calc(50% - 21px);width:42px;height:42px;background:#fff;border-radius:50%;text-align:center;line-height:58px;padding:2px;border:1px solid lightgrey}.widget.slider .splitter:hover{cursor:ew-resize}