:root{--cr-cctv-fade-duration-in:.3s;--cr-cctv-fade-duration-out:.2s;--cr-cctv-spinner-delay:.15s;--cr-cctv-freeze-msg-delay:.1s;--cr-cctv-easing-standard:cubic-bezier(.4, 0, .2, 1);--cr-cctv-blur-buffering:blur(8px);--cr-cctv-blur-frozen:blur(12px);--cr-cctv-overlay-buffering-bg:#0000004d;--cr-cctv-overlay-frozen-bg:#ff00001a;--cr-cctv-overlay-connecting-bg:#0000008c}.cr-cctv-freeze-canvas{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cr-cctv-overlay{pointer-events:none;opacity:0;transition:opacity var(--cr-cctv-fade-duration-in) var(--cr-cctv-easing-standard);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.cr-cctv-overlay--visible{opacity:1}.cr-cctv-overlay--buffering{-webkit-backdrop-filter:var(--cr-cctv-blur-buffering);background:var(--cr-cctv-overlay-buffering-bg)}@keyframes cr-cctv-spinner-fadein{0%{opacity:0}to{opacity:1}}.cr-cctv-overlay--frozen{-webkit-backdrop-filter:var(--cr-cctv-blur-frozen);background:var(--cr-cctv-overlay-frozen-bg)}.cr-cctv-overlay__message{opacity:0;animation:cr-cctv-msg-fadein var(--cr-cctv-fade-duration-out) var(--cr-cctv-easing-standard) var(--cr-cctv-freeze-msg-delay) forwards}@keyframes cr-cctv-msg-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cr-cctv-overlay--connecting{background:var(--cr-cctv-overlay-connecting-bg)}.cr-cctv-overlay__dot{opacity:0;animation:1.4s ease-in-out infinite cr-cctv-dot-fade;display:inline-block}.cr-cctv-overlay__dot--2{animation-delay:.25s}.cr-cctv-overlay__dot--3{animation-delay:.5s}@keyframes cr-cctv-dot-fade{0%,60%,to{opacity:0}30%{opacity:1}}.cr-cctv-overlay__message{color:#fff;text-align:center;text-shadow:0 1px 3px #0009;font-family:Pretendard,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.cr-cctv-overlay__spinner{opacity:0;width:28px;height:28px;animation:cr-cctv-spin .8s linear infinite, cr-cctv-spinner-fadein var(--cr-cctv-fade-duration-out) var(--cr-cctv-easing-standard) var(--cr-cctv-spinner-delay) forwards;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0}@keyframes cr-cctv-spin{to{transform:rotate(360deg)}}.cr-cctv-stream-container{width:100%;height:100%;position:relative}.cr-cctv-stream-container.cr-cctv-stream-paused:after{content:"";z-index:3;pointer-events:none;background:#00000059;position:absolute;inset:0}.cr-cctv-stream-wrapper{width:100%;height:100%;position:relative}.cr-cctv-action-buttons{z-index:4;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.cr-cctv-quality-badge{z-index:4;pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px}@keyframes cr-cctv-crossfade-in{0%{opacity:0}to{opacity:1}}.cr-cctv-stream-container video{animation:cr-cctv-crossfade-in var(--cr-cctv-fade-duration-in) var(--cr-cctv-easing-standard)}@media (prefers-reduced-motion:reduce){:root{--cr-cctv-fade-duration-in:0s;--cr-cctv-fade-duration-out:0s;--cr-cctv-spinner-delay:0s;--cr-cctv-freeze-msg-delay:0s}.cr-cctv-overlay__spinner{opacity:1;animation:1.5s linear infinite cr-cctv-spin,linear forwards cr-cctv-spinner-fadein}.cr-cctv-overlay__dot{opacity:1;animation:none}.cr-cctv-overlay--buffering{-webkit-backdrop-filter:none;background:#00000080}.cr-cctv-overlay--frozen{-webkit-backdrop-filter:none;background:#b4000040}}