[data-v-51899532]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.project-card[data-v-51899532]{min-width:400px;width:400px;height:200px;padding:5px 20px;margin:10px 20px;color:#627789;font-family:Arial Narrow,Calibri,Arial,Lucida Grande,sans-serif}.project-card .project-status[data-v-51899532]{position:absolute;top:35px;left:35px}.project-card .menu-action[data-v-51899532]{position:absolute;top:5px;left:-10px}.project-card h2[data-v-51899532]{color:#627789;font-weight:800;text-align:center}.project-card .card-content[data-v-51899532]{cursor:pointer}.project-card .card-content .card-title[data-v-51899532]{height:30px}.project-card .card-content .card-title .logo[data-v-51899532]{width:20%;padding-top:7px}.project-card .card-content .card-title .title[data-v-51899532]{width:80%;height:65px;overflow:hidden}.project-card .card-content .details[data-v-51899532]{margin-top:40px;font-size:16px}.project-card[data-v-51899532]:hover{background-color:#ff5722;color:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(12,12,13,.5);box-shadow:0 1px 4px 0 rgba(12,12,13,.5)}.project-card:hover h2[data-v-51899532]{color:#fff}.round[data-v-51899532]{width:1.4em;height:1.4em;border:2px solid #6495ed;border-radius:50%;background:#ececec}.round-pass[data-v-51899532]{background:#90ee90}.round-fail[data-v-51899532]{background:#8b0000}[data-v-7b2bd363]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.textbox-field[data-v-7b2bd363]{width:100%}[data-v-56a77800]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.video-container[data-v-56a77800]{background:#000;width:80%;color:#fff}.video-player[data-v-56a77800]{width:100%;margin:0;height:calc(100% - 50px)}.video-hud[data-v-56a77800]{margin:0;padding:5px}.video-hud-element[data-v-56a77800]{cursor:pointer;margin-right:5px}.range[data-v-56a77800]{width:70px}.duration[data-v-56a77800]{font-size:14px;cursor:text}.duration[data-v-56a77800],.fullscreen[data-v-56a77800],.play[data-v-56a77800],.settings[data-v-56a77800],.volume[data-v-56a77800]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings[data-v-56a77800]{position:relative}.dropdown-settings[data-v-56a77800]{display:none;position:absolute;top:-135px;min-width:95px;background:rgba(15,117,238,.5);-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.settings-speed[data-v-56a77800]{display:block;position:relative;padding:5px 10px;border-bottom:1px solid #fff;color:#fff}.settings-speed[data-v-56a77800]:last-child{border-bottom:none}.settings:hover .dropdown-settings[data-v-56a77800]{display:block}.settings-speed[data-v-56a77800]:hover{background-color:#005cc8}.video-hud-top[data-v-56a77800]{height:8px}.above-proggres[data-v-56a77800]{position:relative}.icons[data-v-56a77800]{width:24px;height:24px}.fullscreen[data-v-56a77800],.icons[data-v-56a77800],.settings[data-v-56a77800]{cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.settings:hover img[data-v-56a77800]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fullscreen[data-v-56a77800]:hover,.icons[data-v-56a77800]:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}[data-v-0c9d8e88]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.video-player-popup[data-v-0c9d8e88]{display:grid;grid-gap:10px;height:100%;grid-template-columns:100%;grid-template-rows:auto minmax(50px,auto)}.popup-content[data-v-0c9d8e88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.under-develop-info[data-v-0c9d8e88]{font-size:14px;text-align:center;color:#676a6d}.media-container[data-v-0c9d8e88]{width:calc(100% - 60px)}.action-container[data-v-0c9d8e88]{font-size:large;color:#ff5722;width:30px;cursor:pointer}.action-container.disabled[data-v-0c9d8e88]{background-color:transparent!important;cursor:auto!important;color:#d3d3d3}.warning[data-v-0c9d8e88]{color:red}.pointer[data-v-0c9d8e88]{cursor:pointer}.pointer[data-v-0c9d8e88]:hover{text-decoration:underline}list-event_wrapper[data-v-0c9d8e88]{height:100%}.list-event[data-v-0c9d8e88]{height:calc(100% - 1px)}.list-event h2[data-v-0c9d8e88]{margin:0 0 5px 0}[data-v-66a8c576]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.popup-content[data-v-66a8c576]{height:calc(100% - 40px)}.action-buttons[data-v-66a8c576]{height:40px}.under-develop-info[data-v-66a8c576]{font-size:14px;text-align:center;color:#676a6d}.group[data-v-66a8c576]{border:1px solid #272727;margin:10px 0;padding:10px}.group .title[data-v-66a8c576]{padding-left:5px;font-weight:700}[data-v-4152cce0]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.camera-records-container[data-v-4152cce0]{padding:5px}.camera-records-container .tabs-container[data-v-4152cce0]{height:100%}.camera-records-container .tabs-container .content[data-v-4152cce0]{height:calc(100% - 50px)}.camera-records-container .table-container[data-v-4152cce0]{height:calc(100% - 100px)}[data-v-0aab8e63]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.popup-content[data-v-0aab8e63]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.under-develop-info[data-v-0aab8e63]{font-size:14px;text-align:center;color:#676a6d}.cssload-thecube[data-v-0aab8e63]{width:100px;height:100px;margin:0 auto;margin-top:20px;position:relative}.cssload-thecube .cssload-cube[data-v-0aab8e63],.cssload-thecube[data-v-0aab8e63]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.cssload-thecube .cssload-cube[data-v-0aab8e63]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.cssload-thecube .cssload-cube[data-v-0aab8e63]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#9c27b0;animation:cssload-fold-thecube-data-v-0aab8e63 2.76s linear infinite both;-webkit-animation:cssload-fold-thecube-data-v-0aab8e63 2.76s linear infinite both;-moz-animation:cssload-fold-thecube-data-v-0aab8e63 2.76s infinite linear both;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}.cssload-thecube .cssload-c2[data-v-0aab8e63]{transform:scale(1.1) rotate(90deg);-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg)}.cssload-thecube .cssload-c3[data-v-0aab8e63]{transform:scale(1.1) rotate(180deg);-webkit-transform:scale(1.1) rotate(180deg);-moz-transform:scale(1.1) rotate(180deg)}.cssload-thecube .cssload-c4[data-v-0aab8e63]{transform:scale(1.1) rotate(270deg);-webkit-transform:scale(1.1) rotate(270deg);-moz-transform:scale(1.1) rotate(270deg)}.cssload-thecube .cssload-c2[data-v-0aab8e63]:before{animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.cssload-thecube .cssload-c3[data-v-0aab8e63]:before{animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.cssload-thecube .cssload-c4[data-v-0aab8e63]:before{animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube-data-v-0aab8e63{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(136px) rotateY(180deg);transform:perspective(136px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold-thecube-data-v-0aab8e63{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0}}[data-v-52a5268c]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.popup-content[data-v-52a5268c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.under-develop-info[data-v-52a5268c]{font-size:14px;text-align:center;color:#676a6d}.cssload-thecube[data-v-52a5268c]{width:100px;height:100px;margin:0 auto;margin-top:20px;position:relative}.cssload-thecube .cssload-cube[data-v-52a5268c],.cssload-thecube[data-v-52a5268c]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.cssload-thecube .cssload-cube[data-v-52a5268c]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.cssload-thecube .cssload-cube[data-v-52a5268c]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#9c27b0;animation:cssload-fold-thecube-data-v-52a5268c 2.76s linear infinite both;-webkit-animation:cssload-fold-thecube-data-v-52a5268c 2.76s linear infinite both;-moz-animation:cssload-fold-thecube-data-v-52a5268c 2.76s infinite linear both;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%}.cssload-thecube .cssload-c2[data-v-52a5268c]{transform:scale(1.1) rotate(90deg);-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg)}.cssload-thecube .cssload-c3[data-v-52a5268c]{transform:scale(1.1) rotate(180deg);-webkit-transform:scale(1.1) rotate(180deg);-moz-transform:scale(1.1) rotate(180deg)}.cssload-thecube .cssload-c4[data-v-52a5268c]{transform:scale(1.1) rotate(270deg);-webkit-transform:scale(1.1) rotate(270deg);-moz-transform:scale(1.1) rotate(270deg)}.cssload-thecube .cssload-c2[data-v-52a5268c]:before{animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s}.cssload-thecube .cssload-c3[data-v-52a5268c]:before{animation-delay:.69s;-webkit-animation-delay:.69s;-moz-animation-delay:.69s}.cssload-thecube .cssload-c4[data-v-52a5268c]:before{animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s}@keyframes cssload-fold-thecube-data-v-52a5268c{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(136px) rotateY(180deg);transform:perspective(136px) rotateY(180deg);opacity:0}}@-webkit-keyframes cssload-fold-thecube-data-v-52a5268c{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1}90%,to{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0}}.ptz-buttons_wrapper{position:absolute;top:calc(100% - 152px);left:5px;z-index:105;height:101px;background-color:rgba(0,0,0,.8)}.ptz-buttons_wrapper .ptz-buttons{width:111px;position:relative}.ptz-buttons_wrapper .ptz-buttons .zoom-icons{font-size:19px;font-weight:600;margin-top:4px}.ptz-buttons_wrapper .ptz-buttons i.ptz-menu{position:absolute;top:25px;left:46px;font-size:18px}.ptz-buttons_wrapper .ptz-buttons .zoom-icons:hover{font-size:21px;font-weight:700}.ptz-buttons_wrapper .ptz-buttons .icon-left{margin-left:10px}.ptz-buttons_wrapper .ptz-buttons .icon-right{margin-right:10px}.ptz-buttons_wrapper .ptz-buttons .icon-top{margin-top:10px}.ptz-buttons_wrapper .ptz-buttons .icon-c-down{margin-top:7px}.ptz-buttons_wrapper .ptz-buttons .deg45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ptz-buttons_wrapper .ptz-buttons i{font-size:30px;color:rgba(70,210,55,.5)}.ptz-buttons_wrapper .ptz-buttons i:hover{color:rgba(70,210,55,.9);cursor:pointer;font-weight:bolder;background-color:rgba(70,210,55,.1);border-radius:15px}.ptz-buttons_wrapper .ptz-buttons i.disabled:hover{cursor:wait;color:rgba(70,210,55,.5)}.ptz-buttons_wrapper .ptz-buttons_menu{padding:15px 0}.ptz-buttons_wrapper .ptz-buttons_menu .slider_wrapper{width:120px}.ptz-buttons_wrapper .ptz-buttons_menu .slider_wrapper .dx-slider-bar{background-color:rgba(70,210,55,.5)}.ptz-buttons_wrapper .ptz-buttons_menu .slider_wrapper .dx-slider-range{background-color:rgba(70,210,55,.8)}.ptz-buttons_wrapper .ptz-buttons_menu .slider_wrapper .dx-slider-handle:after{background:#46d237}.ptz-buttons_wrapper .ptz-buttons_menu .focus-buttons i{padding:3px}.ptz-buttons_wrapper .ptz-buttons_menu .focus-buttons i.zoom-icons:hover{color:rgba(70,210,55,.9);cursor:pointer;font-weight:bolder;background-color:rgba(70,210,55,.1);border-radius:15px}.ptz-buttons_wrapper .ptz-buttons_menu .focus-buttons i.disabled:hover{cursor:wait;color:rgba(70,210,55,.5)}.ptz-buttons_wrapper .ptz-buttons_menu i{color:rgba(70,210,55,.7);font-size:20px;font-weight:500}[data-v-0d182805]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.camera-stream-container[data-v-0d182805]{position:relative;border:1px solid grey;border-radius:10px}.camera-stream-container .connection-status[data-v-0d182805]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#3f3c3c;padding:15px 25px;z-index:10;min-width:450px;text-align:center}.camera-stream-container .status-text[data-v-0d182805]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-stream-container .dots[data-v-0d182805]{display:inline-block;width:20px;text-align:left}.camera-stream-container .connection-status[data-v-0d182805]{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}.camera-stream-container .camera-title[data-v-0d182805]{position:absolute;top:0;left:25%;z-index:100;width:50%;padding:0 10px;background-color:rgba(223,224,229,.84);border:1px solid rgba(223,224,229,.84);border-radius:10px;font-size:smaller;font-weight:700;text-align:center}.camera-stream-container .camera-name[data-v-0d182805]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.camera-stream-container .img-camera-deactivated[data-v-0d182805]{opacity:.6}.camera-stream-container .camera-icons[data-v-0d182805]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;margin-left:8px}.camera-stream-container .camera-wrapper[data-v-0d182805]{position:relative;overflow:hidden;border-radius:10px}.camera-stream-container .camera-wrapper video[data-v-0d182805]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill;display:block;z-index:1}.camera-stream-container .camera-wrapper .loading-indicator[data-v-0d182805]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.35);z-index:10}.camera-stream-container .camera-wrapper .spinner[data-v-0d182805]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff5722;border-radius:50%;-webkit-animation:spin-data-v-0d182805 1s linear infinite;animation:spin-data-v-0d182805 1s linear infinite}@-webkit-keyframes spin-data-v-0d182805{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-0d182805{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.camera-stream-container .camera-wrapper[data-v-0d182805] :-webkit-full-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}.camera-stream-container .camera-wrapper[data-v-0d182805] :-webkit-full-screen,.camera-stream-container .camera-wrapper[data-v-0d182805] :fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}.camera-stream-container .camera-wrapper :-webkit-full-screen video[data-v-0d182805]{z-index:1}.camera-stream-container .camera-wrapper :-webkit-full-screen video[data-v-0d182805],.camera-stream-container .camera-wrapper :fullscreen video[data-v-0d182805]{z-index:1}.camera-stream-container .camera-wrapper :-webkit-full-screen .loading-indicator[data-v-0d182805]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;border-radius:10px;z-index:100}.camera-stream-container .camera-wrapper :-webkit-full-screen .loading-indicator[data-v-0d182805],.camera-stream-container .camera-wrapper :fullscreen .loading-indicator[data-v-0d182805]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;border-radius:10px;z-index:100}.camera-stream-container .camera-actions[data-v-0d182805]{position:absolute;bottom:-44px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;width:calc(100% - 20px);max-width:100%;padding:6px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(223,224,229,.94);border:1px solid rgba(223,224,229,.94);border-radius:6px;font-size:smaller;font-weight:700;visibility:hidden;opacity:0;visibility:visible;opacity:1;pointer-events:auto;-webkit-transition:bottom .18s ease,opacity .3s ease,visibility .3s ease;transition:bottom .18s ease,opacity .3s ease,visibility .3s ease}.camera-stream-container .camera-actions.actions-hidden[data-v-0d182805]{opacity:0;visibility:hidden;pointer-events:none}.camera-stream-container .camera-actions .action-button[data-v-0d182805]{width:34px;height:28px;font-size:1.1rem;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;border-radius:4px}.camera-stream-container .camera-actions .action-button.disabled[data-v-0d182805]{opacity:.6;pointer-events:none}.camera-stream-container .camera-actions[data-v-0d182805]:not(.actions-hidden):hover,.camera-stream-container .camera-wrapper:hover+.camera-actions[data-v-0d182805]:not(.actions-hidden){bottom:8px;visibility:visible;opacity:1;pointer-events:auto}.camera-stream-container .camera-actions:hover>.action-button[data-v-0d182805]:hover{cursor:pointer;background-color:#c9e5f1;color:#ff5722}.camera-stream-container .camera-actions:hover>.action-button.disabled[data-v-0d182805]:hover{background-color:transparent!important;cursor:auto!important}.camera-stream-container .base-accent[data-v-0d182805]{color:#ff5722}[data-v-77f97044]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.flex-r-c[data-v-77f97044]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.grid-label[data-v-77f97044]{font-weight:600;color:#333;white-space:nowrap;margin-right:8px}.grid-selector[data-v-77f97044]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;background:#fff;border-radius:2px;padding:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.grid-selector .grid-option[data-v-77f97044]{padding:4px 8px;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:13px;min-width:28px;text-align:center;-webkit-transition:all .2s;transition:all .2s}.grid-selector .grid-option[data-v-77f97044]:hover{border-color:#ff5722}.grid-selector .grid-option.active[data-v-77f97044]{background-color:#ff5722;color:#fff;border-color:#ff5722}.el-pager li,.el-pagination .btn-next,.el-pagination .btn-prev{background:transparent!important}.el-pagination{margin-top:4px!important}.ghost{opacity:.5;background:#c8ebfb}.flip-list-move{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.list-complete-item{cursor:move;-webkit-transition:all .5s;transition:all .5s}.list-complete-enter,.list-complete-leave-to{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.list-complete-leave-active{position:absolute}[data-v-62cfd13a]:export{menuBg:#262629;menuText:#8d97ad;menuActiveText:#409eff}.grid-container[data-v-62cfd13a]{display:grid;grid-template-columns:300px 1fr;grid-template-rows:60px 1fr 40px;height:100vh;width:100%;gap:10px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.header-controls[data-v-62cfd13a]{grid-column:1/3;display:grid;grid-template-columns:300px 1fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:0 6px;-webkit-box-sizing:border-box;box-sizing:border-box}.header[data-v-62cfd13a]{padding-left:18px;font-weight:600}.controls-right[data-v-62cfd13a],.header[data-v-62cfd13a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-right[data-v-62cfd13a]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.left-menu[data-v-62cfd13a]{grid-column:1/2;grid-row:2/3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:0}.left-menu .camera-list[data-v-62cfd13a]{border:1px solid #a9a9a9;padding:10px;overflow-y:auto;height:100%}.left-menu .camera-list[data-v-62cfd13a]::-webkit-scrollbar{width:6px}.left-menu .camera-list[data-v-62cfd13a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.left-menu .camera-list[data-v-62cfd13a]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.left-menu .camera-list[data-v-62cfd13a]::-webkit-scrollbar-thumb:hover{background:#555}.left-menu .camera-list .camera-list-item[data-v-62cfd13a]{cursor:-webkit-grab;cursor:grab;padding:8px 12px;margin:4px 0;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.left-menu .camera-list .camera-list-item[data-v-62cfd13a]:hover{background-color:#ff5722;-webkit-transition:all 1s ease;transition:all 1s ease}.left-menu .camera-list .camera-list-item.camera-visible[data-v-62cfd13a]{background-color:rgba(255,87,34,.3)}.left-menu .camera-list .camera-list-item.dragging[data-v-62cfd13a],.left-menu .camera-list .camera-list-item.grid-item.dragging[data-v-62cfd13a]{opacity:.7;border:2px dashed #409eff;background:rgba(64,158,255,.1);-webkit-box-shadow:0 6px 16px rgba(64,158,255,.2);box-shadow:0 6px 16px rgba(64,158,255,.2)}.left-menu .camera-list .camera-list-item.drag-over[data-v-62cfd13a],.left-menu .camera-list .camera-list-item.grid-item.drag-over[data-v-62cfd13a]{border:2px solid #409eff;background-color:rgba(64,158,255,.1);-webkit-box-shadow:inset 0 0 10px rgba(64,158,255,.2);box-shadow:inset 0 0 10px rgba(64,158,255,.2)}.left-menu .camera-list .group-title[data-v-62cfd13a]{color:#000;padding:6px 8px 6px 12px;margin-bottom:6px;font-size:11px;font-weight:600;background:rgba(0,0,0,.06);border-radius:4px;display:inline-block;cursor:pointer;-webkit-transition:all 1s ease;transition:all 1s ease}.left-menu .camera-list .group-title[data-v-62cfd13a]:hover{background:rgba(0,0,0,.1)}.camera-grid[data-v-62cfd13a]{grid-column:2/3;grid-row:2/3;min-height:0;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}.camera-grid .home-background[data-v-62cfd13a]{width:100%;height:100%;position:relative;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box}.camera-grid .home-background.fullscreen-mode[data-v-62cfd13a]{padding:0!important;height:100vh;width:100vw}.camera-grid .home-background .grid-inner[data-v-62cfd13a]{height:100%;min-height:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.camera-grid .home-background .camera-wrap[data-v-62cfd13a],.camera-grid .home-background .grid-item[data-v-62cfd13a]{position:relative;padding:0 3px;-webkit-transition:all .2s;transition:all .2s}.camera-grid .home-background .splitter-col[data-v-62cfd13a],.camera-grid .home-background .splitter-row[data-v-62cfd13a]{background:hsla(0,0%,74.5%,.4);border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease;transition:all .2s ease;-ms-flex-item-align:center;align-self:center;justify-self:center;cursor:pointer}.camera-grid .home-background .splitter-col[data-v-62cfd13a]:hover,.camera-grid .home-background .splitter-row[data-v-62cfd13a]:hover{background-color:#ff5722;-webkit-transition:all 1s ease;transition:all 1s ease}.camera-grid .home-background .splitter-col[data-v-62cfd13a]{cursor:col-resize;width:5px;height:40%}.camera-grid .home-background .splitter-row[data-v-62cfd13a]{cursor:row-resize;width:40%;height:5px}.pagination-left-spacer[data-v-62cfd13a]{grid-column:1/2;grid-row:3/4}.pagination[data-v-62cfd13a]{grid-column:2/3;grid-row:3/4;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:6px}.btn-fullscreen[data-v-62cfd13a],.pagination[data-v-62cfd13a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-fullscreen[data-v-62cfd13a]{background-color:#ff5722;border-radius:4px;border:none;cursor:pointer;height:36px;padding:0 12px;margin-left:8px}.btn-fullscreen img[data-v-62cfd13a]{margin-right:6px}.btn-fullscreen .btn-text[data-v-62cfd13a]{color:#fff;font-size:13px}.btn-fullscreen[data-v-62cfd13a]:hover{opacity:.9}.grid-item.dragging[data-v-62cfd13a]{opacity:.7;z-index:1000;border:2px dashed #409eff;background:rgba(64,158,255,.1);-webkit-box-shadow:0 6px 16px rgba(64,158,255,.2);box-shadow:0 6px 16px rgba(64,158,255,.2);-webkit-transition:all .2s ease;transition:all .2s ease}.grid-item.drag-over[data-v-62cfd13a]{border:2px solid #409eff;background-color:rgba(64,158,255,.1);-webkit-box-shadow:inset 0 0 10px rgba(64,158,255,.2);box-shadow:inset 0 0 10px rgba(64,158,255,.2)}.grid-item[data-v-62cfd13a]{cursor:-webkit-grab;cursor:grab}.grid-item[data-v-62cfd13a]:active{cursor:-webkit-grabbing;cursor:grabbing}.cursor-hidden[data-v-62cfd13a],.cursor-hidden [data-v-62cfd13a]{cursor:none!important}