/**
 * Gravity Forms Columns: grids created by the Columns field.
 *
 * The grid spans the whole form width and places each of its fields in one
 * cell, whatever width the field was given in the form editor. The tablet and
 * mobile rules are added inline, using the breakpoints from the settings.
 */
.gform_wrapper .gfmc-columns {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(var(--gfmc-cols-desktop, 3), minmax(0, 1fr));
	column-gap: var(--gf-form-gap-x, 2%);
	row-gap: var(--gf-form-gap-y, 16px);
	min-inline-size: 0;
	margin: 0;
	padding: 0;
}

.gform_wrapper .gfmc-columns > .gfield {
	grid-column: auto !important;
	inline-size: auto;
	min-inline-size: 0;
	max-inline-size: none;
}

/* Row spacers from the form editor don't take a cell in the grid. */
.gform_wrapper .gfmc-columns > .spacer,
.gform_wrapper .gfmc-columns > .gfield-spacer {
	display: none !important;
}