.be-preview-grid {
	display: grid;
	gap: 0.5rem;
}
.be-preview-grid.cols-inf{
	display: flex;
	flex-flow: row wrap;
}
.be-preview-grid > div {
	box-sizing: border-box;
	min-height: auto;
	padding: 0.75rem 1rem;
	width: 100%;
}
.be-preview-grid.cols-inf > div{
	width: auto;
}
.be-preview-grid > div.box {
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 0.25rem;
}
.be-preview-grid.cols-inf > div.box{
	background-color: transparent !important;
	padding: 0;
}
html[data-color-scheme='dark'] .be-preview-grid > div.box {
	background-color: rgba(0, 0, 0, 0.15);
}
.mt-3 {
	margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
	.be-preview-grid.cols-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.be-preview-grid.cols-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.be-preview-grid.cols-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.be-preview-grid.cols-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	.be-preview-grid.cols-6 {
		grid-template-columns: repeat(6, 1fr);
	}
}