@formCover: -1;
@formCoverImg: -1;
@formCoverImgWidth: 100%;
@formCoverImgHeight: 100%;

// added form logo styles only for advanced designer for old and new default theme
& when not (@formCover =-1) {
	.form-cover-wrapper {
		margin-bottom: unit(@formCoverBottomMargin, px);
	}

	.form-page-cover-image {
		width: unit(@formCoverImgWidth, px);
		aspect-ratio: @formCoverImgWidth / @formCoverImgHeight;
		content: url("@{formCoverImg}");
	}
}

& when (@formCover = -1) {
	.form-page-cover-image {
		display: none;
	}
}

.form-all {
	background-image: none;
}


@frameBgURL: "";
@frameBgRepeat: false;
@frameBgAttach: false;
@frameBgCover: true;

.form-section.page-section {
	& when not (@frameBgURL ="") {
		background-image: url("@{frameBgURL}");
	}

	& when (@frameBgURL ="|nobackground|") {
		background-image: none;
	}

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;

	& when (@frameBgRepeat =true) {
		background-repeat: repeat;
	}

	& when (@frameBgAttach =true) {
		background-attachment: fixed;
		background-size: auto;
	}

	& when (@frameBgCover =true) {
		background-size: cover;
	}
}


.form-section.page-section:not(:last-child) {
	margin-bottom: 72px;
}

.supernova .form-all, .form-all {
	background-color: transparent;
}