/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/social-proof-ribbon/style.css ***!
  \************************************************************************************************************************************************************************************************************/
.social-proof-ribbon {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	-moz-column-gap: var(--wp--preset--spacing--10);
	     column-gap: var(--wp--preset--spacing--10);
	row-gap: var(--wp--preset--spacing--20);
	justify-items: center;
	align-items: start;

	width: var(--wp--custom--wide-size);

	padding-inline: var(--wp--preset--spacing--10);
	padding-block: var(--wp--preset--spacing--30);

	background: var(--wp--preset--color--primary);
}

@media screen and (min-width: 350px) {
	.social-proof-ribbon {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 800px) {
	.social-proof-ribbon {
		grid-template-columns: repeat(3, 1fr);
		-moz-column-gap: var(--wp--preset--spacing--30);
		     column-gap: var(--wp--preset--spacing--30);
		row-gap: var(--wp--preset--spacing--30);
	}
}

@media screen and (min-width: 1000px) {
	.social-proof-ribbon {
		grid-template-columns: repeat(4, 1fr);
	}
}


/*# sourceMappingURL=style-index.css.map*/