/* /Components/Video/VideoGrid.razor.rz.scp.css */
/* Dynamic video grid layouts */
.video-grid[b-d2hjrqdt40] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
}

.video-grid-1[b-d2hjrqdt40] {
    grid-template-columns: 1fr;
}

.video-grid-2[b-d2hjrqdt40] {
    grid-template-columns: 1fr 1fr;
}

.video-grid-4[b-d2hjrqdt40] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.video-grid-many[b-d2hjrqdt40] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.screen-share-view[b-d2hjrqdt40] {
    max-height: 60vh;
}