@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/inter-latin-400.dd05e326.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/inter-latin-600.62553d15.woff2) format("woff2")}
.vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.vg-tile{position:relative;aspect-ratio:16/9;background:#0d1317 url(/static/img/no-signal.c948469a.svg) center/cover no-repeat;border:1px solid #1e262d;border-radius:8px;overflow:hidden}
.vg-tile video,.vg-tile img{width:100%;height:100%;object-fit:cover;display:block}
.vg-tile.offline{background-image:url(/static/img/camera-offline.03613bf0.svg)}
.vg-badge{position:absolute;top:8px;left:8px;padding:2px 7px;font:600 11px/1.6 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#04120d;background:#14d3a8;border-radius:4px}
.vg-badge.rec{background:#ff6b6b;color:#1a0505}
.vg-name{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;font:400 12.5px/1.3 Inter,system-ui,sans-serif;color:#e8edf1;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.vg-time{font-variant-numeric:tabular-nums;color:#97a2ad}