| 1 |
- #app1[data-v-92372ab6]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-zoom[data-v-92372ab6]{position:relative}.rect[data-v-92372ab6]{position:absolute;border:2px solid red;left:0;top:0;width:0;height:0;background-color:transparent;visibility:hidden;z-index:100}.video-wall-container[data-v-15eba178]{width:100%;height:100%;background-color:#1a1a1a;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.video-grid[data-v-15eba178]{display:grid;width:100%;height:100%;gap:2px}.video-cell[data-v-15eba178]{position:relative;background-color:#000;border:1px solid #333;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1}.video-cell.is-dragging[data-v-15eba178]{opacity:.4;border:2px dashed #999}.video-cell.is-active[data-v-15eba178]{border:1px solid #409eff;z-index:10;-webkit-box-shadow:0 0 0 1px rgba(64,158,255,.5) inset,0 0 8px rgba(64,158,255,.6);box-shadow:inset 0 0 0 1px rgba(64,158,255,.5),0 0 8px rgba(64,158,255,.6)}.video-cell.is-recording[data-v-15eba178]:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background-color:#f56c6c;-webkit-animation:blink-data-v-15eba178 1s infinite;animation:blink-data-v-15eba178 1s infinite;z-index:20}.video-cell[data-v-15eba178]:hover{border-color:#666}.video-cell:hover .video-overlay[data-v-15eba178]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.video-wrapper[data-v-15eba178]{width:100%;height:100%;position:relative}.video-wrapper .player-instance[data-v-15eba178]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block}.empty-state[data-v-15eba178]{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#555}.empty-state i[data-v-15eba178]{font-size:48px;margin-bottom:10px}.empty-state span[data-v-15eba178]{font-size:14px}.video-overlay[data-v-15eba178]{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;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;z-index:5;opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s}.video-overlay .video-title[data-v-15eba178]{font-size:12px;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@-webkit-keyframes blink-data-v-15eba178{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes blink-data-v-15eba178{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.grid-fade-enter-active[data-v-15eba178],.grid-fade-leave-active[data-v-15eba178]{-webkit-transition:all .3s;transition:all .3s}.grid-fade-enter[data-v-15eba178],.grid-fade-leave-to[data-v-15eba178]{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}
|
