.signupPopup .step_3 .description h4 {display: flex; padding: 0 .5rem;}
.signupPopup .step_3 .description h4 > span {display: flex; flex-direction: column;}
.signupPopup .step_3 .description h4 > span span + span {font-size: 1rem;}
.signupPopup .step_3 .description h4 .errorMessage {margin: auto auto 0 1rem; font-size: 1rem;}
.signupPopup .step_3 .description label {
	position: relative; margin-bottom: 1rem; overflow: hidden;
	border-radius: 20px; box-shadow: 0 2px 4px 2px rgba(0, 1, 3, 0.13);
}
.signupPopup .step_3 .description label:before {
	content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;
	background: linear-gradient(10deg, var(--color-main) 20%, transparent 70%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude; pointer-events: none;
}
.signupPopup .step_3 .description textarea {
	min-height: 78px; margin: 0; padding: .5rem 1rem; line-height: 20px;
	border: 0; border-radius: 0; box-shadow: none;
}
.signupPopup .step_3 .description textarea::-webkit-scrollbar {width: 12px;}
.signupPopup .step_3 .description textarea::-webkit-scrollbar-thumb {border-radius: 1rem 0 1rem 0;}
.signupPopup .step_3 .description textarea::-webkit-scrollbar-track {border-radius: 0 0 1rem 0;}

@media screen and (min-width: 40em) {
	.signupPopup .step_3 .description label {border-radius: 20px 20px 20px 0;}
	.signupPopup .step_3 .description label:before {border-radius: 20px 20px 20px 0;}
	.signupPopup .step_3 .description textarea {resize: vertical;}
	.signupPopup .step_3 .description textarea::-webkit-resizer {
		border-width: 8px; border-style: solid;
		border-color: transparent transparent var(--color-main) var(--color-main);
	}
}
