.x-3deye-player *{box-sizing:border-box}.x-3deye-player{background-color:#000;position:relative}.x-3deye-player__zoomable-wrapper{height:100%;overflow:hidden;width:100%}.x-3deye-player video,.x-3deye-player__zoomable{height:100%;width:100%}.x-3deye-player video{bottom:0;left:0;position:absolute;right:0;top:0}.spinner{animation:spinner-rotation 1.5s linear infinite;height:65px;width:65px}.spinner circle{stroke-dasharray:207.34;stroke-dashoffset:0;animation:spinner-dash 1.5s ease-in-out infinite;transform-origin:center}@keyframes spinner-rotation{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:207.34}50%{stroke-dashoffset:51.835;transform:rotate(135deg)}to{stroke-dashoffset:207.34;transform:rotate(450deg)}}.x-3deye-player__camera-name-popover{background-color:#0f0f14cc;box-shadow:none;color:#fff;white-space:nowrap}.x-3deye-popover-container.x-3deye-player__camera-name-popover svg{--tip-background:#0f0f14;opacity:.8}.x-3deye-player__camera-name-popover button.x-3deye-button{font-size:inherit;pointer-events:auto}.x-3deye-player__camera-name-popover button.x-3deye-button:hover{text-decoration:underline}.x-3deye-player__camera-name{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000040;border-radius:16px;cursor:pointer;line-height:16px;opacity:.8;padding:2px 16px;text-shadow:1px 1px 1px #000}.x-3deye-player__camera-name:hover{text-decoration:underline}.x-3deye-button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;display:inline-flex;font-weight:500;height:32px;justify-content:center;letter-spacing:.0107142857em;padding:0 8px;position:relative;-webkit-user-select:none;user-select:none}.x-3deye-button sup{left:.25em;position:relative;top:-.5em}.x-3deye-button.x-3deye-button--fullwidth{width:100%}.x-3deye-button.x-3deye-button:not(:disabled):hover,.x-3deye-button:focus{background-color:rgba(var(--surface-highlight-rgb),.1)}.x-3deye-button--icon{align-items:center;border-radius:16px;display:inline-flex;height:32px;justify-content:center;padding:4px;width:32px}.x-3deye-button--action .icon{opacity:.5}.x-3deye-button--action:hover .icon{opacity:1}.x-3deye-button:disabled{opacity:.4}.x-3deye-button:not(:disabled){cursor:pointer}.x-3deye-button.x-3deye-button--filled,.x-3deye-button.x-3deye-button--text{border-radius:.25rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;min-width:80px;padding:0 1rem;text-transform:capitalize}.x-3deye-button.x-3deye-button--filled{background-color:#27b9a1;color:#fff}.x-3deye-button.x-3deye-button--filled:not(:disabled):hover{background-color:#22a38e}.x-3deye-button.x-3deye-button--filled:focus{box-shadow:0 0 0 2px #27b9a154;transition:box-shadow .2s cubic-bezier(.215,.61,.355,1)}.x-3deye-button canvas{color:rgb(var(--surface-highlight-rgb))}.x-3deye-button--overlay{background:#00000080;border:2px solid #ffffff40;color:#fff;pointer-events:auto}.x-3deye-button.x-3deye-button--overlay:focus,.x-3deye-button.x-3deye-button--overlay:not(:disabled):hover{background:#00000080;border:2px solid #ffffff80}.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled),.x-3deye-button.x-3deye-button--overlay.x-3deye-button--overlay-danger:not(:disabled):hover{background-color:#9c333180}.x-3deye-tooltip{background:#000000e6;border:1px solid #ffffff26;border-radius:4px;color:#fff;font-size:12px;padding:.5em 1em}.x-3deye-popover-container{animation:slide-in .15s ease-in;background:#222;border-radius:6px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;color:#fff;padding:8px;text-align:left}@media (prefers-reduced-motion:reduce){.x-3deye-popover-container{animation:none}}.x-3deye-popover-container .tip{--tip-background:#222;--tip-border:#ffffff0d}.x-3deye-player__stats>summary{line-height:24px}.x-3deye-player__stats>summary:hover{text-decoration:underline}.x-3deye-player__stats dl{display:table;font-size:.75rem;line-height:1.25rem;margin-bottom:.75rem;margin-top:0}.x-3deye-player__stats dl>div{display:table-row}.x-3deye-player__stats dl>div>dd,.x-3deye-player__stats dl>div>dt{display:table-cell}.x-3deye-player__stats dl>div>dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:100px;text-align:right}.x-3deye-live-indicator{background-color:#fff;color:#000000b3;font-weight:700;opacity:.8;padding:0 5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.x-3deye-button--live{background-color:#00000040;border-radius:15px;color:orange;height:24px;margin:0;padding:0 12px;text-shadow:1px 1px 1px #000;text-transform:uppercase}.x-3deye-player__overlay .x-3deye-button-go-live:focus{box-shadow:0 0 2px orange}.x-3deye-delay-indicator:hover{text-decoration:underline}.x-3deye-delay-indicator{background-color:#00000040;border-radius:15px;padding:2px 8px}.x-3deye-player__playback-indicator{animation:playback-indicator-fade-out .5s linear forwards;background-color:#00000080;border-radius:48px;display:none;height:48px;left:50%;padding:8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}@keyframes playback-indicator-fade-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.x-3deye-player__overlay{bottom:0;color:#fff;left:0;position:absolute;right:0;top:0}.x-3deye-player__controls{bottom:0;height:54px;left:0;opacity:0;pointer-events:none;position:absolute;right:0}.x-3deye-player__controls>*{pointer-events:auto}.x-3deye-player--paused .x-3deye-player__controls,.x-3deye-player__controls:focus-within,.x-3deye-player__overlay:hover .x-3deye-player__controls{opacity:1}.x-3deye-player__indicators{align-items:center;display:flex;pointer-events:none}.x-3deye-player__indicators>*{margin:5px}.x-3deye-player__overlay .x-3deye-button--live{margin:3px 5px;opacity:0}.x-3deye-button--live:focus,.x-3deye-player__overlay:hover .x-3deye-button--live{opacity:1}.x-3deye-player__overlay .x-3deye-player__camera-name{pointer-events:auto}.x-3deye-player__current-time{background-color:#00000040;border-radius:16px;font-size:11px;line-height:16px;padding:2px 16px;text-shadow:1px 1px 1px #000}.x-3deye-player__current-time--synced{background-color:#93dd1e99}.x-3deye-player__zoom-preview{background-color:#000000b3;border:1px solid #fff;display:flex;flex-direction:column;position:absolute;right:44px;top:50%;transform:translateY(-50%)}.x-3deye-player__zoom-preview .zoom-value{align-items:center;bottom:0;color:#fff;display:flex;font-family:monospace;font-size:32px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;text-shadow:0 1px 1px #000;top:0}.x-3deye-player__zoom-preview .x-3deye-player__zoomable{background-color:#ffffff80;flex:1 1;position:relative}.x-3deye-player__zoom-slider{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;border:2px solid #ffffff40;border-radius:4px;padding:10px 5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px}.x-3deye-player__zoom-slider .tick{border-top:1px solid #fff6;height:10px;margin-left:4px;width:12px}.x-3deye-player__zoom-slider .tick:nth-child(5n+1){border-top-width:2px;margin-left:0;width:20px}.x-3deye-player__zoom-slider .tick:last-child{height:0}.x-3deye-player__zoom-slider .rotation-button{color:#fff;margin-bottom:-4px;margin-left:-4px;padding:0;text-align:right;width:28px}.x-3deye-player__zoom-preview{display:none}.x-3deye-player__zoom-preview:focus,.x-3deye-player__zoom-preview:hover,.x-3deye-player__zoom-slider+.x-3deye-player__zoom-preview:focus,.x-3deye-player__zoom-slider:hover+.x-3deye-player__zoom-preview{display:block}.x-3deye-player__zoom-slider:has(+.x-3deye-player__zoom-preview:is(:focus,:hover)),.x-3deye-player__zoom-slider:is(:hover,:focus){display:block}.x-3deye-player__controls{display:flex;padding:8px}.x-3deye-player__controls .spacer{flex:1 1;pointer-events:none}.x-3deye-button.x-3deye-player__control{align-items:center;background-color:#1a1e1dcc;border-radius:0;color:#fff9;display:flex;height:38px;justify-content:center;width:38px}.x-3deye-player__controls--compact .x-3deye-player__control{padding:0}.x-3deye-player__control--reflowed,.x-3deye-player__controls--compact .x-3deye-player__control .icon{width:20px}.x-3deye-player__control+.x-3deye-player__control{border-left:1px solid #1a1e1d}.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control:hover{background-color:#2a2e2d;color:#fff}.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control:focus{background-color:#1a1e1dcc;box-shadow:0 0 0 .2rem #343a4080;z-index:1}.x-3deye-player__control:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.x-3deye-player__controls>.x-3deye-player__control:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.x-3deye-player__controls--spaced>.spacer+.x-3deye-player__control{border-bottom-left-radius:4px;border-top-left-radius:4px}.x-3deye-player__controls--spaced>.x-3deye-player__control.before-spacer{border-bottom-right-radius:4px;border-top-right-radius:4px}.x-3deye-button.x-3deye-player__control-close{background-color:#9c3331cc}.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control-close:hover{background-color:#9c3331}.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control-close:focus{background-color:#9c3331cc;box-shadow:0 0 0 .2rem #65142e80}.x-3deye-player--paused
	.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control-playpause{background-color:#316a9ccc}.x-3deye-player--paused
	.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control-playpause:hover{background-color:#316a9c}.x-3deye-player--paused
	.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control-playpause:focus{background-color:#316a9ccc;box-shadow:0 0 0 .2rem #14456580}.x-3deye-popover-container.popover-playbackrate{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1e1dcc;color:#fff;display:grid}.x-3deye-popover-container.popover-playbackrate .tip{--tip-background:#1a1e1dcc;--tip-border:#0000}.volume-control:focus .volume-range,.volume-control:focus-within .volume-range,.volume-control:hover .volume-range{transition:visibility 0s;visibility:visible}.volume-range{--surface-inverse:#ffffff26;--surface-highlight-rgb:255,255,255;--primary-color:#0067ac;--on-primary-color:#fff;background-color:#1a1e1d80;border-radius:4px;bottom:100%;display:flex;height:140px;justify-content:center;left:0;padding:16px 4px;position:absolute;transform-origin:16px 12px;transition:visibility 0s .5s;visibility:hidden;width:32px}.x-3deye-slider{align-items:center;display:flex;position:relative}.x-3deye-slider:focus-visible{outline:none}.x-3deye-slider.horizontal{height:20px;width:100%}.x-3deye-slider.vertical{flex-direction:column;height:100%;width:20px}.x-3deye-slider__track{background:#dcdcdc;background:var(--surface-inverse,#dcdcdc);flex:1 1;position:relative}.x-3deye-slider__bar{background-color:#0067ac;background-color:var(--primary-color,#0067ac);position:absolute}.x-3deye-slider.disabled .x-3deye-slider__bar{background-color:#a5a5a5}.x-3deye-slider.horizontal .x-3deye-slider__bar{bottom:0;left:0;top:0}.x-3deye-slider.vertical .x-3deye-slider__bar{bottom:0;left:0;right:0}.x-3deye-slider.horizontal .x-3deye-slider__track{height:3px}.x-3deye-slider.vertical .x-3deye-slider__track{width:3px}.x-3deye-slider__thumb{background:#fff;border-radius:50%;box-shadow:0 0 0 6px #0064ff00,inset 0 0 0 1px #0000001a,1px 1px 2px 0 #00000040;height:20px;transition:box-shadow .15s cubic-bezier(.45,.05,.55,.95) 0ms;width:20px;will-change:transform box-shadow}.x-3deye-slider:focus .x-3deye-slider__thumb,.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover{box-shadow:0 0 0 6px #0064ff1a,inset 0 0 0 1px #0000001a,1px 1px 2px 0 #00000040;box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.1),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider:focus .x-3deye-slider__thumb.active{box-shadow:0 0 0 6px #0064ff33,inset 0 0 0 1px #0000001a,1px 1px 2px 0 #00000040;box-shadow:0 0 0 6px rgba(var(--surface-highlight-rgb,0,100,255),.2),0 0 0 1px #0000001a inset,1px 1px 2px 0 #00000040}.x-3deye-slider.horizontal .x-3deye-slider__thumb{margin-left:-10px}.x-3deye-slider.vertical .x-3deye-slider__thumb{margin-bottom:-10px}.x-3deye-slider__label{background:#0067ac;background:var(--primary-color,#0067ac);border-radius:4px;bottom:50%;color:#fff;color:var(--on-primary-color,#fff);font-size:.75rem;left:50%;min-width:24px;padding:4px 8px;pointer-events:none;position:relative;touch-action:none;transform:translate(-50%,-100%) scale(0);transform-origin:center bottom;transition:transform .15s cubic-bezier(.45,.05,.55,.95) 0ms;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;will-change:transform}.x-3deye-slider:focus .x-3deye-slider__label,.x-3deye-slider:not(.disabled)
	.x-3deye-slider__thumb:hover
	.x-3deye-slider__label,.x-3deye-slider__label.open{transform:translate(-50%,-100%) scale(1)}.x-3deye-slider__label:before{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #0067ac;border-top:5px solid var(--primary-color,#0067ac);content:"";display:block;height:0;left:calc(50% - 5px);position:absolute;top:100%;width:0}.ptz-popover.x-3deye-popover-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0f0f14b3;border:1px solid #fff3;border-radius:6px;box-shadow:none;color:#fffc}.ptz-popover .tip{--tip-background:#0f0f1480;--tip-border:#fff3}.ptz-popover{--surface-inverse:#ffffff26;--surface-highlight-rgb:255,255,255;--primary-color:#0067ac;--on-primary-color:#fff}.segmented-control-wrapper{background-color:var(--surface-inverse);border-radius:6px;display:inline-grid}.segmented-control{--indicator-offset:0%;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;margin:2px;position:relative}.segmented-control-indicator{height:100%;pointer-events:none;position:absolute;transform:translateX(var(--indicator-offset));transition:.2s ease-in-out}.segmented-control-indicator-inner{background:#fff;border-radius:6px;box-shadow:0 0 5px #00000029;inset:0;position:absolute;transform:scale(1);transition:.2s}.segmented-control-indicator.active .segmented-control-indicator-inner{transform:scale(.95)}.segmented-control-button{background:none;border:none;color:currentColor;font-family:inherit;margin:2px;min-height:24px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;z-index:1}.segmented-control-button:not(.current):hover{opacity:.6}.segmented-control-button.current{color:#000}.box-selector{background-color:#00bfff80;border:2px solid #00bfff}.box-selector-close{background-color:skyblue;color:#026282;transition:.2s ease-in}.box-selector-close:hover{color:#fff}.box-selector-preview{height:40px;margin:20px 20px 0 10px;position:relative;width:40px}@keyframes expand-box-selector-preview{0%{height:16px;width:20px}to{height:30px;width:50px}}.box-selector-preview .box-selector{animation-duration:.5s;animation-name:expand-box-selector-preview;height:30px;position:relative;width:50px;will-change:width,height}.box-selector-preview .icon{bottom:-7px;position:absolute;right:-7px}.box-selector-select{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;border-radius:4px;color:#fffc;font-weight:700;padding:8px;text-align:center;text-transform:uppercase;width:content-width}.box-selector-cancel{pointer-events:auto}.App{font-family:sans-serif;text-align:center}body{background-color:#0e1425;color:#fff;font-family:Roboto,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}a{border:3px solid #61dafb;color:#61dafb;text-decoration:none}a,button{margin:5px;padding:1em}button{background-color:initial;border:2px solid #27b1ff;border-radius:10px;color:#27b1ff}.ack,button{cursor:pointer}.ack{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border:none;border-radius:4px;box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f;box-sizing:border-box;color:#fff;display:flex;font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;justify-content:center;line-height:16px;margin:10px 10px 10px 0;min-height:36px;min-width:100px;outline:none;overflow:hidden;padding:3px 8px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:initial;white-space:normal;width:15%}#Normal{background-color:#00820d}#Suspicious{background-color:#827500!important}#Loitering{background-color:#c89003!important}#Tresspassing{background-color:#894e00!important}#Theft{background-color:#892e00!important}#Emergency{background-color:#890000!important}input .ack{background-color:initial;border:2px solid #27b1ff;border-radius:10px;color:#27b1ff;cursor:pointer;margin:5px;padding:1em}.viewBox{max-height:50vh}.siteDetailsContainer,.viewBox{display:flex;justify-content:center}.siteDetailsContainer{column-count:3;margin:1em;max-height:30vh}.siteDetailsColumn{background-color:#0000005f;border:1px solid #757575;border-radius:10px;flex-direction:column;margin-left:10px;margin-right:10px;overflow:scroll;padding:10px;text-align:left;width:33%}.eventThumbnailColumn{border:1px solid #757575;border-radius:10px;vertical-align:middle;width:30%}.header{background-color:#000417;border-bottom:1px solid #374151;column-count:4;display:flex;font-size:1.25em;justify-content:center;max-height:70px;&& span{flex:4 1;margin-bottom:auto;margin-top:auto}}.goTo{margin:.5em;padding:.5em;width:150px}.primaryButtonRow{text-wrap:wrap;display:flex;flex-wrap:wrap;justify-content:center}.siteDetailsColumn h1,.siteDetailsColumn h2,.siteDetailsColumn h3,.siteDetailsColumn h4{margin:0}.siteDetailsColumn h5{color:#8e8e8e;margin:5px 0 0}.siteDetailsColumn a{color:#fff}.eventThumbnail{border:1px solid #757575;border-radius:10px;cursor:pointer;height:100%;margin-bottom:auto;margin-top:auto;position:relative;width:100%}.eventThumbnailEnlarge{cursor:pointer;max-height:95vh;max-width:95vw}.eventThumbnailDialog{background-color:initial;border:none;cursor:pointer;padding:0;width:90vw}::backdrop{background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,green);opacity:.75}
/*# sourceMappingURL=main.0203cece.css.map*/