.x-3deye-player *{box-sizing:border-box}.x-3deye-player{background-color:#000;position:relative}.x-3deye-player__zoomable-wrapper{width:100%;height:100%;overflow:hidden}.x-3deye-player__zoomable{width:100%;height:100%;position:relative}.x-3deye-player video{width:100%;height:100%;position:absolute;inset:0}.x-3deye-player__overlay{color:#fff;position:absolute;inset:0}.x-3deye-player__controls{opacity:0;pointer-events:none;height:54px;display:flex;position:absolute;bottom:0;left:0;right:0}.x-3deye-player__controls>*{pointer-events:auto}.x-3deye-player__overlay:hover .x-3deye-player__controls,.x-3deye-player__controls:focus-within,.x-3deye-player--paused .x-3deye-player__controls{opacity:1}.x-3deye-player__indicators{pointer-events:none;align-items:center;display:flex;overflow:hidden}.x-3deye-player__indicators>*{margin:5px}.x-3deye-player__overlay .x-3deye-button--live{opacity:0;margin:3px 5px}.x-3deye-player__overlay:hover .x-3deye-button--live,.x-3deye-button--live:focus{opacity:1}.x-3deye-player__overlay .x-3deye-player__camera-name{pointer-events:auto}.x-3deye-player__current-time{text-shadow:1px 1px 1px #000;background-color:#00000040;border-radius:16px;padding:2px 16px;font-size:11px;line-height:16px}.x-3deye-player__current-time--synced{background-color:#93dd1e99}.x-3deye-player__zoom-preview{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:2px solid #ffffff40;border-radius:4px;display:none;overflow:hidden}.x-3deye-player__zoom-preview .zoom-value{color:#fff;text-shadow:0 1px 1px #000;justify-content:center;align-items:center;font-family:monospace;font-size:32px;font-weight:700;display:flex;position:absolute;inset:0}.x-3deye-player__zoom-preview .x-3deye-player__zoomable{background-color:#fff6;border-radius:4px;flex:1;position:relative}.x-3deye-player__zoom-preview:hover{display:block}.x-3deye-player__zoom-preview:has(+:hover){display:block}.x-3deye-player__zoom-preview:has(+:focus-within){display:block}.x-3deye-player__zoom-slider{--primary-color:orange;--surface-highlight-rgb:255,255,255;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.5;background-color:#00000080;border:2px solid #ffffff40;border-radius:4px;padding:10px 5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.x-3deye-player__zoom-slider:hover{opacity:1}.x-3deye-player__zoom-slider:focus-within{opacity:1;display:flex!important}.x-3deye-player__zoom-slider .x-3deye-slider__thumb{background:orange;width:16px;height:16px}.x-3deye-player__zoom-slider .rotation-button{text-align:right;color:#fff;width:28px;margin-bottom:-4px;margin-left:-4px;padding:0}.box-selector{background-color:#00bfff80;border:2px solid #00bfff}.box-selector-close{color:#026282;background-color:#87ceeb;transition:all .2s ease-in}.box-selector-close:hover{color:#fff}.box-selector-preview{width:40px;height:40px;margin:20px 20px 0 10px;position:relative}@keyframes expand-box-selector-preview{0%{width:20px;height:16px}to{width:50px;height:30px}}.box-selector-preview .box-selector{will-change:width,height;width:50px;height:30px;animation-name:expand-box-selector-preview;animation-duration:.5s;position:relative}.box-selector-preview .icon{position:absolute;bottom:-7px;right:-7px}.box-selector-select{color:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-transform:uppercase;text-align:center;width:content-width;background-color:#00000080;border-radius:4px;padding:8px;font-weight:700}.box-selector-cancel{pointer-events:auto}.x-3deye-player__controls{padding:8px;display:flex}.x-3deye-player__controls .spacer{pointer-events:none;flex:1}.x-3deye-button.x-3deye-player__control{color:#fff9;background-color:#1a1e1dcc;border-radius:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.x-3deye-player__controls--compact .x-3deye-player__control{padding:0}.x-3deye-player__controls--compact .x-3deye-player__control .icon,.x-3deye-player__control--reflowed{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{color:#fff;background-color:#2a2e2d}.x-3deye-button.x-3deye-button:not(:disabled).x-3deye-player__control:focus{z-index:1;background-color:#1a1e1dcc;box-shadow:0 0 0 .2rem #343a4080}.x-3deye-player__control:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.x-3deye-player__controls>.x-3deye-player__control:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.x-3deye-player__controls--spaced>.spacer+.x-3deye-player__control{border-top-left-radius:4px;border-bottom-left-radius:4px}.x-3deye-player__controls--spaced>.x-3deye-player__control.before-spacer{border-top-right-radius:4px;border-bottom-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);color:#fff;background:#1a1e1dcc;display:grid}.x-3deye-popover-container.popover-playbackrate .tip{--tip-background:#1a1e1dcc;--tip-border:transparent}.volume-control:hover .volume-range,.volume-control:focus .volume-range,.volume-control:focus-within .volume-range{visibility:visible;transition:visibility}.volume-range{--surface-inverse:#ffffff26;--surface-highlight-rgb:255,255,255;--primary-color:#0067ac;--on-primary-color:white;visibility:hidden;transform-origin:16px 12px;background-color:#1a1e1d80;border-radius:4px;justify-content:center;width:32px;height:140px;padding:16px 4px;transition:visibility 0s .5s;display:flex;position:absolute;bottom:100%;left:0}.x-3deye-button{color:inherit;-webkit-user-select:none;user-select:none;letter-spacing:.0107143em;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:0 8px;font-weight:500;display:inline-flex;position:relative}.x-3deye-button sup{position:relative;top:-.5em;left:.25em}.x-3deye-button.x-3deye-button--fullwidth{width:100%}.x-3deye-button:focus,.x-3deye-button.x-3deye-button:not(:disabled):hover{background-color:color(from var(--surface-highlight)srgb r g b/.1)}.x-3deye-button--icon{border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:inline-flex}.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{text-transform:capitalize;border-radius:.25rem;min-width:80px;padding:0 1rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500}.x-3deye-button.x-3deye-button--filled{background-color:var(--primary-color);color:var(--on-primary-color)}.x-3deye-button.x-3deye-button--filled canvas{color:var(--on-primary-color)}.x-3deye-button.x-3deye-button--filled:not(:disabled):hover{background-color:color(from var(--primary-color)srgb r g b/.9)}.x-3deye-button.x-3deye-button--filled:focus{box-shadow:0 0 0 2px color(from var(--primary-color)srgb r g b/.33);transition:box-shadow .2s cubic-bezier(.215,.61,.355,1)}.x-3deye-button canvas{color:var(--surface-highlight)}.x-3deye-button--overlay{pointer-events:auto;color:#fff;background:#00000080;border:2px solid #ffffff40}.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-slider{align-items:center;display:flex;position:relative}.x-3deye-slider:focus-visible{outline:none}.x-3deye-slider.horizontal{width:100%;height:20px}.x-3deye-slider.vertical{flex-direction:column;width:20px;height:100%}.x-3deye-slider__track{background:var(--surface-inverse,gainsboro);flex:1;position:relative}.x-3deye-slider__bar{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{top:0;bottom:0;left: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{will-change:transform box-shadow;background:#fff;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s cubic-bezier(.45,.05,.55,.95);box-shadow:0 0 0 6px #0064ff00,inset 0 0 0 1px #0000001a,1px 1px 2px #00000040}.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover,.x-3deye-slider:focus .x-3deye-slider__thumb{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 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{pointer-events:none;touch-action:none;will-change:transform;background:var(--primary-color,#0067ac);color:var(--on-primary-color,white);transform-origin:bottom;border-radius:4px;width:fit-content;min-width:24px;padding:4px 8px;font-size:.75rem;transition:transform .15s cubic-bezier(.45,.05,.55,.95);position:relative;bottom:50%;left:50%;transform:translate(-50%,-100%)scale(0)}.x-3deye-slider__label.open,.x-3deye-slider:not(.disabled) .x-3deye-slider__thumb:hover .x-3deye-slider__label,.x-3deye-slider:focus .x-3deye-slider__label{transform:translate(-50%,-100%)scale(1)}.x-3deye-slider__label:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--primary-color,#0067ac);width:0;height:0;display:block;position:absolute;top:100%;left:calc(50% - 5px)}.spinner{width:65px;height:65px;animation:1.5s linear infinite spinner-rotation}.spinner circle{stroke-dasharray:207.34;stroke-dashoffset:0;transform-origin:50%;animation:1.5s ease-in-out infinite spinner-dash}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:207.34px}50%{stroke-dashoffset:51.835px;transform:rotate(135deg)}to{stroke-dashoffset:207.34px;transform:rotate(450deg)}}.x-3deye-player__camera-name-popover{box-shadow:none;color:#fff;white-space:nowrap;background-color:#0f0f14cc}.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{pointer-events:auto;font-size:inherit}.x-3deye-player__camera-name-popover button.x-3deye-button:hover{text-decoration:underline}.x-3deye-player__camera-name{text-shadow:1px 1px 1px #000;opacity:.8;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000040;border-radius:16px;padding:2px 16px;line-height:16px}.x-3deye-player__camera-name:hover{text-decoration:underline}.x-3deye-live-indicator{-webkit-user-select:none;user-select:none;color:#000000b3;text-transform:uppercase;opacity:.8;background-color:#fff;padding:0 5px;font-weight:700}.x-3deye-button--live{color:orange;text-shadow:1px 1px 1px #000;text-transform:uppercase;background-color:#00000040;border-radius:15px;height:24px;margin:0;padding:0 12px}.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{pointer-events:none;background-color:#00000080;border-radius:48px;width:48px;height:48px;padding:8px;animation:.5s linear forwards playback-indicator-fade-out;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@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-popover-container{color:#fff;text-align:left;background:#222;border-radius:6px;padding:8px;animation:.15s ease-in slide-in;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff0d}@media (prefers-reduced-motion:reduce){.x-3deye-popover-container{animation:none}}.x-3deye-popover-container .tip{--tip-background:#222;--tip-border:#ffffff0d}.ptz-popover.x-3deye-popover-container{box-shadow:none;color:#fffc;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0f0f14b3;border:1px solid #fff3;border-radius:6px}.ptz-popover{--surface-inverse:#ffffff26;--surface-highlight-rgb:255,255,255;--primary-color:#0067ac;--on-primary-color:white}.x-3deye-tooltip{color:#fff;background:#000000e6;border:1px solid #ffffff26;border-radius:4px;padding:.5em 1em;font-size:12px}.x-3deye-player__stats>summary{line-height:24px}.x-3deye-player__stats>summary:hover{text-decoration:underline}.x-3deye-player__stats dl{margin-top:0;margin-bottom:.75rem;font-size:.75rem;line-height:1.25rem;display:table}.x-3deye-player__stats dl>div{display:table-row}.x-3deye-player__stats dl>div>dt,.x-3deye-player__stats dl>div>dd{display:table-cell}.x-3deye-player__stats dl>div>dd{font-variant-numeric:tabular-nums;text-align:right;min-width:100px}.segmented-control-wrapper{background-color:var(--surface-inverse);border-radius:8px;display:inline-grid}.segmented-control{--indicator-offset:0%;grid-auto-columns:1fr;grid-auto-flow:column;margin:2px;display:grid;position:relative}.segmented-control-indicator{pointer-events:none;height:100%;transform:translateX(var(--indicator-offset));transition:all .2s ease-in-out;position:absolute}.segmented-control-indicator-inner{background:#fff;border-radius:6px;transition:all .2s;position:absolute;inset:0;transform:scale(1);box-shadow:0 0 5px #00000029}.segmented-control-indicator.active .segmented-control-indicator-inner{transform:scale(.95)}.segmented-control-button{color:currentColor;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;z-index:1;background:0 0;border:none;min-height:24px;margin:2px;font-family:inherit;overflow:hidden}.segmented-control-button:not(.current):hover{opacity:.6}.segmented-control-button.current{color:#000}