body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body{align-items:center;background:var(--color-iot-bg);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;position:relative;width:100vw}#root{--iot-radius:8px;--iot-nav-width:190px;--iot-nav-width-final:190px;--iot-nav-width-final-neg:-190px;--iot-chat-width:300px;--iot-live-height:70%;--iot-header-height:50px}.light{--color-main-screen-bg:#c9c9c9;--color-main-screen-bg:#eaeeef;--color-iot-bg:#ededed;--color-iot-bg:#eaeeef;--color-toolbar-bg:#fff;--color-div-bg:#fff;--color-side-nav:#fff;--color-border:#cacaca;--color-border-partial:#484848;--color-txt-pri:#004ac1;--color-txt-pri-hover:#005bee;--color-edit-txt:#000;--color-edit-txt-sec:#212121;--color-view-bg:#f0f0f000;--color-view-bg-sec:#e4e6e9;--color-view-bg-sec-deep:#a1a1a1;--color-view-bg-sec-active:#cacaca;--color-view-bg-active:#129549;--color-view-bg-hover:#0b7437;--color-view-bg-active-hover:#095b2b;--color-view-txt:#000;--color-view-txt-active:#fff;--color-view-txt-hover:#fff;--color-view-txt-sec:#212121;--color-view-0-bg:#f0f0f000;--color-view-0-bg-active:#f0eef0;--color-view-0-bg-hover:#dcdcdc;--color-view-0-bg-active-hover:#cacaca;--color-view-0-txt:#000;--color-view-0-txt-active:#212121;--color-view-0-txt-hover:#000;--color-view-def-bg:#930303;--color-view-def-bg-hover:#560101;--color-view-def-txt:#fff;--color-view-def-txt-hover:#fff;--color-accent:#93d9ff;--color-icon:#000000cd;--color-shadow:rgba(0,0,0,.419);--color-pallete-icon:#3330eb;--color-pallete-toggle:#fff;--color-loader:#a1a1a1;--color-loader-dim:#434343;color-scheme:light}.dark{--color-main-screen-bg:#121316;--color-main-screen-bg:#000;--color-iot-bg:#000;--color-toolbar-bg:#1b1c1f;--color-div-bg:#1b1c1f;--color-side-nav:#1b1c1f;--color-border:#2a2c30;--color-border-partial:#d1d1d1;--color-txt-pri:#7b88ff;--color-txt-pri-hover:#949efd;--color-edit-txt:#fff;--color-edit-txt-sec:#d5d5d5;--color-view-bg:#15151500;--color-view-bg-sec:#3c3c3c;--color-view-bg-sec-deep:#525252;--color-view-bg-sec-active:#595959;--color-view-bg-active:#129549;--color-view-bg-hover:#0b7437;--color-view-bg-active-hover:#095b2b;--color-view-txt:#d3d3d3;--color-view-txt-active:#fff;--color-view-txt-hover:#fff;--color-view-txt-sec:#d5d5d5;--color-view-0-bg:#f0f0f000;--color-view-0-bg-active:#595959;--color-view-0-bg-hover:#595959e0;--color-view-0-bg-active-hover:#595959e0;--color-view-0-txt:#dcdcdc;--color-view-0-txt-active:#f2f2f2;--color-view-0-txt-hover:#fff;--color-view-def-bg:#930303;--color-view-def-bg-hover:#6c0202;--color-view-def-txt:#fff;--color-view-def-txt-hover:#fff;--color-accent:#93d9ff;--color-icon:#e1e1e1;--color-shadow:#222;--color-pallete-icon:#fff;--color-pallete-toggle:#2d2d2d;--color-loader:#a1a1a1;--color-loader-dim:#434343;color-scheme:dark}.def-loading-lay .def-loading-content .def-loading-spinner,.def-loading-spinner,.def-loading-spinner-sm,.lds-dual-ring,.lds-dual-ring-sm{display:inline-block}.def-loading-lay .def-loading-content .def-loading-spinner:after,.def-loading-spinner:after,.lds-dual-ring:after{-webkit-animation:lds-dual-ring .5s linear infinite;animation:lds-dual-ring .5s linear infinite;border:2px solid var(--color-view-bg-hover);border-color:var(--color-view-bg-hover) transparent var(--color-view-bg-hover) transparent;border-radius:50%;content:" ";display:block;height:36px;margin:0;width:36px}.def-loading-spinner-sm:after,.lds-dual-ring-sm:after{-webkit-animation:lds-dual-ring .5s linear infinite;animation:lds-dual-ring .5s linear infinite;border:4px solid var(--color-view-bg-hover);border-color:var(--color-view-bg-hover) transparent var(--color-view-bg-hover) transparent;border-radius:50%;content:" ";display:block;height:24px;margin:0;width:24px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.def-loading-lay{background:rgba(0,0,0,.529);flex-direction:column;height:100vh;position:fixed;width:100vw;z-index:9999999}.def-loading-lay,.def-loading-lay .def-loading-content{align-items:center;cursor:progress;display:flex;justify-content:center}.def-loading-lay .def-loading-content{background:#fff;border-radius:8px;flex-direction:row;height:auto;margin:0;padding:8px 12px;position:relative;width:auto}.def-loading-lay .def-loading-content .def-loading-spinner{margin:4px 8px 4px 4px}.def-loading-lay .def-loading-content .def-loading-text{color:#000;font-size:14px;font-weight:600;margin:2px;text-align:center}.def-dialog-lay,.def-loading-lay .def-loading-content .def-loading-text{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;width:auto}.def-dialog-lay{background:#fff;border-radius:8px;cursor:pointer;margin:0;padding:8px 12px;position:relative}.def-dialog-lay .def-dialog-icon{color:green;font-size:18px;margin:4px 8px 4px 4px}.def-dialog-lay .def-dialog-text{align-items:center;color:green;display:flex;flex-direction:row;font-size:14px;font-weight:600;height:auto;justify-content:center;margin:2px;text-align:center;width:auto}.def-dialog-lay .error-icon,.def-dialog-lay .error-text{color:red!important}.border-dash-anim{-webkit-animation:dash 5s linear infinite;animation:dash 5s linear infinite;background:linear-gradient(90deg,var(--color-action) 50%,transparent 50%),linear-gradient(90deg,var(--color-action) 50%,transparent 50%),linear-gradient(0deg,var(--color-action) 50%,transparent 50%),linear-gradient(0deg,var(--color-action) 50%,transparent 50%);background-position:0 0,100% 100%,0 100%,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:16px 4px,16px 4px,4px 16px,4px 16px;border-radius:5px;height:100%;padding:10px;width:100%}@-webkit-keyframes dash{to{background-position:100% 0,0 100%,0 0,100% 100%}}@keyframes dash{to{background-position:100% 0,0 100%,0 0,100% 100%}}div,p,span{-webkit-user-drag:none;-webkit-user-select:none;-o-user-select:none;user-select:none}#root-modal{background:rgba(0,0,0,.481);display:none;height:100vh;position:fixed!important;width:100vw;z-index:99999!important}@media(hover:hover){::-webkit-scrollbar{background:transparent;border:2px solid transparent;height:12px;width:12px}::-webkit-scrollbar-thumb{background:var(--color-view-bg-active);background-clip:padding-box;border:2px solid transparent;border-radius:var(--iot-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-view-bg-active-hover);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}}.app-main{align-items:center;background:#129549;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100vw}.app-main .bg-image{bottom:0;flex-direction:column;height:100%;image-rendering:pixelated;object-fit:contain;object-position:center;position:absolute;right:0;width:100%;z-index:0}.app-main .bg-image,.app-main .bg-image-toggle-left{align-items:center;display:flex;justify-content:center;left:0;top:0}.app-main .bg-image-toggle-left,.app-main .bg-image-toggle-right{align-content:center;cursor:pointer;flex-direction:row;height:100px;position:fixed;width:100px;z-index:1000}.app-main .bg-image-toggle-right{align-items:center;display:flex;justify-content:center;right:0;top:0}.app-main .list-lay{flex-direction:row;overflow:hidden;padding:12px 24px;width:100%}.app-main .list-lay,.app-main .list-lay .list-lay-inner-left{align-content:center;align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.app-main .list-lay .list-lay-inner-left{flex-shrink:0;flex-wrap:wrap;width:30%}.app-main .list-lay .list-lay-inner-right{align-content:center;align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:12px 24px;position:relative;width:70%;z-index:1}.app-main .list-lay .list-lay-inner-right .empty-view{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:60vh;justify-content:center;max-height:400px;position:relative;width:100%;z-index:1}.app-main .player-lay{align-items:center;background:#000;border-radius:0;display:none;flex-direction:column;height:100vh;justify-content:center;opacity:0;position:fixed;-webkit-transform:scale(0);transform:scale(0);transition:width .5s,height .5s,-webkit-transform .5s;transition:transform .5s,width .5s,height .5s;transition:transform .5s,width .5s,height .5s,-webkit-transform .5s;width:100vw;z-index:999}.app-main .btns-lay{bottom:16px;height:auto;left:16px;position:absolute;width:auto;z-index:2}.app-main .btns-lay,.app-main .btns-lay .btns-btn{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-main .btns-lay .btns-btn{background:transparent;border-radius:8px;box-shadow:0 0 2px 1px hsla(0,0%,66%,.4);color:#129549;cursor:pointer;height:50px;margin:12px 0;position:relative;width:50px}.preview{align-items:center;background:#fff;border-radius:16px;box-shadow:0 0 8px 4px hsla(0,0%,79%,.4);cursor:pointer;display:flex;flex-direction:column;height:calc(33.33333% - 30px);justify-content:center;margin:30px;max-height:200px;max-width:300px;min-height:200px;min-width:250px;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:calc(20% - 30px);z-index:0}.preview:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.preview .glow-anim{align-items:center;-webkit-animation:rotate-anim 4s linear infinite;animation:rotate-anim 4s linear infinite;background-image:conic-gradient(transparent,#129549,transparent 25%);background-position:0 0;background-repeat:no-repeat;display:flex;-webkit-filter:blur(20px);filter:blur(20px);flex-direction:column;height:99999px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);width:99999px;z-index:-2}.preview .inner-lay{background:#fff;border-radius:16px;height:calc(100% - 12px);justify-content:flex-start;overflow:hidden;width:calc(100% - 12px);z-index:1}.preview .inner-lay,.preview .inner-lay .image-lay{align-items:center;display:flex;flex-direction:column;position:relative}.preview .inner-lay .image-lay{border-top-left-radius:16px;border-top-right-radius:16px;height:calc(100% - 90px);justify-content:center;pointer-events:none;width:100%}.preview .inner-lay .image-lay .image,.preview .inner-lay .image-lay .video{border-top-left-radius:16px;border-top-right-radius:16px;height:100%;object-fit:cover;object-position:top}.preview .inner-lay .image-lay .image,.preview .inner-lay .image-lay .video,.preview .inner-lay .info-lay{align-items:center;display:flex;flex-direction:column;justify-content:center;pointer-events:none;position:relative;width:100%}.preview .inner-lay .info-lay{border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:90px;padding:4px 8px}.preview .inner-lay .info-lay .name-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:1.2rem;font-weight:700;overflow:hidden;padding:2px 4px;pointer-events:none;position:relative;text-align:center;word-break:break-all}.preview .inner-lay .plus-icon{color:#000;height:60%;width:60%}.preview .inner-lay .close-btn{background:#fff;border-radius:50%;height:40px;padding:4px;right:16px;top:16px;width:40px;z-index:100}.preview .inner-lay .center-view,.preview .inner-lay .close-btn{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute}.preview .inner-lay .center-view{height:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;width:10px;z-index:0}.also-plus-btn .inner-lay{justify-content:center}@-webkit-keyframes rotate-anim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-anim{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.player{background:inherit;height:100%;position:relative;width:100%}.player,.player .top-view{align-items:center;border-radius:inherit;display:flex;flex-direction:column;justify-content:center}.player .top-view{cursor:pointer;height:100vh;position:absolute;top:0;width:100vw;z-index:9999}.player .video-lay{align-items:center;background:inherit;border-radius:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;object-fit:contain;object-position:center;position:relative;width:100%}.player .video-lay video{background:inherit}.player .image-lay{background:inherit}.player .image-lay,.player .image-lay .image{align-items:center;border-radius:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;object-fit:contain;object-position:center;position:relative;width:100%}