body:not(.mobile) .video-viewer-viewer{align-items:stretch;column-gap:10px;display:flex;flex-wrap:nowrap;height:100%;width:100%}.video-viewer-viewer:not(.processed){overflow:hidden}.video-viewer-viewer:not(.processed) .video-viewer-navi-scroll{display:none}.video-current-indicator{float:right}.video-viewer-viewer:not(.has-video-items) .video-current-indicator{visibility:hidden}.video-viewer-viewer:not(.has-video-items) .video-range-slider-wrapper{opacity:0;visibility:hidden}.video-viewer-viewer.video-mode-playback.material-invalidate .video-current-indicator{visibility:hidden}.video-viewer-viewer.video-mode-playback.material-invalidate .video-range-slider-wrapper{visibility:hidden}body:not(.mobile) .video-viewer-viewer .video-viewer-navi{box-sizing:border-box;display:flex;flex:1 0;flex-direction:column;max-width:350px;min-width:200px;padding:0 5px;height:100%}body:not(.mobile) .video-viewer-viewer .video-viewer-navi .video-viewer-navi-scroll{overflow-x:hidden;overflow-y:auto}.video-viewer-viewer .video-viewer-navi.has-reopen .video-viewer-close-all{display:none}.video-viewer-viewer .video-viewer-navi:not(.has-reopen) .video-viewer-reopen-all{display:none}.video-viewer-viewer .video-viewer-navi .daterangepicker-wrapper{text-align:center}.buttons-wrapper-large .video-viewer-viewer .video-viewer-navi .button-default{padding-left:0;padding-right:0}body:not(.mobile) .video-viewer-viewer .video-viewer-view{box-sizing:border-box;flex:4 0}body.mobile .video-viewer-viewer .video-viewer-view{height:75vw}.video-viewer-viewer .video-viewer-button-container{align-items:stretch;column-gap:5px;display:flex;flex-wrap:nowrap;padding:3px 0 3px 0}.video-viewer-viewer .video-viewer-button-container .video-viewer-button{flex:1 0}.video-viewer-viewer .video-viewer-button-container .video-viewer-button button{text-align:center;transition:200ms;width:100%}.video-viewer-viewer .video-viewer-device{padding-top:5px;padding-bottom:5px;transition:500ms ease-in}.video-viewer-viewer .block-item.rows.video-viewer-device{padding:5px !important}body.mobile .video-viewer-viewer .block-item.rows.video-viewer-device{padding:10px !important}.video-viewer-viewer .video-viewer-device.disabled{opacity:.3}.video-viewer-viewer .video-viewer-device:not(.video-viewer-opened) .video-index-indicator{display:none}.video-viewer-viewer .video-viewer-device .video-index-indicator{padding-right:5px}.video-viewer-viewer .video-viewer-devices-group{margin:0;padding:0}.video-viewer-viewer .video-viewer-devices-group .video-devices-blocks-container>.blocks{margin:0;padding:0}.video-viewer-viewer .video-viewer-navi.video-quick-search-active .video-viewer-collapsible:not(.video-quick-search-results){display:none !important}.video-viewer-viewer .video-viewer-navi.video-quick-search-active .video-viewer-device:not(.video-quick-search-match){display:none !important}.video-viewer-layout{height:100%}table.video-viewer-layout{border-collapse:separate;border-spacing:0}.video-viewer-item{background-color:black;border:1px solid gray;box-sizing:border-box;display:block !important;height:100%;line-height:0;padding:0;margin:0;position:relative;transition:border .5s,background-color .5s,opacity .5s}.video-viewer-item.loading{border-color:yellow !important}.video-viewer-item.error{border-color:red !important}.video-viewer-item:not(.paused).live,.video-viewer-item:not(.paused).playback{border-color:green}.video-viewer-item.paused{border-color:blue}.video-viewer-item .video-viewer-loading{color:gray;font-size:250%;font-weight:bold;line-height:normal;margin:auto;position:absolute;visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}.video-viewer-item .video-viewer-loading>*{opacity:0;transition:opacity 1s ease-in}.video-viewer-item.loading .video-viewer-loading{visibility:visible}.video-viewer-item.loading .video-viewer-loading>*{opacity:100%}.video-viewer-item.loading .video-viewer-hover-navi>.video-viewer-hover-buttons{display:none}.video-viewer-item .video-viewer-empty{color:gray;display:none;font-size:250%;font-weight:bold;line-height:normal;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12}.video-viewer-item.empty .video-viewer-empty{display:block}.video-viewer-item .video-viewer-error{color:red;display:none;font-size:150%;line-height:normal;margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:13}.video-viewer-item.error .video-viewer-error{display:block}.video-viewer-item .video-viewer-video{box-sizing:border-box;background:black;min-height:100%;min-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .5s linear}.video-viewer-item.video-flip-vertical .video-viewer-video{transform:translate(-50%,-50%) scaleY(-1)}.video-viewer-item.video-flip-vertical:fullscreen .video-viewer-video{border:1px solid transparent}.video-viewer-item.stretch .video-viewer-video{object-fit:fill}.video-viewer-viewer:not(.processed) .video-viewer-video{display:none}.video-viewer-item.loading .video-viewer-video{display:none}.video-viewer-item.error .video-viewer-video{display:none}.video-viewer-item.material-empty .video-viewer-video{display:none}.video-viewer-item.material-gap-active .video-viewer-video{display:none}.video-viewer-hover-navi{background-color:rgba(0,0,0,0.75);border-radius:var(--border-radius__item);color:#fff;display:none;margin:auto;padding:5px;position:absolute;user-select:none;white-space:nowrap;top:10px;left:10px;z-index:20}.video-viewer-hover-navi .video-viewer-hover-item{display:inline-block;line-height:normal;opacity:.5;text-shadow:2px 2px 5px rgba(0,0,0,0.75)}.video-viewer-hover-navi .video-viewer-hover-item:hover:not(.disabled){cursor:pointer;opacity:1.0}.video-viewer-hover-navi>.video-viewer-hover-top .video-viewer-hover-text{display:inline-block;line-height:normal;padding-bottom:5px;text-shadow:2px 2px 5px rgba(0,0,0,0.75)}.video-viewer-hover-navi>.video-viewer-hover-top{white-space:nowrap}.video-viewer-hover-navi>.video-viewer-hover-buttons{padding-top:5px;text-align:left;font-size:150%}.video-viewer-item:not(.empty):hover .video-viewer-hover-navi{display:block}.video-viewer-item.error .video-viewer-hover-navi{display:block}.video-viewer-item.error .video-viewer-hover-navi>.video-viewer-hover-buttons{display:none}.video-viewer-item .video-viewer-close{float:right;margin-left:5px}.video-viewer-item .video-viewer-reload{float:right;margin-left:5px}.video-viewer-item.playing .video-viewer-hover-item.video-viewer-play,.video-viewer-viewer.video-mode-playback.material-sync-enabled .video-viewer-hover-item.video-viewer-play{display:none}.video-viewer-item.is-recording .video-viewer-hover-item.video-viewer-play{display:none}.video-viewer-item.is-recording .video-viewer-hover-item.video-viewer-backward,.video-viewer-item.is-recording .video-viewer-hover-item.video-viewer-forward{display:none}.video-viewer-item.paused .video-viewer-hover-item.video-viewer-pause,.video-viewer-viewer.video-mode-playback.material-sync-enabled .video-viewer-hover-item.video-viewer-pause{display:none}.video-viewer-item.is-recording .video-viewer-hover-item.video-viewer-pause{display:none}.video-viewer-item:fullscreen .video-viewer-close{display:none}.video-viewer-viewer:not(:fullscreen) .video-viewer-item.error .video-viewer-hover-item.video-viewer-fullscreen,.video-viewer-viewer:fullscreen .video-viewer-fullscreen{display:none}.video-viewer-item.is-recording .video-viewer-hover-item.video-viewer-recording-start,.video-viewer-item.material-empty .video-viewer-hover-item.video-viewer-recording-start,.video-viewer-item.playing .video-viewer-hover-item.video-viewer-recording-start,.video-viewer-item:not(.video-scale-default).playing .video-viewer-hover-item.video-viewer-recording-start{display:none}.video-viewer-item.is-exporting .video-viewer-hover-item.video-viewer-recording-start,.video-viewer-viewer.is-recording .video-viewer-item .video-viewer-hover-item.video-viewer-recording-start{display:none}.video-viewer-item:not(.is-recording) .video-viewer-hover-item.video-viewer-recording-stop{display:none}.video-viewer-item.material-pending .video-viewer-hover-navi>.video-viewer-hover-buttons{display:none}.video-viewer-ptz-controls-navi{background-color:rgba(0,0,0,0.5);border-radius:var(--border-radius__item);border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;color:#fff;display:none;line-height:normal;margin:auto;padding:5px;position:absolute;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,0.75);vertical-align:middle;user-select:none;white-space:nowrap;bottom:0;right:0;z-index:2}.video-viewer-ptz-controls-navi .video-viewer-ptz-control{font-size:175%}.video-viewer-ptz-controls-navi .video-viewer-ptz-control.nw,.video-viewer-ptz-controls-navi .video-viewer-ptz-control.ne,.video-viewer-ptz-controls-navi .video-viewer-ptz-control.sw,.video-viewer-ptz-controls-navi .video-viewer-ptz-control.se{font-size:150%}.video-viewer-ptz-controls-navi .video-viewer-ptz-control.nw{text-align:right;vertical-align:bottom}.video-viewer-ptz-controls-navi .video-viewer-ptz-control.ne{text-align:left;vertical-align:bottom}.video-viewer-ptz-controls-navi .video-viewer-ptz-control.se{text-align:left;vertical-align:top}.video-viewer-ptz-controls-navi .video-viewer-ptz-control.sw{text-align:right;vertical-align:top}.video-viewer-ptz-controls-navi .video-viewer-ptz-speed{padding:0;margin:0;width:90%}.video-viewer-viewer.video-viewer-ptz-controls-active .video-viewer-item:hover:not(.empty) .video-viewer-ptz-controls-navi{display:block}.video-viewer-ptz-controls-navi .video-viewer-ptz-control{opacity:.1}.video-viewer-item .video-viewer-ptz-controls-navi .video-viewer-ptz-control.enabled{opacity:.5}.video-viewer-item .video-viewer-ptz-controls-navi .video-viewer-ptz-control.enabled:hover{opacity:1;cursor:pointer}.video-viewer-item .video-viewer-ptz-controls-navi .video-viewer-ptz-control.enaabled.active{cursor:pointer;opacity:1.0}.video-viewer-item:not(.has-ptz-controls) .video-viewer-ptz-controls-navi{display:none !important}.video-viewer-item.error .video-viewer-ptz-controls-navi{display:none !important}.video-viewer-item.paused .video-viewer-ptz-controls-navi{display:none !important}.video-viewer-item.loading .video-viewer-ptz-controls-navi{display:none !important}.video-viewer-viewer:fullscreen{background-color:black;color:white;padding:10px !important}body.mobile .video-viewer-viewer:fullscreen{overflow-y:auto}.video-viewer-viewer:fullscreen .button-default{color:white}.video-viewer-viewer .video-playback-daterangepicker{padding:0}.video-viewer-viewer .video-playback-daterangepicker .daterangepicker-button{padding:10px}.video-viewer-viewer .video-playback-daterangepicker .daterangepicker-container{padding:10px}.video-viewer-viewer .video-playback-daterangepicker .daterangepicker-button.disabled{display:none}.video-viewer-viewer.video-playback-playing .video-viewer-navi .video-range-paused{display:none}.video-viewer-viewer:not(.video-playback-playing) .video-viewer-navi .video-range-playing{display:none}.video-viewer-viewer .video-viewer-item .video-viewer-scale{box-sizing:border-box;color:white;font-size:150%;opacity:0;position:absolute;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,1.0);bottom:15px;right:10px;z-index:2;transition:500ms}.video-viewer-viewer .video-viewer-item.video-scale-default .video-viewer-scale,.video-viewer-viewer .video-viewer-item:not(.video-scale-enabled) .video-viewer-scale{display:none}.video-viewer-viewer .video-viewer-item.video-scale-enabled.playing .video-viewer-scale{opacity:1.0}.video-viewer-item .video-viewer-material-empty{color:gray;display:none;font-size:150%;line-height:normal;margin:auto;opacity:.5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.video-viewer-item.material-empty .video-viewer-material-empty{display:block}.video-viewer-item.material-gap-active .video-viewer-material-empty{display:block}.video-viewer-viewer .video-range-slider-wrapper{display:block;width:100%}.video-viewer-viewer .video-range-slider{padding:0;margin:0;width:calc(100% - 10px)}.video-viewer-viewer .video-material-container{padding-top:10px}.video-viewer-viewer .video-material-container .video-material-indicator{padding:0 10px 2px 12px}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-index{position:absolute;margin-left:-15px;font-weight:bold}body.theme-dark .video-viewer-viewer .video-material-container .video-material-indicator .video-material-index{text-shadow:1px 1px 2px rgba(0,0,0,1)}body.theme-light .video-viewer-viewer .video-material-container .video-material-indicator .video-material-index{text-shadow:1px 1px 2px rgba(255,255,255,1)}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-timestamp{background-color:rgba(0,0,0,0.6);border-radius:3px;border:1px solid rgba(0,0,0,1.0);color:white;padding-left:5px;padding-right:5px;position:fixed;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1);vertical-align:middle;width:auto}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-timestamp:not(.active){display:none}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-stack-container{align-items:center;background:black;color:white;display:grid;grid-template-areas:"inner-div";place-items:center}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-stack-item{color:gray;grid-area:inner-div;text-align:center;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1);width:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-material{color:white;outline:1px solid rgba(128,128,128,0.5);box-sizing:border-box;height:1.5em;white-space:nowrap;width:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-material .video-material-canvas{height:1.5em;width:100%}.video-viewer-viewer:not(.material-search-enabled) .video-material-container .video-material-indicator.material-active .video-material-indicator-material{background-color:rgba(128,128,128,0.5)}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-loading{display:none}.video-viewer-viewer .video-material-container .video-material-indicator.material-pending .video-material-indicator-loading{display:block}.video-viewer-viewer .video-material-container .video-material-indicator.material-error .video-material-indicator-material{background-color:rgba(128,128,128,0.3)}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-error{display:none}.video-viewer-viewer .video-material-container .video-material-indicator.material-error .video-material-indicator-error{display:block}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-empty{display:none}.video-viewer-viewer .video-material-container .video-material-indicator.material-empty .video-material-indicator-empty{display:block}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active{display:none}.video-viewer-viewer .video-material-container .video-material-indicator.material-active .video-material-indicator-active{display:block}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table{box-sizing:border-box;table-layout:fixed;width:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table td{box-sizing:border-box;border-collapse:collapse;border-spacing:0;white-space:nowrap}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table td.sub{border-right:1px solid rgba(255,255,255,1.0);box-sizing:border-box;padding:0}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table td.main{border-right:1px solid rgba(255,255,255,1.0);box-sizing:border-box;padding:0}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table td.has-text{color:rgba(255,255,255,1.0);padding-left:5px;text-align:left}.video-material-indicator.material-pending .video-material-indicator-active>table td.hide-on-loading,.video-viewer-viewer .video-material-container .video-material-indicator.material-empty .video-material-indicator-active>table td.hide-on-error,.video-viewer-viewer .video-material-container .video-material-indicator.material-error .video-material-indicator-active>table td.hide-on-error{opacity:0}@media(max-width:950px){.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-active>table td.has-text{display:none}}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-position{position:relative;height:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-indicator-position>div{background-color:red;position:absolute;top:0;width:1px;height:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-ui-layer{cursor:crosshair;height:100%;vertical-align:middle;width:100%}.video-viewer-viewer .video-material-container .video-material-indicator .video-material-ui-layer>div{height:100%}.video-viewer-viewer .video-viewer-item .video-viewer-recording{font-size:150%;position:absolute;top:10px;right:10px;text-shadow:2px 2px 5px rgba(0,0,0,0.75);z-index:9}.video-viewer-viewer .video-viewer-item:not(.is-recording) .video-viewer-recording{display:none}.video-viewer-viewer .video-viewer-item .video-viewer-exporting{font-size:150%;position:absolute;top:10px;right:10px;text-shadow:2px 2px 5px rgba(0,0,0,0.75);z-index:9}.video-viewer-viewer .video-viewer-item:not(.is-exporting) .video-viewer-exporting{display:none}