.marker-icon[data-v-adf16d26]{cursor:pointer}.modal-lg[data-v-adf16d26]{max-width:80vw}.modal-lg .vue2leaflet-map[data-v-adf16d26]{height:calc(100vh - 240px)}.grid[data-v-424da711]{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-424da711]{width:100%;height:100%;position:relative}.wrapper .player-title[data-v-424da711]{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-424da711],.wrapper .player-title[data-v-424da711]{position:absolute;top:0;right:0;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff}.wrapper .buttons[data-v-424da711]{z-index:999999;padding-left:10px}.wrapper .buttons.edit-mode .move[data-v-424da711]{padding-left:8px}.wrapper .buttons i[data-v-424da711]{height:34px;line-height:34px;font-size:19px;cursor:pointer;display:inline-block;padding-right:10px}.wrapper .buttons em[data-v-424da711]{padding-right:10px}.wrapper .buttons .move[data-v-424da711]{cursor:move}.wrapper .buttons .clear[data-v-424da711]{cursor:pointer}.hide-titles .player-title[data-v-424da711]{opacity:0}.grid.fit-fill[data-v-424da711] .wrapper canvas,.grid.fit-fill[data-v-424da711] .wrapper img,.grid.fit-fill[data-v-424da711] .wrapper video{-o-object-fit:fill;object-fit:fill}.grid.fit-cover[data-v-424da711] .wrapper canvas,.grid.fit-cover[data-v-424da711] .wrapper img,.grid.fit-cover[data-v-424da711] .wrapper video{-o-object-fit:cover;object-fit:cover}.slot[data-v-424da711]{overflow:hidden;background:#161616}.slot:hover .buttons[data-v-424da711],.slot:hover .player-title[data-v-424da711]{opacity:1!important}.slot:not(.edit-slot) .buttons[data-v-424da711]{opacity:0}.slot.edit-slot[data-v-424da711]{background:#eee}.slot.edit-slot.top[data-v-424da711]:not(:first-child){border-left:10px solid #fff}.slot.edit-slot .player-title[data-v-424da711]{padding-right:75px}.slot[data-v-424da711] .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-424da711] .ptz-control{top:35px}.slot.drag-accept[data-v-424da711]:not(.drag-source){background:#acb5be}.slot.drag-accept[data-v-424da711]:not(.drag-source) .camera-player{-webkit-transform:scale(.6);transform:scale(.6)}.slot.drag-accept:not(.drag-source) .empty-slot[data-v-424da711]{background:transparent}.slot.drag-source[data-v-424da711] .camera-player{-webkit-animation:shake-data-v-424da711 1s;animation:shake-data-v-424da711 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.empty-slot[data-v-424da711]{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-424da711]{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-424da711{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-424da711{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)}}.i-item[data-v-89b264d0]{margin-right:10px}.screen-view[data-v-89b264d0] .modal-title{width:100%}.buttons[data-v-89b264d0]{margin-right:-8px}.buttons[data-v-89b264d0]>*{display:inline-block;cursor:pointer;padding:0 8px}.buttons .saved[data-v-89b264d0]{opacity:.6}.buttons .v-popover[data-v-89b264d0]{display:inline-block}@media (min-width:768px){.q-popover__container[data-v-89b264d0]{max-width:360px}}.displays-switcher[data-v-89b264d0]{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;padding-top:4px}.displays-switcher>[data-v-89b264d0]{margin:0 15px}.displays-switcher .nav-item[data-v-89b264d0]{cursor:pointer;font-size:16px;border-bottom:2px solid transparent;-webkit-transform:translateY(-2px);transform:translateY(-2px);padding:7px;overflow:hidden;text-overflow:ellipsis;direction:rtl;min-width:60px;text-align:center}.displays-switcher .nav-item .name[data-v-89b264d0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}.displays-switcher .nav-item.active[data-v-89b264d0],.displays-switcher .nav-item[data-v-89b264d0]:hover:not(.add-display){border-bottom:2px solid #4ae387}.displays-switcher .nav-item:hover .new-win[data-v-89b264d0]{display:-webkit-box;display:-ms-flexbox;display:flex}.displays-switcher .nav-item .new-win[data-v-89b264d0]{display:none;position:absolute;right:5px;top:5px;bottom:5px;width:30px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,#333),to(#333));background:linear-gradient(90deg,transparent 0,#333 50%,#333);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f7cc36;font-size:1.2rem;font-weight:700;line-height:1;direction:ltr}.mobile-item[data-v-89b264d0]{width:100%;padding:15px;background:#333;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-item.active[data-v-89b264d0]{background:#4ae387}.edit-display[data-v-89b264d0],.edit-screen[data-v-89b264d0]{cursor:pointer;padding:3px 8px;text-align:center;-webkit-transform:translateX(6px);transform:translateX(6px);border-radius:3px}.edit-display[data-v-89b264d0]:hover,.edit-screen[data-v-89b264d0]:hover{background:#4ae387}.hidden[data-v-89b264d0]{display:none!important}.edit-mode .button[data-v-89b264d0]{background:#21d96a;border-radius:3px 0 0 3px;height:24px;overflow:hidden;vertical-align:middle}.edit-mode .button.middle[data-v-89b264d0]{border-radius:0!important}.edit-mode .button.middle[data-v-89b264d0] .trigger{-webkit-transform:translateY(-2px);transform:translateY(-2px);font-size:20px}.edit-mode .button+.button[data-v-89b264d0]{border-radius:0 3px 3px 0}.edit-mode[data-v-89b264d0] .modal-lg>.modal-content>.modal-body{padding:10px;background:#fff}.edit-mode[data-v-89b264d0] .grid{grid-gap:10px}.edit-mode[data-v-89b264d0] .v-popover{display:inline-block}.edit-mode .add-display[data-v-89b264d0]{max-width:23px;border-bottom:none}.edit-mode .add-display[data-v-89b264d0]:hover{color:#4ae387}.edit-mode .screen-name>[data-v-89b264d0]{vertical-align:middle}.edit-mode .screen-name .name[data-v-89b264d0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:25vw;display:inline-block}@media (min-width:576px){.edit-mode .screen-name .name[data-v-89b264d0]{max-width:10vw}}.autoplay-form[data-v-89b264d0]{padding:20px 15px;position:relative}.autoplay-form .hide[data-v-89b264d0]{position:absolute;top:5px;right:5px;font-size:19px;color:#fff}.autoplay-form .form-group input[data-v-89b264d0]{color:#fff}.autoplay-pause[data-v-89b264d0]{position:relative}.autoplay-pause .icon[data-v-89b264d0]{z-index:3}.autoplay-pause .pie[data-v-89b264d0]{z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;width:32px;height:32px}.autoplay-pause .pie[data-v-89b264d0] circle{stroke:transparent}.close-modal-back[data-v-89b264d0]{width:15px;-webkit-transform:translateX(-8px);transform:translateX(-8px)}.close-modal-back[data-v-89b264d0]:hover:before{content:"\F27D"}.dotted[data-v-89b264d0]{display:inline-block;border-bottom:1px dotted #fff;cursor:pointer}