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;height:100%;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;position:relative}.banner{background-color:#222831;height:50px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1000}.banner .banner-button{float:left;margin:10px}.banner .banner-logo{float:right;margin:10px 120px 10px 10px}.App-body{left:0;top:50px}.App-body,.SidePanel{bottom:0;position:absolute;right:0}.SidePanel{background-color:#222831;border:1px solid #292d39;color:#eee;overflow-y:scroll;text-align:center;top:0;width:400px;z-index:999}.Leva-container>div{margin:auto;padding:10px;position:relative;width:100%}.simple-tabpanel-0{padding:100px}.Scene-container{height:500px}@-webkit-keyframes swing{0%,30%,50%,70%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes swing{0%,30%,50%,70%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.pro-sidebar{color:#ffd369;height:100%;min-width:100%;position:relative;text-align:left;transition:width,left,right,.3s;width:100%;z-index:1009}.pro-sidebar>.pro-sidebar-inner{background:#1d1d1d;height:100%;position:relative;z-index:101}.pro-sidebar>.pro-sidebar-inner>img.sidebar-bg{height:100%;left:0;object-fit:cover;object-position:center;opacity:.3;position:absolute;top:0;width:100%;z-index:100}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;z-index:101}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-header{border-bottom:1px solid rgba(255,211,105,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-content{flex-grow:1}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-footer{border-top:1px solid rgba(255,211,105,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout ul{list-style-type:none;margin:0;padding:0}.pro-sidebar .overlay{background-color:rgba(0,0,0,.3);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:100}.pro-sidebar.collapsed{min-width:80px;width:80px}.pro-sidebar.rtl{direction:rtl;text-align:right}@media(max-width:480px){.pro-sidebar.xs{left:-100%;position:fixed}.pro-sidebar.xs.collapsed{left:-80px}.pro-sidebar.xs.toggled{left:0}.pro-sidebar.xs.toggled .overlay{display:block}.pro-sidebar.xs.rtl{left:auto;right:-100%}.pro-sidebar.xs.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xs.rtl.toggled{left:auto;right:0}}@media(max-width:576px){.pro-sidebar.sm{left:-100%;position:fixed}.pro-sidebar.sm.collapsed{left:-80px}.pro-sidebar.sm.toggled{left:0}.pro-sidebar.sm.toggled .overlay{display:block}.pro-sidebar.sm.rtl{left:auto;right:-100%}.pro-sidebar.sm.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.sm.rtl.toggled{left:auto;right:0}}@media(max-width:768px){.pro-sidebar.md{left:-100%;position:fixed}.pro-sidebar.md.collapsed{left:-80px}.pro-sidebar.md.toggled{left:0}.pro-sidebar.md.toggled .overlay{display:block}.pro-sidebar.md.rtl{left:auto;right:-100%}.pro-sidebar.md.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.md.rtl.toggled{left:auto;right:0}}@media(max-width:992px){.pro-sidebar.lg{left:-100%;position:fixed}.pro-sidebar.lg.collapsed{left:-80px}.pro-sidebar.lg.toggled{left:0}.pro-sidebar.lg.toggled .overlay{display:block}.pro-sidebar.lg.rtl{left:auto;right:-100%}.pro-sidebar.lg.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.lg.rtl.toggled{left:auto;right:0}}@media(max-width:1200px){.pro-sidebar.xl{left:-100%;position:fixed}.pro-sidebar.xl.collapsed{left:-80px}.pro-sidebar.xl.toggled{left:0}.pro-sidebar.xl.toggled .overlay{display:block}.pro-sidebar.xl.rtl{left:auto;right:-100%}.pro-sidebar.xl.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xl.rtl.toggled{left:auto;right:0}}@media(max-width:1600px){.pro-sidebar.xxl{left:-100%;position:fixed}.pro-sidebar.xxl.collapsed{left:-80px}.pro-sidebar.xxl.toggled{left:0}.pro-sidebar.xxl.toggled .overlay{display:block}.pro-sidebar.xxl.rtl{left:auto;right:-100%}.pro-sidebar.xxl.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xxl.rtl.toggled{left:auto;right:0}}.pro-sidebar .pro-menu.submenu-bullets .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{border:1px solid #2b2b2b;border-radius:50%;box-shadow:1px 0 0 #ffd369,0 -1px 0 #ffd369,0 1px 0 #ffd369,-1px 0 0 #ffd369;content:"";display:inline-block;height:4px;margin-right:15px;min-width:4px;position:relative;width:4px}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-sidebar .pro-menu{padding-bottom:10px;padding-top:10px}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item{background-color:#2b2b2b;position:relative}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item>div>ul{padding-bottom:15px;padding-top:15px}.pro-sidebar .pro-menu a{color:#ffd369;text-decoration:none}.pro-sidebar .pro-menu a:before{background-color:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.pro-sidebar .pro-menu a:hover{color:#d8d8d8}.pro-sidebar .pro-menu .pro-menu-item{font-size:15px}.pro-sidebar .pro-menu .pro-menu-item.active{color:#d8d8d8}.pro-sidebar .pro-menu .pro-menu-item .suffix-wrapper{opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item .prefix-wrapper{display:flex;margin-right:5px;opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item{align-items:center;cursor:pointer;display:flex;padding:8px 35px 8px 20px;position:relative}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:focus{color:#d8d8d8;outline:none}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{display:inline-block;font-size:14px;height:35px;line-height:35px;margin-right:10px;min-width:35px;text-align:center;width:35px}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper .pro-icon{align-items:center;display:flex;height:100%;justify-content:center}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{flex-grow:1;flex-shrink:1}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover{color:#d8d8d8}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover .pro-icon-wrapper .pro-icon{-webkit-animation:swing .5s ease-in-out 1 alternate;animation:swing .5s ease-in-out 1 alternate}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item:before{background:#ffd369}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{border-color:#ffd369;border-style:solid;border-width:0 2px 2px 0;display:inline-block;padding:2.5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;vertical-align:middle}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item:before{background:transparent!important}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:24px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 30px 8px 15px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item>.pro-icon-wrapper{background:none;height:auto;line-height:auto;min-width:auto;width:auto}.pro-sidebar .pro-menu:not(.inner-submenu-arrows) .pro-inner-list-item .pro-menu-item.pro-sub-menu .pro-inner-item .pro-arrow-wrapper{display:none}.pro-sidebar .pro-menu.shaped .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{background-color:#2b2b2b}.pro-sidebar .pro-menu.square .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:0}.pro-sidebar .pro-menu.round .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:4px}.pro-sidebar .pro-menu.circle .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:50%}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.prefix-wrapper,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.suffix-wrapper{opacity:0}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-list-item{background-color:#2b2b2b;z-index:111}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item:before{bottom:0;content:"";cursor:pointer;display:inline-block;left:0;position:absolute;right:0;top:0}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item{pointer-events:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{display:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{background-color:transparent;height:auto!important;max-height:100%;max-width:270px;min-width:220px;padding-left:3px;position:fixed;visibility:hidden}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-left:10px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{background-color:#2b2b2b;border-radius:4px;max-height:100vh;overflow-y:auto;padding-left:20px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover>.pro-inner-list-item{transition:visibility,-webkit-transform .3s;transition:visibility,transform .3s;transition:visibility,transform .3s,-webkit-transform .3s;visibility:visible}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon{-webkit-animation:swing .5s ease-in-out 1 alternate;animation:swing .5s ease-in-out 1 alternate}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 30px 8px 5px}.pro-sidebar.rtl .pro-menu .pro-menu-item .prefix-wrapper{margin-left:5px;margin-right:0}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item{padding:8px 20px 8px 35px}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{margin-left:10px;margin-right:0}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{left:20px;right:auto}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:0;padding-right:24px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 15px 8px 30px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{margin-left:15px;margin-right:0}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{padding-left:0;padding-right:3px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-right:10px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{padding-left:0;padding-right:20px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 5px 8px 30px}.popper-arrow{border-bottom:7px solid transparent;border-top:7px solid transparent;height:0;position:absolute;width:0;z-index:-1}.popper-element[data-popper-placement^=left]>.popper-arrow{border-right:7px solid #2b2b2b;right:0}.popper-element[data-popper-placement^=right]>.popper-arrow{border-left:7px solid #2b2b2b;left:0}.react-slidedown{height:0;transition-duration:.2s;transition-property:none;transition-timing-function:ease-in-out}.react-slidedown.transitioning{overflow-y:hidden}.react-slidedown.closed{display:none}.StatusPanel{background-color:#292d39;display:block}.StatusPanel .StatusPanel-play-button{padding:10px;width:100%}.StatusPanel .StatusPanel-button-group{margin:10px}.StatusPanel .StatusPanel-hide-scene-button{margin:12px}.StatusPanel .WebSocketUrlField{margin:10px}.StatusPanel-metrics{background-color:#222831;margin:5px;padding:10px}.StatusPanel-metrics div{display:block;font-size:14px;margin-left:5px;margin-top:3px;position:relative;text-align:left}.LandingModal-box{background-color:#222831;border:2px solid #000;left:50%;padding:32px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}.LandingModal-box .WebSocketUrlField{width:100%}.LandingModal-box .LandingModal-button{margin:3px}.CameraPanel-top-button{display:inline-block;margin:8px 4px 4px}.CameraPanel-slider-container{margin-left:20px;margin-right:20px;margin-top:40px}.CameraPanel-slider-button-container{margin-bottom:10px}.CameraPanel-slider-button-container button{margin:4px}.CameraList-container{padding:2px;position:relative}.CameraList-row{border:1px solid #606980;padding:4px;text-align:left}.CameraList-row-buttons{display:inline-block;float:right}.CameraList-row-time-interval>div{display:inline-block;margin:10px;text-align:center;width:100px}.ViewerWindow-render-crop-container,.WebRTCVideo,.canvas-container-main{border:1px solid #292d39;bottom:0;left:0;position:absolute;right:400px;top:0}.WebRTCVideo{z-index:1}.ViewerWindow-render-crop-container{align-items:center;display:flex;justify-content:center;z-index:2}.canvas-container-main{z-index:3}.WebRTCVideo-video{height:100%;object-fit:fill;width:100%}.ViewerWindow-render-crop{background-color:#000;display:flex;opacity:.2;vertical-align:middle;z-index:1}.ViewerWindow-camera-toggle{left:0;margin:10px auto auto;position:absolute;right:0;text-align:center;z-index:1000}.ViewerWindow-buttons{margin:10px;position:absolute;right:400px;top:0;width:50px;z-index:1000}.ViewerWindow-iconbutton{margin-top:5px}
/*# sourceMappingURL=main.ba73b5a4.css.map*/