.signupPopup .step_2 h4 + p {margin-bottom: 1rem;}
.signupPopup .step_2 .line {gap: 2rem; align-items: start;}
.signupPopup .step_2 .label {font-size: 18px; font-weight: bold;}

.signupPopup .step_2 .button {display: block; width: 120px; margin: 1rem auto 0;}

.signupPopup .step_2 .photo {width: 100%;}
.signupPopup .step_2 .photo .label {margin-top: 1rem; text-align: center;}
.signupPopup .step_2 .photo .product {
	display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 2rem;
	padding: 1rem; border-radius: 20px; background-color: var(--color-main-lightest); color: black;
	box-shadow: 0 2px 4px 2px rgba(0, 1, 3, 0.25);
}
.signupPopup .step_2 .photo .product:hover {background-color: var(--color-main-light); color: black;}
.signupPopup .step_2 .photo .product span {font-size: 18px;}
.signupPopup .step_2 .photo .product b {font-size: 22px; font-weight: bold; color: var(--color-main);}

.signupPopup .step_2 .galleries {width: 95%;}
.signupPopup .step_2 .gallery {width: 100%;}
.signupPopup .step_2 .gallery .aBrowse {height: 100px !important;}
.signupPopup .step_2 .certificates {width: 100%; margin-top: 1rem;}
.signupPopup .step_2 .certificates .aBrowse {height: 100px !important;}

.signupPopup .step_2 .content_field_image {
	position: relative; width: 80%; margin: 0 auto; padding: 1rem;
	border-radius: 50%; border: 0; background-color: transparent;
}
.signupPopup .step_2 .content_field_image:before {
	content: ''; position: absolute; inset: 0; border-radius: 50%; padding: 2px;
	background: linear-gradient(-70deg, var(--color-main) 20%, transparent 60%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude; pointer-events: none;
}

.signupPopup .step_2 .content_field_image > img {width: 100%; border-radius: 50%; background-color: whitesmoke;}
.signupPopup .step_2 .content_field_image .aBrowse {display: block; cursor: default;}
.signupPopup .step_2 .content_field_image .aBrowse > span {display: none;}
.signupPopup .step_2 .content_field_image .aBrowse > i {
	position: absolute; right: 0; bottom: 8px; display: block; width: 54px; height: 54px;
	line-height: 54px; text-align: center; font-size: 23px; color: white;
	border-radius: 50%; background-color: var(--color-main);
}
.signupPopup .step_2 .content_field_image .aBrowse > i.fa-spinner {line-height: 52px;}
.signupPopup .step_2 .content_field_image .aBrowse > label {
	right: 0; top: unset; bottom: 8px; width: 54px; height: 54px; border-radius: 50%;
}
.signupPopup .step_2 .content_field_image .aBrowse > label:hover {background-color: #ffffff22;}
.signupPopup .step_2 .content_field_image .progress {bottom: 30px; left: 30%; width: 40%;}
.signupPopup .step_2 .content_field_image .progress div {background-color: var(--color-main);}
.signupPopup .step_2 .content_field_image .remove {
	left: 0; width: 54px; height: 54px; line-height: 54px; font-size: 20px;
	border-radius: 50%; background-color: var(--color-main-lightest);
}
.signupPopup .step_2 .content_field_image .remove:hover {font-weight: 100;}

.signupPopup .step_2 .content_field_gallery {
	position: relative; margin-bottom: 0; border: 0; border-radius: 20px;
	background-color: whitesmoke; box-shadow: 0 2px 4px 2px rgba(0, 1, 3, 0.15);
}
.signupPopup .step_2 .content_field_gallery:before {
	content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 2px;
	background: linear-gradient(10deg, var(--color-main), transparent 70%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude; pointer-events: none;
}
.signupPopup .step_2 .content_field_gallery .aBrowse {
	position: absolute; top: 3.5rem; left: -26px;
	display: flex; justify-content: center; align-items: center;
	width: 54px; height: 54px !important; padding: 0; border: 0; background: none;
}
.signupPopup .step_2 .content_field_gallery .aBrowse i {
	width: 54px; height: 54px; margin: 0; border-radius: 50%; background-color: var(--color-main);
	line-height: 54px; text-align: center; font-size: 23px; color: white;
}
.signupPopup .step_2 .content_field_gallery .aBrowse span {display: none;}
.signupPopup .step_2 .content_field_gallery .aBrowse > label {border-radius: 50%;}
.signupPopup .step_2 .content_field_gallery .aBrowse > label:hover {background-color: #ffffff22;}
.signupPopup .step_2 .content_field_gallery .items {
	padding: 1rem 1.5rem 1rem 2.5rem;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(auto-fill, minmax(120px, 1fr));
}
.signupPopup .step_2 .content_field_gallery .item .checkbox {display: none;}
.signupPopup .step_2 .content_field_gallery .item {border-radius: 12px; overflow: hidden;}

@media screen and (min-width: 40em) {
	.signupPopup .step_2 .photo {width: 29%;}
	.signupPopup .step_2 .galleries {width: 71%; padding-left: 2px;}

	.signupPopup .step_2 .content_field_gallery .items {grid-template-columns: repeat(5, 1fr);}
}