.grid[data-v-1c763982]{display:grid;grid-auto-rows:auto;grid-gap:3px;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrapper[data-v-1c763982]{width:100%;height:100%;position:relative}.wrapper .player-title[data-v-1c763982]{left:0;height:34px;padding:5px 15px;z-index:4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper .buttons[data-v-1c763982],.wrapper .player-title[data-v-1c763982]{position:absolute;top:0;right:0;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff;background:#282828}.wrapper .buttons[data-v-1c763982]{z-index:5;padding-left:10px}.wrapper .buttons[data-v-1c763982]:before{content:"";display:block;width:20px;height:100%;position:absolute;top:0;bottom:0;left:-20px;background:-webkit-gradient(linear,left top,right top,from(transparent),to(#282828));background:linear-gradient(90deg,transparent 0,#282828)}.wrapper .buttons.edit-mode .move[data-v-1c763982]{padding-left:8px}.wrapper .buttons i[data-v-1c763982]{height:34px;line-height:34px;font-size:19px;cursor:pointer;display:inline-block;padding-right:10px}.wrapper .buttons em[data-v-1c763982]{padding-right:10px}.wrapper .buttons .move[data-v-1c763982]{cursor:move}.wrapper .buttons .clear[data-v-1c763982]{cursor:pointer}.slot[data-v-1c763982]{overflow:hidden;background:#161616}.slot:hover .buttons[data-v-1c763982],.slot:hover .player-title[data-v-1c763982]{opacity:1!important}.slot:not(.edit-slot) .buttons[data-v-1c763982]{opacity:0}.slot.edit-slot[data-v-1c763982]{background:#eee}.slot.edit-slot.top[data-v-1c763982]:not(:first-child){border-left:10px solid #fff}.slot.edit-slot .player-title[data-v-1c763982]{padding-right:75px}.slot[data-v-1c763982] .camera-player{-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.slot[data-v-1c763982] .ptz-control{top:35px}.slot.drag-accept[data-v-1c763982]:not(.drag-source){background:#acb5be}.slot.drag-accept[data-v-1c763982]:not(.drag-source) .camera-player{-webkit-transform:scale(.6);transform:scale(.6)}.slot.drag-accept:not(.drag-source) .empty-slot[data-v-1c763982]{background:transparent}.slot.drag-source[data-v-1c763982] .camera-player{-webkit-animation:shake-data-v-1c763982 1s;animation:shake-data-v-1c763982 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.empty-slot[data-v-1c763982]{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;width:100%;height:100%;background:#e9fde8;color:#282828;opacity:.7;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-widget[data-v-1c763982]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-right:10px;gap:10px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@-webkit-keyframes shake-data-v-1c763982{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake-data-v-1c763982{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}