.dsve-grid {
	display: grid;
	grid-template-columns: repeat(var(--dsve-grid-cols, 3), 1fr);
	gap: 32px 24px;
	width: 100%;
}

.dsve-grid-item {
	display: flex;
	flex-direction: column;
}

/* .dsve items inside a grid shouldn't fight the grid cell for width -
   the cell itself is already the right size, so let the video fill it
   rather than applying its own centered max-width. */
.dsve-grid-item .dsve {
	max-width: 100%;
	margin: 0;
}

@media (max-width: 900px) {
	.dsve-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.dsve-grid {
		grid-template-columns: 1fr;
	}
}