/* ------------------------------ */
/* GENERAL */
/* ------------------------------ */
	
	.form-preview {
		background-color: var(--n96);

		display: flex;
		flex-direction: column;
		column-gap: var(--sp400);
		row-gap: var(--sp400);
		justify-content: center;
		align-items: center;
		align-content: stretch;
		
		padding: 8rem 8rem;
	}
	.form-preview .section {
		display: flex;
		flex-direction: row;
		row-gap: var(--sp200);
		column-gap: var(--sp200);

		align-content: stretch;
		
	}

	.form-wrapper.units .input-wrapper {
		max-width: 24rem;
	}

	#resultSentenceRuleOfThree {
		text-align: right;
	}
	#resultSentenceRuleOfThreeNoResult {
		text-align: right;
	}

	.icon-direction {
		
		width:  10rem;
		

	  	background-repeat: no-repeat;
	  	background-size: 3.2rem;
	  	background-position: center;

		background-image: url("../../../_global/resources/ic/ic_arrow_right_n20.svg");
	}

	

/* ------------------------------------------------------------ */
/* ------------------------------ */
/* RESPONSIVE */
/* ------------------------------ */
/* < 640 ------------------------------------------------------------ */
	@media screen and (max-width: 640px) {

		.form-preview {
			row-gap: var(--sp600);
		}
		.form-preview .section {			
			flex-direction: column;
		}
		.icon-direction {
			display: none;
		}

	}
/* 640 ------------------------------------------------------------ */
	@media (max-width:767px) and (min-width:640px) {	

		.form-preview {
			row-gap: var(--sp600);
		}
		.form-preview .section {			
			flex-direction: column;
		}
		.icon-direction {
			display: none;
		}		

	}
/* 768 ------------------------------------------------------------ */
	@media (max-width:1023px) and (min-width:768px) {
		

								
	}
/* 1024 ------------------------------------------------------------ */
	@media (max-width:1279px) and (min-width:1024px) {



	}	
/* 1280 ------------------------------------------------------------ */
	@media (max-width:1919px) and (min-width:1280px) {



	}
/* 1440 ------------------------------------------------------------ */
	@media (max-width:1919px) and (min-width:1440px) {



	}	
/* 1920 ------------------------------------------------------------ */
	@media (max-width:2559px) and (min-width:1920px) {



	}
/* > 2560 ------------------------------------------------------------ */
	@media screen and (min-width: 2560px) {



	}