.win-socket-page[data-v-4ec2bba7]{height:100%;background-color:#000c17}.grid-row-box[data-v-163fa824]{height:100%;overflow-y:auto;overflow-x:hidden;background-color:#36373a}.grid-col-box[data-v-163fa824]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-col-box:hover .float-screen[data-v-163fa824]{display:block}.grid-col-box .float-screen[data-v-163fa824]{position:absolute;top:18px;right:18px;z-index:10px;cursor:pointer;background-color:#fff;padding:6px;margin:0}.big-size[data-v-163fa824]{height:100%}.center-tip[data-v-163fa824]{position:absolute;top:48%;width:90%;background-color:rgba(0,0,0,.5);z-index:5;font-size:20px;text-align:center;padding:20px 0;color:#fff;left:5%}.app[data-v-9ba10f0a]{width:100vw;height:100vh;overflow:hidden;background-color:#000810;-ms-justify-content:center;-ms-align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-content[data-v-9ba10f0a],.app[data-v-9ba10f0a]{display:-webkit-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox}.app-content[data-v-9ba10f0a]{height:100%}.box[data-v-9ba10f0a]{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flv-video-box[data-v-61c25f6f]{height:100%;width:100%;border-radius:5px;overflow:hidden;background-color:#000;position:relative}.kz[data-v-61c25f6f]{text-align:center;padding:5px 20px 5px 20px;font-size:15px;color:red}.monitor[data-v-61c25f6f]{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor .special[data-v-61c25f6f]{position:absolute;top:25%;left:44%;color:red;font-size:45px;text-align:center;line-height:100px;font-weight:700;animation:blink-61c25f6f 1s linear infinite;-webkit-animation:blink-61c25f6f 1s linear infinite;animation:imgs-61c25f6f 1s linear infinite;-webkit-animation:imgs-61c25f6f 1s linear infinite;-moz-animation:imgs-61c25f6f 1s linear infinite;-ms-animation:imgs-61c25f6f 1s linear infinite;-o-animation:imgs-61c25f6f 1s linear infinite;z-index:99}.monitor .special .img[data-v-61c25f6f]{width:45px;height:45px;margin-right:13px;margin-bottom:-5px}@-webkit-keyframes imgs-61c25f6f{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes imgs-61c25f6f{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink-61c25f6f{0%{color:red}50%{color:transparent}to{color:red}}@keyframes blink-61c25f6f{0%{color:red}50%{color:transparent}to{color:red}}.r-top[data-v-61c25f6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:10px 0;background-color:#000;color:#bab7b7;font-size:20px}.r-top .r-top-code[data-v-61c25f6f]{padding-left:10px}.r-top .r-top-time[data-v-61c25f6f]{-ms-flex-negative:0;flex-shrink:0;padding-right:35px}.r-show-data[data-v-61c25f6f]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;background-color:#001529;height:50%}.r-show-data .left-monitoring[data-v-61c25f6f],.r-show-data[data-v-61c25f6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row}.r-show-data .left-monitoring[data-v-61c25f6f]{height:100%;width:100%;position:relative;flex-direction:row;overflow:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.r-show-data .left-monitoring video[data-v-61c25f6f]{width:100%;height:100%}.r-show-data .audio-btn-box[data-v-61c25f6f]{position:absolute;bottom:20px;left:10px;z-index:10;background-color:rgba(1,0,1,.6);width:50px;height:50px;border-radius:50%;color:#fff;font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.r-show-data .audio-btn-box[data-v-61c25f6f]:hover{background-color:rgba(1,0,1,.3)}.r-show-data .audio-btn-box .hidden-line[data-v-61c25f6f]{position:absolute;margin:0;padding:0;width:60%;left:20%;height:3px;top:50%;-webkit-transform:rotate(60deg);transform:rotate(60deg);z-index:3;background-color:#fff;border-radius:6px}.r-show-data[data-v-61c25f6f] .ivu-col-span-24{-webkit-box-flex:1;-ms-flex:1;flex:1}.r-show-data .right-monitoring[data-v-61c25f6f]{height:100%;width:50%;position:relative}.r-show-data .right-monitoring .detailed[data-v-61c25f6f]{padding:20px;overflow:hidden}.r-show-data .right-monitoring video[data-v-61c25f6f]{width:100%;height:100%}.layout-column[data-v-61c25f6f]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-column .left-monitoring[data-v-61c25f6f],.layout-column .right-monitoring[data-v-61c25f6f]{height:50%}.text-key[data-v-61c25f6f]{color:#fff;font-size:12px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.text-value[data-v-61c25f6f]{color:#0ff;font-size:15px}.text-row[data-v-61c25f6f]{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.state[data-v-61c25f6f]{position:absolute;bottom:0;left:0;background-color:#000c17;width:100%;height:100%;z-index:10000}.handle[data-v-61c25f6f]{margin:5px;padding:5px 21px 6px}.buffer-loading-box[data-v-61c25f6f]{position:absolute;width:400px;left:50%;margin-left:-200px;padding:0 0 16px 0;top:100px;z-index:10;text-align:center;color:#2d8cf0}.buffer-loading-box .ivu-spin-fix[data-v-61c25f6f]{background-color:transparent}.buffer-loading-box .loading-content[data-v-61c25f6f]{height:40px;position:relative}.jessibuca-video-box[data-v-5888cbdd]{height:100%;width:100%;border-radius:5px;overflow:hidden;background-color:#000;position:relative}.monitor[data-v-5888cbdd]{position:absolute;left:0;top:0;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor[data-v-5888cbdd],.r-top[data-v-5888cbdd]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.r-top[data-v-5888cbdd]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;background-color:#000;color:#bab7b7;font-size:20px}.r-top .r-top-code[data-v-5888cbdd]{padding-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.r-top .r-top-controls[data-v-5888cbdd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.r-top .r-top-time[data-v-5888cbdd]{-ms-flex-negative:0;flex-shrink:0;padding-right:35px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.camera-dropdown-btn[data-v-5888cbdd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 12px;background:rgba(45,140,240,.1);border:1px solid rgba(45,140,240,.3);border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#2d8cf0;white-space:nowrap}.camera-dropdown-btn svg[data-v-5888cbdd]{width:18px;height:18px;color:#2d8cf0;-ms-flex-negative:0;flex-shrink:0}.camera-dropdown-btn .camera-label[data-v-5888cbdd]{font-size:14px;font-weight:500;white-space:nowrap}.camera-dropdown-btn .arrow-down[data-v-5888cbdd]{width:12px;height:12px;margin-left:2px}.camera-dropdown-btn[data-v-5888cbdd]:hover{background:rgba(45,140,240,.2);border-color:rgba(45,140,240,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 8px rgba(45,140,240,.2);box-shadow:0 2px 8px rgba(45,140,240,.2)}.camera-dropdown-btn[data-v-5888cbdd]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 1px 4px rgba(45,140,240,.2);box-shadow:0 1px 4px rgba(45,140,240,.2)}.teleop-entry[data-v-5888cbdd]{width:30px;height:30px;margin-left:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid rgba(0,214,235,.6);border-radius:7px;background:rgba(0,170,210,.18);color:#4de9ff;cursor:pointer}.teleop-entry img[data-v-5888cbdd]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;border-radius:5px}.teleop-entry--active[data-v-5888cbdd],.teleop-entry[data-v-5888cbdd]:hover{background:rgba(0,214,235,.35);color:#fff}@container video-card (max-width: 700px){.r-top[data-v-5888cbdd]{font-size:14px}.r-top .r-top-code[data-v-5888cbdd]{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;max-width:42%;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-top .r-top-controls[data-v-5888cbdd]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.r-top .r-top-time[data-v-5888cbdd]{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:8px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.camera-dropdown-btn[data-v-5888cbdd]{gap:0;padding:7px 8px}.camera-dropdown-btn .arrow-down[data-v-5888cbdd],.camera-dropdown-btn .camera-label[data-v-5888cbdd]{display:none}.teleop-entry[data-v-5888cbdd]{margin-left:4px}}@container video-card (min-width: 1400px){.r-top.r-top--teleop .r-top-code[data-v-5888cbdd]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.r-top.r-top--teleop .r-top-controls[data-v-5888cbdd]{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.r-top.r-top--teleop .r-top-time[data-v-5888cbdd]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;margin-left:auto;margin-right:95px;padding-right:10px;font-size:14px;white-space:nowrap}}.r-show-data[data-v-5888cbdd]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;background-color:#001529;height:50%}.r-show-data .left-monitoring[data-v-5888cbdd],.r-show-data[data-v-5888cbdd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row}.r-show-data .left-monitoring[data-v-5888cbdd]{height:100%;width:100%;position:relative;flex-direction:row;overflow:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.r-show-data .left-monitoring .video-container[data-v-5888cbdd]{width:100%;height:100%;background-color:#000}.r-show-data .audio-btn-box[data-v-5888cbdd]{position:absolute;bottom:20px;left:10px;z-index:10;background-color:rgba(1,0,1,.6);width:50px;height:50px;border-radius:50%;color:#fff;font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.r-show-data .audio-btn-box[data-v-5888cbdd]:hover{background-color:rgba(1,0,1,.3)}.r-show-data .audio-btn-box .hidden-line[data-v-5888cbdd]{position:absolute;margin:0;padding:0;width:60%;left:20%;height:3px;top:50%;-webkit-transform:rotate(60deg);transform:rotate(60deg);z-index:3;background-color:#fff;border-radius:6px}.start-play[data-v-5888cbdd]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer;z-index:10;background:rgba(0,0,0,.5);padding:20px;border-radius:8px}.start-play .play-icon[data-v-5888cbdd]{font-size:48px;margin-bottom:10px}.start-play div[data-v-5888cbdd]{font-size:14px}.start-play[data-v-5888cbdd]:hover{background:rgba(0,0,0,.7)}.stream-error-message[data-v-5888cbdd]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.7);padding:20px;border-radius:8px;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;text-align:center;width:80%;max-width:300px}.stream-error-message .refresh-btn[data-v-5888cbdd]{background:#2d8cf0;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap}.stream-error-message .refresh-btn[data-v-5888cbdd]:hover{opacity:.8}.state[data-v-5888cbdd]{position:absolute;bottom:0;left:0;background-color:#000c17;width:100%;height:100%;z-index:10000}.buffer-loading-box[data-v-5888cbdd]{position:absolute;width:400px;left:50%;margin-left:-200px;padding:0 0 16px 0;top:100px;z-index:10;text-align:center;color:#2d8cf0}.buffer-loading-box .ivu-spin-fix[data-v-5888cbdd]{background-color:transparent}.buffer-loading-box .loading-content[data-v-5888cbdd]{height:40px;position:relative}.webrtc-video-box[data-v-5c25c04f]{height:100%;width:100%;border-radius:5px;overflow:hidden;background-color:#000;position:relative}.monitor[data-v-5c25c04f]{position:absolute;left:0;top:0;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monitor[data-v-5c25c04f],.r-top[data-v-5c25c04f]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.r-top[data-v-5c25c04f]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;background-color:#000;color:#bab7b7;font-size:20px}.r-top .r-top-code[data-v-5c25c04f]{padding-left:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.r-top .r-top-controls[data-v-5c25c04f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.r-top .r-top-time[data-v-5c25c04f]{-ms-flex-negative:0;flex-shrink:0;padding-right:35px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}@container video-card (min-width: 1400px){.r-top.r-top--teleop .r-top-code[data-v-5c25c04f]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.r-top.r-top--teleop .r-top-controls[data-v-5c25c04f]{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.r-top.r-top--teleop .r-top-time[data-v-5c25c04f]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;margin-left:auto;margin-right:95px;padding-right:10px;font-size:14px;white-space:nowrap}}.camera-dropdown-btn[data-v-5c25c04f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 12px;background:rgba(45,140,240,.1);border:1px solid rgba(45,140,240,.3);border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#2d8cf0;white-space:nowrap}.camera-dropdown-btn svg[data-v-5c25c04f]{width:18px;height:18px;color:#2d8cf0;-ms-flex-negative:0;flex-shrink:0}.camera-dropdown-btn .camera-label[data-v-5c25c04f]{font-size:14px;font-weight:500}.camera-dropdown-btn .arrow-down[data-v-5c25c04f]{width:12px;height:12px;margin-left:2px}.camera-dropdown-btn[data-v-5c25c04f]:hover{background:rgba(45,140,240,.2);border-color:rgba(45,140,240,.5)}.teleop-entry[data-v-5c25c04f]{width:30px;height:30px;margin-left:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid rgba(0,214,235,.6);border-radius:7px;background:rgba(0,170,210,.18);color:#4de9ff;cursor:pointer}.teleop-entry img[data-v-5c25c04f]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;border-radius:5px}.teleop-entry--active[data-v-5c25c04f],.teleop-entry[data-v-5c25c04f]:hover{background:rgba(0,214,235,.35);color:#fff}.r-show-data[data-v-5c25c04f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#001529;height:50%}.r-show-data .left-monitoring[data-v-5c25c04f]{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.r-show-data .left-monitoring .video-wrapper[data-v-5c25c04f]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;height:auto}.r-show-data .left-monitoring .video-container[data-v-5c25c04f]{width:100%;height:100%;background-color:#000;-o-object-fit:contain;object-fit:contain}.start-play[data-v-5c25c04f]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer;z-index:10;background:rgba(0,0,0,.5);padding:20px;border-radius:8px}.start-play .play-icon[data-v-5c25c04f]{font-size:48px;margin-bottom:10px}.start-play div[data-v-5c25c04f]{font-size:14px}.start-play[data-v-5c25c04f]:hover{background:rgba(0,0,0,.7)}.start-play.disabled[data-v-5c25c04f]{opacity:.4;cursor:not-allowed;pointer-events:none}.connecting-mask[data-v-5c25c04f]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}.connecting-mask .connecting-text[data-v-5c25c04f]{color:#fff;margin-top:10px;font-size:14px}.connecting-mask .spin-icon[data-v-5c25c04f]{-webkit-animation:ani-spin-5c25c04f 1s linear infinite;animation:ani-spin-5c25c04f 1s linear infinite}@-webkit-keyframes ani-spin-5c25c04f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-spin-5c25c04f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.player-toolbar[data-v-5c25c04f]{width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;background:#000;border-top:1px solid hsla(0,0%,100%,.12);-ms-flex-negative:0;flex-shrink:0;-webkit-transition:opacity .2s;transition:opacity .2s}.player-toolbar.hidden[data-v-5c25c04f]{opacity:0;pointer-events:none}.player-toolbar.is-fullscreen[data-v-5c25c04f]{position:absolute;left:0;bottom:0;z-index:12;border-top:none;background:rgba(0,0,0,.72)}.player-toolbar .toolbar-left[data-v-5c25c04f],.player-toolbar .toolbar-right[data-v-5c25c04f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.player-toolbar .toolbar-btn[data-v-5c25c04f]{width:34px;height:34px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:hsla(0,0%,100%,.08);-webkit-transition:background .2s;transition:background .2s}.player-toolbar .toolbar-btn[data-v-5c25c04f]:hover{background:hsla(0,0%,100%,.16)}.player-toolbar .toolbar-btn.danger[data-v-5c25c04f]{background:rgba(255,59,48,.75)}.player-toolbar .toolbar-btn.danger[data-v-5c25c04f]:hover{background:#ff3b30}.player-toolbar .toolbar-volume[data-v-5c25c04f]{width:120px}.player-toolbar .volume-text[data-v-5c25c04f]{font-size:12px;color:#fff;min-width:32px;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:-webkit-full-screen .left-monitoring[data-v-5c25c04f]{height:100%;position:relative}:-ms-fullscreen .left-monitoring[data-v-5c25c04f]{height:100%;position:relative}:fullscreen .left-monitoring[data-v-5c25c04f]{height:100%;position:relative}.stream-error-message[data-v-5c25c04f]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.7);padding:20px;border-radius:8px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;text-align:center;width:80%;max-width:300px}.stream-error-message .refresh-btn[data-v-5c25c04f]{background:#2d8cf0;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.stream-error-message .refresh-btn[data-v-5c25c04f]:hover{opacity:.8}.state[data-v-5c25c04f]{position:absolute;bottom:0;left:0;background-color:#000c17;width:100%;height:100%;z-index:10000}.joystick-overlay[data-v-2b3b6e33]{position:absolute;bottom:45px;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;z-index:10002;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.joystick-overlay>[data-v-2b3b6e33]{pointer-events:auto}.joystick-overlay.disabled[data-v-2b3b6e33]{opacity:.4;pointer-events:none}.joystick-dial[data-v-2b3b6e33]{position:relative;border-radius:50%;cursor:pointer;-ms-touch-action:none;touch-action:none;background:radial-gradient(circle at 50% 42%,hsla(0,0%,100%,.07),rgba(10,18,26,.55) 75%);border:1px solid hsla(0,0%,100%,.16);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.35);box-shadow:inset 0 2px 12px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.35);-webkit-transition:border-color .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.joystick-dial[data-v-2b3b6e33]:active{border-color:rgba(0,229,255,.6);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,.55),0 0 18px rgba(0,229,255,.35);box-shadow:inset 0 2px 12px rgba(0,0,0,.55),0 0 18px rgba(0,229,255,.35)}.dial-glow[data-v-2b3b6e33]{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.14),transparent 70%);pointer-events:none}.dial-glow--orange[data-v-2b3b6e33]{background:radial-gradient(circle,rgba(255,152,0,.14),transparent 70%)}.dial-grid[data-v-2b3b6e33]{position:absolute;inset:12%;border-radius:50%;background-image:radial-gradient(circle,hsla(0,0%,100%,.13) 1px,transparent 0);background-size:12px 12px;background-position:50%;opacity:.5;pointer-events:none;mask-image:radial-gradient(circle,#000 40%,transparent 75%);-webkit-mask-image:radial-gradient(circle,#000 40%,transparent 75%)}.dial-arrow[data-v-2b3b6e33]{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid hsla(0,0%,100%,.35);pointer-events:none}.dial-arrow--top[data-v-2b3b6e33]{top:6%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dial-arrow--bottom[data-v-2b3b6e33]{bottom:6%;left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.dial-arrow--left[data-v-2b3b6e33]{top:50%;left:6%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.dial-arrow--right[data-v-2b3b6e33]{top:50%;right:6%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.dial-handle[data-v-2b3b6e33]{position:absolute;top:50%;left:50%;width:30%;height:30%;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .06s linear;transition:-webkit-transform .06s linear;transition:transform .06s linear;transition:transform .06s linear,-webkit-transform .06s linear;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(30,38,48,.75);border:1px solid hsla(0,0%,100%,.3);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 2px hsla(0,0%,100%,.25);box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 2px hsla(0,0%,100%,.25)}.dial-handle-inner[data-v-2b3b6e33]{width:38%;height:38%;border-radius:50%}.dial-handle--cyan .dial-handle-inner[data-v-2b3b6e33]{background:radial-gradient(circle at 35% 30%,#8df6ff,#00cfe6 70%);-webkit-box-shadow:0 0 8px rgba(0,229,255,.8);box-shadow:0 0 8px rgba(0,229,255,.8)}.dial-handle--orange .dial-handle-inner[data-v-2b3b6e33]{background:radial-gradient(circle at 35% 30%,#ffd79a,#ff9800 70%);-webkit-box-shadow:0 0 8px rgba(255,152,0,.8);box-shadow:0 0 8px rgba(255,152,0,.8)}.teleop-layer[data-v-eff9bd3c]{position:absolute;inset:0;z-index:16;container-type:inline-size;pointer-events:none}.teleop-layer>[data-v-eff9bd3c]{pointer-events:auto}.teleop-layer--active .joystick-overlay[data-v-eff9bd3c]{-webkit-animation:teleop-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both;animation:teleop-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both}.teleop-layer--active .teleop-topbar[data-v-eff9bd3c]{-webkit-animation:teleop-topbar-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both;animation:teleop-topbar-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both}@-webkit-keyframes teleop-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-6px) scale(.96);transform:translateY(-6px) scale(.96);-webkit-transform-origin:right top;transform-origin:right top}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:right top;transform-origin:right top}}@keyframes teleop-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-6px) scale(.96);transform:translateY(-6px) scale(.96);-webkit-transform-origin:right top;transform-origin:right top}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:right top;transform-origin:right top}}@-webkit-keyframes teleop-topbar-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-6px) scale(.96);transform:translateX(-50%) translateY(-6px) scale(.96);-webkit-transform-origin:center top;transform-origin:center top}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes teleop-topbar-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-6px) scale(.96);transform:translateX(-50%) translateY(-6px) scale(.96);-webkit-transform-origin:center top;transform-origin:center top}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1);-webkit-transform-origin:center top;transform-origin:center top}}.teleop-topbar[data-v-eff9bd3c]{position:absolute;top:68px;left:50%;z-index:21;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 24px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.teleop-statusbar[data-v-eff9bd3c],.teleop-topbar[data-v-eff9bd3c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teleop-statusbar[data-v-eff9bd3c]{gap:10px;padding:5px 8px 5px 14px;border-radius:999px;background:rgba(12,18,26,.72);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(10px);-webkit-box-shadow:0 4px 14px rgba(0,0,0,.4);box-shadow:0 4px 14px rgba(0,0,0,.4);white-space:nowrap}.state-dot[data-v-eff9bd3c]{width:7px;height:7px;border-radius:50%;background:#8a94a0;-ms-flex-negative:0;flex-shrink:0}.state-dot.connected[data-v-eff9bd3c]{background:#00e676;-webkit-box-shadow:0 0 7px #00e676;box-shadow:0 0 7px #00e676}.state-dot.connecting[data-v-eff9bd3c],.state-dot.signalling[data-v-eff9bd3c]{background:#ffc107;-webkit-box-shadow:0 0 7px #ffc107;box-shadow:0 0 7px #ffc107}.state-dot.disconnected[data-v-eff9bd3c],.state-dot.error[data-v-eff9bd3c]{background:#ff5252;-webkit-box-shadow:0 0 7px #ff5252;box-shadow:0 0 7px #ff5252}.state-text[data-v-eff9bd3c]{font-size:12px;color:hsla(0,0%,100%,.88);letter-spacing:.5px}.speed-label[data-v-eff9bd3c]{color:hsla(0,0%,100%,.62);font-size:11px;margin-left:2px}.pill-btn[data-v-eff9bd3c]{padding:4px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.08);color:#fff;font-size:12px;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease;outline:none}.pill-btn[data-v-eff9bd3c]:hover{background:hsla(0,0%,100%,.16)}.pill-btn[data-v-eff9bd3c]:active{-webkit-transform:scale(.96);transform:scale(.96)}.pill-btn[data-v-eff9bd3c]:disabled{opacity:.6;cursor:default}.pill-btn--primary[data-v-eff9bd3c]{background:linear-gradient(135deg,#00c8f5,#0078db);border:none;-webkit-box-shadow:0 2px 8px rgba(0,150,220,.4);box-shadow:0 2px 8px rgba(0,150,220,.4)}.pill-btn--primary[data-v-eff9bd3c]:hover{background:linear-gradient(135deg,#1ed2fc,#0a85e6)}.pill-btn--active[data-v-eff9bd3c]{background:rgba(0,230,118,.18);border-color:rgba(0,230,118,.55);color:#2bff8f}.pill-btn--danger[data-v-eff9bd3c]{background:rgba(255,82,82,.14);border-color:rgba(255,82,82,.55);color:#ff7a7a}.pill-btn--danger[data-v-eff9bd3c]:hover{background:rgba(255,82,82,.24)}.speed-selector[data-v-eff9bd3c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;border:1px solid hsla(0,0%,100%,.2);border-radius:7px;overflow:hidden;background:hsla(0,0%,100%,.05)}.speed-option[data-v-eff9bd3c]{height:100%;min-width:34px;padding:0 7px;border:0;border-right:1px solid hsla(0,0%,100%,.12);background:transparent;color:hsla(0,0%,100%,.68);font-size:11px;cursor:pointer}.speed-option[data-v-eff9bd3c]:last-child{border-right:0}.speed-option[data-v-eff9bd3c]:hover{background:hsla(0,0%,100%,.12);color:#fff}.speed-option--selected[data-v-eff9bd3c]{background:rgba(0,200,245,.24);color:#8cefff}.speed-option--disabled[data-v-eff9bd3c]{cursor:not-allowed;color:hsla(0,0%,100%,.34)}.speed-option[data-v-eff9bd3c]:disabled{cursor:wait;opacity:.65}.pill-close[data-v-eff9bd3c]{width:24px;height:24px;border:none;border-radius:50%;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.75);font-size:15px;line-height:1;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .15s ease;transition:background .15s ease}.pill-close[data-v-eff9bd3c]:hover{background:rgba(255,82,82,.3);color:#fff}.teleop-device-toolbar[data-v-eff9bd3c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;min-height:26px;padding:4px 6px 4px 8px;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.14);color:hsla(0,0%,100%,.68);font-size:11px;white-space:nowrap;backdrop-filter:blur(6px)}.device-icon[data-v-eff9bd3c]{width:17px;height:17px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.device-icon svg[data-v-eff9bd3c]{width:17px;height:17px}.device-state-dot[data-v-eff9bd3c]{width:7px;height:7px;border-radius:50%;background:#ffb020}.teleop-device-toolbar--connected[data-v-eff9bd3c]{color:#7dffb2;border-color:rgba(0,230,118,.45)}.teleop-device-toolbar--connected .device-state-dot[data-v-eff9bd3c]{background:#00e676;-webkit-box-shadow:0 0 7px #00e676;box-shadow:0 0 7px #00e676}.device-log-button[data-v-eff9bd3c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;height:22px;padding:0 6px;border:0;border-left:1px solid hsla(0,0%,100%,.16);background:transparent;color:inherit;font-size:11px;cursor:pointer}.device-log-button[data-v-eff9bd3c]:hover{color:#fff;background:hsla(0,0%,100%,.1)}.device-log-button svg[data-v-eff9bd3c]{width:14px;height:14px}.teleop-gamepad-hint[data-v-eff9bd3c]{position:absolute;top:116px;left:50%;z-index:22;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:rgba(255,152,0,.18);border:1px solid rgba(255,152,0,.5);backdrop-filter:blur(8px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.4);box-shadow:0 4px 12px rgba(0,0,0,.4);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:teleop-hint-in-eff9bd3c .26s ease-out both;animation:teleop-hint-in-eff9bd3c .26s ease-out both}@-webkit-keyframes teleop-hint-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes teleop-hint-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.hint-icon[data-v-eff9bd3c]{font-size:16px}.hint-text[data-v-eff9bd3c]{color:#ffd79a;font-size:12px;font-weight:500}.teleop-log[data-v-eff9bd3c]{position:absolute;top:calc(100% + 8px);right:6px;z-index:21;width:240px;max-width:calc(100cqw - 24px);border-radius:12px;background:rgba(12,18,26,.8);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(10px);-webkit-box-shadow:0 4px 14px rgba(0,0,0,.4);box-shadow:0 4px 14px rgba(0,0,0,.4);overflow:hidden;-webkit-animation:teleop-panel-open-eff9bd3c .22s ease-out both;animation:teleop-panel-open-eff9bd3c .22s ease-out both}@-webkit-keyframes teleop-panel-open-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-8px) scaleY(.94);transform:translateY(-8px) scaleY(.94);-webkit-transform-origin:right top;transform-origin:right top}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);-webkit-transform-origin:right top;transform-origin:right top}}@keyframes teleop-panel-open-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-8px) scaleY(.94);transform:translateY(-8px) scaleY(.94);-webkit-transform-origin:right top;transform-origin:right top}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1);-webkit-transform-origin:right top;transform-origin:right top}}.log-header[data-v-eff9bd3c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 12px;font-size:11px;color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.06);cursor:pointer}.log-body[data-v-eff9bd3c]{max-height:120px;overflow-y:auto;padding:6px 12px}.log-line[data-v-eff9bd3c]{font-size:10px;line-height:1.6;color:hsla(0,0%,100%,.65);font-family:Consolas,Monaco,monospace;word-break:break-all}.log-line--error[data-v-eff9bd3c]{color:#ff8a8a}.log-line--success[data-v-eff9bd3c]{color:#7dffb2}.log-line--info[data-v-eff9bd3c]{color:hsla(0,0%,100%,.65)}@container video-card (max-width: 620px){.teleop-topbar[data-v-eff9bd3c]{top:66px;gap:6px}.teleop-statusbar[data-v-eff9bd3c]{gap:6px;padding-left:10px;padding-right:6px}.speed-label[data-v-eff9bd3c]{display:none}.speed-option[data-v-eff9bd3c]{min-width:30px;padding:0 5px}.pill-btn[data-v-eff9bd3c]{padding-left:11px;padding-right:11px}}@container video-card (max-width: 460px){.teleop-topbar[data-v-eff9bd3c]{max-width:calc(100% - 16px)}.teleop-gamepad-hint[data-v-eff9bd3c]{top:154px}}@container video-card (min-width: 800px) and (max-width: 1399px){.teleop-topbar--en[data-v-eff9bd3c]{left:calc(50% + 48px)}}@container video-card (min-width: 1400px){.teleop-topbar[data-v-eff9bd3c]{top:15px;left:calc(25% + 180px);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(75% - 480px);-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-transform:none;transform:none}.teleop-layer--active .teleop-topbar[data-v-eff9bd3c]{-webkit-animation:teleop-topbar-inline-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both;animation:teleop-topbar-inline-expand-in-eff9bd3c .26s cubic-bezier(.2,.8,.2,1) both}.teleop-gamepad-hint[data-v-eff9bd3c],.teleop-log[data-v-eff9bd3c]{top:56px;left:calc(25% + 180px);-webkit-transform:none;transform:none}.teleop-log[data-v-eff9bd3c]{top:calc(100% + 8px);right:6px;left:auto}.teleop-topbar--en[data-v-eff9bd3c]{left:calc(25% + 236px)}}@-webkit-keyframes teleop-topbar-inline-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-6px) scale(.96);transform:translateY(-6px) scale(.96);-webkit-transform-origin:left top;transform-origin:left top}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:left top;transform-origin:left top}}@keyframes teleop-topbar-inline-expand-in-eff9bd3c{0%{opacity:0;-webkit-transform:translateY(-6px) scale(.96);transform:translateY(-6px) scale(.96);-webkit-transform-origin:left top;transform-origin:left top}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:left top;transform-origin:left top}}.video-box[data-v-23ef8343]{padding:5px;height:100%;min-height:686px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;container-type:inline-size;container-name:video-card}.video-box[data-v-23ef8343] .ivu-card-body{height:100%;padding:5px}.play-mode-switch[data-v-23ef8343]{position:absolute;top:15px;right:10px;z-index:20;gap:6px;background:rgba(0,0,0,.28);border:1px solid rgba(0,255,229,.35);border-radius:10px;padding:4px;backdrop-filter:blur(6px);-webkit-box-shadow:0 0 12px rgba(0,255,229,.18),inset 0 0 10px rgba(255,0,214,.12);box-shadow:0 0 12px rgba(0,255,229,.18),inset 0 0 10px rgba(255,0,214,.12)}.play-mode-switch .mode-toggle[data-v-23ef8343],.play-mode-switch[data-v-23ef8343]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.play-mode-switch .mode-toggle[data-v-23ef8343]{width:26px;height:26px;border-radius:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:rgba(0,255,229,.95);background:rgba(0,255,229,.08);border:1px solid rgba(0,255,229,.35);-webkit-transition:background .12s ease,-webkit-transform .12s ease;transition:background .12s ease,-webkit-transform .12s ease;transition:transform .12s ease,background .12s ease;transition:transform .12s ease,background .12s ease,-webkit-transform .12s ease}.play-mode-switch .mode-toggle[data-v-23ef8343]:hover{background:rgba(0,255,229,.14);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.play-mode-switch .mode-toggle[data-v-23ef8343]:active{-webkit-transform:translateY(0);transform:translateY(0)}.play-mode-switch .mode-toggle svg[data-v-23ef8343]{font-size:16px}.play-mode-switch .mode-text[data-v-23ef8343]{color:hsla(0,0%,100%,.92);font-size:12px;letter-spacing:.5px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:0 0 10px rgba(0,255,229,.25)}.video-box[data-v-23ef8343] .r-top-time{padding-right:105px}.video-box--empty[data-v-23ef8343]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(54,55,58,.92);z-index:2}.video-box--empty .empty-text[data-v-23ef8343]{padding:18px 24px;border-radius:8px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.85);font-size:14px;letter-spacing:.5px}.grid-ref-box[data-v-23ef8343]{min-width:500px;position:relative}.workvision-video-box[data-v-23ef8343]{height:100%;position:relative}@container video-card (max-width: 700px){.grid-ref-box[data-v-23ef8343],.workvision-video-box[data-v-23ef8343]{min-width:0}}