@charset "utf-8";

/* FORM PANELS */
.form-panels {
	display: grid;
	gap: var(--gap);
	grid-template-columns: minmax(0, 1fr);
	margin-block: var(--margin-block);
	}

/* BOXES */
.form-panels-boxed {
	border-radius: var(--radius);
	}
.form-panels-bordered {
	border: 1px solid var(--background-trim);
	}

/* FORM */
.form-panels-form {
	order: 0;
	}
.form-panels-form.form-panels-boxed {
	padding: var(--margin-gap);
	}
.form-panels-header {
	color: var(--color-header);
	font-size: var(--text-h3);
	font-weight: var(--font-weight-heavy);
	line-height: var(--line-height-snug);
	margin-bottom: var(--margin-gap);
	text-wrap: balance;
	}
.form-panels-form .gform_wrapper {
	margin: 0;
	max-width: none;
	}

/* SIDE */
.form-panels-side {
	display: grid;
	gap: var(--gap);
	}

/* PODS */
.form-panels-pod.form-panels-boxed {
	padding: var(--cards-padding);
	}
.form-panels-pod-header {
	color: var(--color-header);
	font-size: var(--cards-header-size);
	font-weight: var(--cards-header-weight);
	line-height: var(--line-height-tight);
	margin-bottom: var(--space-10);
	text-wrap: balance;
	}
.form-panels-pod-text {
	color: var(--color-bright);
	font-size: var(--font-size-sm);
	}
.form-panels-pod-buttons {
	margin-top: var(--gap);
	}

/* ADJUSTMENTS */
@media (max-width: 59.99em) {
	.form-panels-side {
		display: contents;
		}
	.form-panels-pod-before {
		order: -1;
		}
	.form-panels-pod-after {
		order: 1;
		}
}
@media (min-width: 60em) {
	.form-panels {
		align-items: start;
		gap: var(--margin-gap);
		grid-template-columns: minmax(0, 1fr) minmax(0, 24rem);
		}
	.form-panels.form-panels-side-left {
		grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
		}
	.form-panels.form-panels-alone {
		grid-template-columns: minmax(0, 1fr);
		}
	.form-panels-side-left .form-panels-side {
		order: -1;
		}
	.form-panels-sticky .form-panels-side {
		position: sticky;
		top: var(--margin-block);
		}
}