.wp-block-wrd-job-benefits {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	overflow: clip;
}

.wp-block-wrd-job-benefits__row {
	display: contents;
}

.wp-block-wrd-job-benefits.is-style-masonry {
	grid-template-columns: 1fr;
}

.wp-block-wrd-job-benefits.is-style-masonry .wp-block-wrd-job-benefits__row {
	display: grid;
	gap: inherit;
	grid-template-columns: repeat(auto-fill, 20rem);
	grid-template-rows: 1fr;
	grid-auto-flow: column;
	animation: wp-block-wrd-job-benefits__parallax linear;
	animation-timeline: view(y);
	animation-range: cover;
}

.wp-block-wrd-job-benefits.is-style-masonry
	.wp-block-wrd-job-benefits__row
	> * {
	min-width: 20rem;
}

.wp-block-wrd-job-benefits.is-style-masonry
	.wp-block-wrd-job-benefits__row:nth-child(odd) {
	animation-direction: reverse;
}

@keyframes wp-block-wrd-job-benefits__parallax {
	0% {
		translate: -20rem 0;
	}
	100% {
		translate: 0 0;
	}
}

@media (min-width: 768px) {
	.wp-block-wrd-job-benefits {
		gap: 1.5rem;
	}
}