body[data-v-0cabdec4],html[data-v-0cabdec4]{height:100%;margin:0;padding:0;overflow:hidden}.miniplayer-container[data-v-0cabdec4]{width:100%;height:100%;background:#000;position:relative;overflow:hidden}.error[data-v-0cabdec4]{color:red;margin-top:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);padding:.625rem 1.25rem;border-radius:.3125rem;z-index:10}#player[data-v-0cabdec4]{width:100%;background:#000}.fullscreen-toggle[data-v-0cabdec4]{position:fixed;bottom:1.25rem;left:1.25rem;width:3.125rem;height:3.125rem;background-color:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.fullscreen-toggle i[data-v-0cabdec4]{color:#fff;font-size:1.5rem}.fullscreen-toggle[data-v-0cabdec4]:hover{background-color:rgba(0,0,0,.8)}.ptz-control-toggle[data-v-0cabdec4]{position:fixed;bottom:1.25rem;right:1.25rem;width:3.125rem;height:3.125rem;background-color:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.ptz-control-toggle i[data-v-0cabdec4]{color:#fff;font-size:1.5rem}.ptz-control-toggle i.active[data-v-0cabdec4]{color:#409eff}.mobile-ptz-control[data-v-0cabdec4]{position:fixed;bottom:0;left:0;width:100%;height:25rem;background-color:rgba(0,0,0,.9);z-index:99;color:#fff;padding-bottom:env(safe-area-inset-bottom,.625rem);border-top:1px solid hsla(0,0%,100%,.2);box-sizing:border-box}.ptz-control-header[data-v-0cabdec4]{display:flex;justify-content:space-between;align-items:center;padding:.5rem .9375rem;border-bottom:1px solid hsla(0,0%,100%,.2);height:2.5rem;box-sizing:border-box}.ptz-control-header i[data-v-0cabdec4]{font-size:1.25rem;cursor:pointer}.ptz-control-body[data-v-0cabdec4]{padding:.5rem .9375rem;display:flex;flex-direction:column;align-items:center;height:calc(100% - 2.5rem);overflow-y:auto;box-sizing:border-box}.ptz-direction-control[data-v-0cabdec4]{margin-bottom:.625rem}.direction-container[data-v-0cabdec4]{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:8.75rem;height:8.75rem;margin:0 auto}.direction-btn[data-v-0cabdec4]{display:flex;align-items:center;justify-content:center;cursor:pointer}.direction-btn i[data-v-0cabdec4]{background-color:hsla(0,0%,100%,.2);border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.direction-btn i[data-v-0cabdec4]:active{background-color:#409eff;transform:scale(.9)}.direction-top[data-v-0cabdec4]{grid-column:2;grid-row:1}.direction-left[data-v-0cabdec4]{grid-column:1;grid-row:2}.direction-bottom[data-v-0cabdec4]{grid-column:2;grid-row:3}.direction-right[data-v-0cabdec4]{grid-column:3;grid-row:2}.direction-center[data-v-0cabdec4]{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}.direction-center i[data-v-0cabdec4]{color:hsla(0,0%,100%,.7);font-size:1.125rem}.ptz-zoom-control[data-v-0cabdec4]{display:flex;justify-content:center;margin-bottom:.625rem;width:100%}.zoom-btn[data-v-0cabdec4]{width:2.5rem;height:2.5rem;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 .9375rem;cursor:pointer}.zoom-btn i[data-v-0cabdec4]{font-size:1.125rem}.zoom-btn[data-v-0cabdec4]:active{background-color:#409eff;transform:scale(.9)}.ptz-speed-control[data-v-0cabdec4]{width:80%;margin:0 auto}.ptz-speed-control span[data-v-0cabdec4]{display:block;margin-bottom:.3125rem;text-align:center;font-size:.875rem}