:root{--header-top: 1rem}#container{position:relative;height:100dvh;background-color:#000;overflow:hidden}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);height:100%;overflow:hidden}.video-grid:has(.is-clicked) video{visibility:hidden}.video-grid-item{position:relative;overflow:hidden;cursor:pointer}.video-grid-item video{width:100%;height:100%;opacity:0;transition:opacity .2s}.video-grid-item.is-blind{cursor:auto;background:#0a0a0a}.video-grid-item.is-blind video{visibility:hidden}.video-grid-item.is-clicked{background-color:#0a0a0a;z-index:5;pointer-events:none}:is(.video-grid-item.is-visible:hover,.video-grid-item.is-clicked) .hud-text span{animation:flicker .1s linear infinite alternate}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer}.video-overlay video{width:100%;height:100%}.empty-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.empty-grid>div{border-color:#000;border-style:solid;border-width:0 4px 4px 0;pointer-events:none}.empty-grid>div:nth-child(4n){border-right:0}.empty-grid>div:nth-child(9),.empty-grid>div:nth-child(10),.empty-grid>div:nth-child(11),.empty-grid>div:nth-child(12){border-bottom:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;z-index:8}.hud .hud-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px}.hud .hud-cross:before,.hud .hud-cross:after{content:"";position:absolute;background-color:#ffffff80}.hud .hud-cross:before{top:50%;width:100%;height:1px;transform:translateY(-50%)}.hud .hud-cross:after{left:50%;width:1px;height:100%;transform:translate(-50%)}.hud .hud-text{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-family:JetBrainsMono}.hud .hud-text .hud-title-wrap,.hud .hud-text .hud-time-wrap{padding:2px 1px;background-color:#000}.hud .hud-cam{position:absolute;left:12px;bottom:12px;color:#ffffff80}@media (max-width: 768px){#container{padding-top:calc(var(--header-top) + 72px)}.video-grid{grid-template-columns:repeat(2,1fr)}.empty-grid{padding-top:calc(var(--header-top) + 72px);grid-template-columns:repeat(2,1fr)}.empty-grid>div:nth-child(2n){border-right:0}.empty-grid>div:nth-child(7),.empty-grid>div:nth-child(8){border-bottom:0}.empty-grid>div:nth-child(9),.empty-grid>div:nth-child(10),.empty-grid>div:nth-child(11),.empty-grid>div:nth-child(12){display:none}.video-overlay{height:calc(100dvh - (var(--header-top) + 72px));margin-top:calc(var(--header-top) + 72px)}.video-grid-item.is-visible:not(.is-clicked):hover .hud-text span{animation:none}.hud .hud-text .hud-title-wrap{display:none}}@keyframes flicker{0%{color:#fff}to{color:#ffffff80}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/video-grid.css.map */