.wbx-container {
	width: var(--wbx-content);
	margin-inline: auto;
}

.wbx-wide {
	width: var(--wbx-wide);
	margin-inline: auto;
}

.wbx-muted {
	color: var(--wbx-muted);
}

.wbx-eyebrow {
	color: var(--wbx-purple);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 760;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.wbx-grid-2,
.wbx-grid-3,
.wbx-grid-4 {
	display: grid;
	gap: var(--wbx-gap);
}

.wbx-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wbx-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wbx-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wbx-flow > * + * {
	margin-block-start: 1rem;
}

.wbx-rounded {
	border-radius: var(--wbx-radius-card);
}

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