.playback-form[data-v-0591efe4]{padding:16px 0}.playback-form .form-item[data-v-0591efe4]{margin-bottom:20px}.playback-form .form-item .form-label[data-v-0591efe4]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.playback-form .form-item .time-range[data-v-0591efe4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.playback-form .camera-info[data-v-0591efe4]{margin-top:16px;padding:12px;background-color:#f5f5f5;border-radius:4px}.playback-form .camera-info p[data-v-0591efe4]{margin:4px 0;font-size:13px;color:#666}.monitor-video-player[data-v-62d6b32e]{position:relative;background:#000;border-radius:8px;overflow:hidden}.monitor-video-player .player-container[data-v-62d6b32e]{width:100%;height:100%;position:relative}.monitor-video-player .player-container[data-v-62d6b32e] canvas,.monitor-video-player .player-container[data-v-62d6b32e] video{width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain}.monitor-video-player .token-loading-mask[data-v-62d6b32e]{inset:0;z-index:998;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.45)}.monitor-video-player .floating-controls[data-v-62d6b32e],.monitor-video-player .token-loading-mask[data-v-62d6b32e]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.monitor-video-player .floating-controls[data-v-62d6b32e]{bottom:10px;left:10px;right:10px;z-index:999;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor-video-player .floating-controls .control-info[data-v-62d6b32e]{border-radius:4px;padding:4px 12px}.monitor-video-player .floating-controls .control-info .camera-name[data-v-62d6b32e]{color:#fff;font-size:13px;font-weight:700}.monitor-video-player .floating-controls .control-button-group[data-v-62d6b32e]{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:20px;padding:4px 8px}.monitor-video-player .floating-controls .control-btn[data-v-62d6b32e]{width:28px;height:28px;cursor:pointer;color:#fff;border:none;border-radius:50%;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;margin:0 4px;font-size:14px;-webkit-transition:all .2s;transition:all .2s;background-color:transparent;padding:0}.monitor-video-player .floating-controls .control-btn img[data-v-62d6b32e]{width:18px;height:18px;-webkit-filter:brightness(0) saturate(100%) invert(100%);filter:brightness(0) saturate(100%) invert(100%);-webkit-transition:all .2s;transition:all .2s}.monitor-video-player .floating-controls .control-btn:hover:not(:disabled) img[data-v-62d6b32e],.monitor-video-player .floating-controls .control-btn[data-v-62d6b32e]:hover:not(:disabled){-webkit-transform:scale(1.1);transform:scale(1.1)}.monitor-video-player .floating-controls .control-btn[data-v-62d6b32e]:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.monitor-video-player .floating-controls .control-btn:disabled img[data-v-62d6b32e]{opacity:.5}.monitor-video-player .floating-controls .control-btn.play-btn[data-v-62d6b32e]{background-color:#52c41a}.monitor-video-player .floating-controls .control-btn.pause-btn[data-v-62d6b32e]{background-color:#faad14}.monitor-video-player .floating-controls .control-btn.resume-btn[data-v-62d6b32e]{background-color:#13c2c2}.monitor-video-player .floating-controls .control-btn.stop-btn[data-v-62d6b32e]{background-color:#f5222d}.monitor-video-player .floating-controls .control-btn.playback-btn[data-v-62d6b32e]{background-color:#1890ff}.monitor-video-player .floating-controls .control-btn.fullscreen-btn[data-v-62d6b32e]{background-color:#f56a00}.monitor-video-player:hover .floating-controls[data-v-62d6b32e]{opacity:1;visibility:visible}