/**
 * Utility classes that editors add in a block's Additional CSS class(es)
 * field. They used to live in the Site Editor's Additional CSS; the rules are
 * unchanged, including the 768px breakpoint.
 */

/* stylelint-disable selector-class-pattern, declaration-no-important -- moved unchanged. */

/* Group block: removes its border on mobile. */
@media ( max-width: 768px ) {
	.border-none-mobile {
		border: none !important;
	}
}

/* Group block with the Grid layout: stacks its items in one column on mobile. */
@media ( max-width: 768px ) {
	.grid-stack {
		display: grid;
		grid-template-columns: 1fr !important;
		grid-template-rows: 1fr !important;
	}
}