.video-monitor-flex-wrapper[data-v-36406fac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:600px;min-width:600px}@media(max-width:900px){.video-monitor-flex-wrapper[data-v-36406fac]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;min-width:unset}}.video-wrapper[data-v-36406fac]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;height:100%;background:#939c9b;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}.video-wrapper .player-container[data-v-36406fac]{width:100%;height:100%}.ptz-control[data-v-36406fac]{-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px;max-width:240px;min-width:180px;margin-left:24px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;padding:18px 12px 12px 12px;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:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media(max-width:900px){.ptz-control[data-v-36406fac]{margin-left:0;margin-top:16px;max-width:unset;width:100%}}.ptz-control.disabled[data-v-36406fac]{opacity:.6;pointer-events:none}.ptz-header[data-v-36406fac]{margin-bottom:10px;padding:5px 0;border-bottom:1px solid #eee}.ptz-header span[data-v-36406fac]{font-size:14px;color:#606266}.direction-grid[data-v-36406fac]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.direction-grid .el-button.is-active[data-v-36406fac]{background-color:#409eff;color:#fff}.direction-grid .el-button.is-active[data-v-36406fac]:hover{background-color:#66b1ff}