.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32);box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{-webkit-box-shadow:0 0 1px 2px rgba(52,152,219,.36);box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;-webkit-box-sizing:content-box;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after,.vue-slider-dot-tooltip-inner-top:after{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-left:after,.vue-slider-dot-tooltip-inner-right:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:0;width:0}.vue-slider-dot-tooltip-inner-right:after{right:100%;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;-webkit-transition:all .3s;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.form-item-label[data-v-199b2100]{padding:5px 0}.canvas-box[data-v-199b2100]{width:300px;height:150px;border:1px solid #929292;padding:5px}.view-box[data-v-199b2100]{color:#fff;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.container[data-v-199b2100]{padding:10px}.slider-box[data-v-199b2100]{padding:10px 20px}.view-box-rect[data-v-199b2100]{position:fixed;-webkit-transform-origin:center center;transform-origin:center center;opacity:0;-webkit-animation:showreact-data-v-199b2100 .3s ease .5s;animation:showreact-data-v-199b2100 .3s ease .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:red;left:50%;top:50%}.view-box-rect .angle-bottom[data-v-199b2100],.view-box-rect .angle-top[data-v-199b2100]{height:4px;width:400px;position:absolute;background:#fff;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.view-box-rect .angle-left[data-v-199b2100],.view-box-rect .angle-right[data-v-199b2100]{width:4px;height:200px;position:absolute;background:#fff;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.view-box-rect .angle-top[data-v-199b2100]{top:-100px}.view-box-rect .angle-bottom[data-v-199b2100]{bottom:-100px}.view-box-rect .angle-left[data-v-199b2100]{left:-200px}.view-box-rect .angle-right[data-v-199b2100]{right:-200px}.view-box-rect .angle-save-btn[data-v-199b2100]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;background:hsla(0,0%,100%,.8);padding:1px 10px;border-radius:4px;color:#666;cursor:pointer}@-webkit-keyframes showreact-data-v-199b2100{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes showreact-data-v-199b2100{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.control-box[data-v-199b2100]{padding-top:30px}.panel-footer .btn[data-v-199b2100],.panel-footer[data-v-199b2100]{display:-webkit-box;display:-ms-flexbox;display:flex}.panel-footer .btn[data-v-199b2100]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.panel-footer .btn[data-v-199b2100]:hover{opacity:.8}.panel-footer .btn-save[data-v-199b2100]{background:#006ab1}.panel-footer .btn-cancel[data-v-199b2100]{background:#9e9e9e}.fov-control-box[data-v-199b2100]{padding:30px}.fov-control-label[data-v-199b2100]{margin-right:20px}.fov-control[data-v-199b2100]{-webkit-box-flex:1;-ms-flex:1;flex:1}.vue-slider-custom[data-v-199b2100] .vue-slider-dot-handle{width:8px;height:19px;border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none;margin-top:2px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAmCAQAAABn2dNaAAABTElEQVQ4y92SPU7DQBCFFxAgUSEaFImGghKJgh46JA5Al4YTUCIqTpAa0XMAagQNDQ0SB8AQfgKJIRDHa2wI8WNnbE8s/6Vnnp41s+/zem1ZuaiWGgvouuuWhdr3dpVSwYq+LgQsvaaiwoxu6DATn2Jepcvbdm3Z+lfvY0Jly6vpc47b7qYqLkx6B/rCq6n/XtjBYVW8Cg9DbJXFC7BA9YHlongKZzC3Dwm5wVweaJggDBBEyEk2rkfxl5FvOjPtpeN1Wv02J9Rsn/YYYCOJF/EE/PCf0Gf3DWyqgyWKp3FJuMOBwyYNCLnCrMKReWTYQw+fKdHMhz1WdHXMq+fl8Edh4B1ddjfuklmAN9hsO+4SCdApkQBtvLJHilYEeBG12K24E+C5RAI8mk9JzkqAh5yabAHuzUBuxl0iASzcsUeKVlLALTsrAapqLPAHWFcFmw1dQZcAAAAASUVORK5CYII=");background-size:cover}.slider-value-box[data-v-199b2100]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.slider-value-box .slider-value[data-v-199b2100],.slider-value-box[data-v-199b2100]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.slider-value-box .slider-value[data-v-199b2100]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px}.slider-value-box .slider-value .input[data-v-199b2100]{width:30px;background:rgba(0,0,0,.3);border:1px solid #929292;color:#fff;font-size:12px;text-align:center}.slider-value-box .slider-value .label[data-v-199b2100]{margin-top:5px}.form-item-box[data-v-199b2100]{border-bottom:1px solid #929292;margin-top:10px}[data-v-199b2100] .vue-slider-rail .vue-slider-dot:nth-child(3){z-index:6!important}.compass-box[data-v-199b2100]{padding:30px 0}.compass-box .compass[data-v-199b2100]{border-radius:100%;border:1px solid #fff;width:150px;height:150px;margin:0 auto;position:relative}.compass-box .viewer[data-v-199b2100]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;z-index:1}.compass-box .shadow[data-v-199b2100]{position:absolute;left:50%;top:50%;width:86px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);margin-top:-8px;cursor:pointer;-webkit-user-drag:none}.compass-box .label[data-v-199b2100]{font-size:12px;color:#fff;position:absolute}.compass-box .label-north[data-v-199b2100]{top:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.compass-box .label-south[data-v-199b2100]{bottom:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}