.cctv{-webkit-user-select:none;user-select:none;border:1px solid #1b2340;border-radius:4px;min-width:0;min-height:0;position:relative;overflow:hidden}.cctv.pick{cursor:pointer}.cctv.pick:hover{border-color:#e2c27db3}.cctv-feeds,.room-wall{position:relative}.cctv-wall{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cctv-nosignal{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;background:#04060d;place-items:center;font:600 11px/1 ui-monospace,SF Mono,Menlo,monospace;display:grid;position:absolute;inset:0}.cctv[data-live] .cctv-nosignal{display:none}.cctv-top,.cctv-rec,.cctv-time{color:#f2f2f2;text-shadow:0 0 2px #000,0 1px 1px #000;pointer-events:none;white-space:nowrap;font:600 10px/1.2 ui-monospace,SF Mono,Menlo,monospace;position:absolute}.cctv-top{gap:8px;display:flex;top:6px;left:7px;right:52px;overflow:hidden}.cctv-name{text-overflow:ellipsis;overflow:hidden}.cctv-rec{align-items:center;gap:4px;display:flex;top:6px;right:7px}.cctv-rec i{background:#ff3b30;border-radius:50%;width:7px;height:7px;animation:1s step-end infinite cctv-rec;box-shadow:0 0 4px #ff3b30}@keyframes cctv-rec{50%{opacity:.2}}.cctv-time{bottom:6px;left:7px}.cctv.spot .cctv-top,.cctv.spot .cctv-rec,.cctv.spot .cctv-time{font-size:14px}.cctv.spot .cctv-top{gap:12px;top:10px;left:12px;right:80px}.cctv.spot .cctv-rec{top:10px;right:12px}.cctv.spot .cctv-rec i{width:10px;height:10px}.cctv.spot .cctv-time{bottom:10px;left:12px}@media (prefers-reduced-motion:reduce){.cctv-rec i{animation:none}}