.grid[data-v-4382559b]{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-4382559b]{width:100%;height:100%;position:relative}.wrapper .player-title[data-v-4382559b]{left:0;height:34px;padding:5px 15px;z-index:4;background:rgba(0,0,0,.6);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wrapper .buttons[data-v-4382559b],.wrapper .player-title[data-v-4382559b]{position:absolute;top:0;right:0;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff}.wrapper .buttons[data-v-4382559b]{z-index:999999;padding-left:10px}.wrapper .buttons.edit-mode .move[data-v-4382559b]{padding-left:8px}.wrapper .buttons i[data-v-4382559b]{height:34px;line-height:34px;font-size:19px;cursor:pointer;display:inline-block;padding-right:10px}.wrapper .buttons em[data-v-4382559b]{padding-right:10px}.wrapper .buttons .move[data-v-4382559b]{cursor:move}.wrapper .buttons .clear[data-v-4382559b]{cursor:pointer}.hide-titles .player-title[data-v-4382559b]{opacity:0}.slot[data-v-4382559b]{overflow:hidden;background:#161616}.slot:hover .buttons[data-v-4382559b],.slot:hover .player-title[data-v-4382559b]{opacity:1!important}.slot:not(.edit-slot) .buttons[data-v-4382559b]{opacity:0}.slot.edit-slot[data-v-4382559b]{background:#eee}.slot.edit-slot.top[data-v-4382559b]:not(:first-child){border-left:10px solid #fff}.slot.edit-slot .player-title[data-v-4382559b]{padding-right:75px}.slot[data-v-4382559b] .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-4382559b] .ptz-control{top:35px}.slot.drag-accept[data-v-4382559b]:not(.drag-source){background:#acb5be}.slot.drag-accept[data-v-4382559b]:not(.drag-source) .camera-player{-webkit-transform:scale(.6);transform:scale(.6)}.slot.drag-accept:not(.drag-source) .empty-slot[data-v-4382559b]{background:transparent}.slot.drag-source[data-v-4382559b] .camera-player{-webkit-animation:shake-data-v-4382559b 1s;animation:shake-data-v-4382559b 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.empty-slot[data-v-4382559b]{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-4382559b]{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-4382559b{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-4382559b{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)}}