.sign-up {
	padding-top: 2.5rem;
	padding-bottom: 2rem;
}

@media screen and (min-width: 782px) {
	.sign-up {
		padding-top: 5rem;
		padding-bottom: 10rem;
	}
}

.sign-up .signup-form {
	max-width: 354px;
	margin: 0 auto;
}

.sign-up .signup-form .form-field:not(:last-child) {
	margin-bottom: 16px;
}

.sign-up .signup-form .form-field input[type="text"],
.sign-up .signup-form .form-field input[type="email"] {
	outline: none;
	color: var(--wp--preset--color--pink-600);
	font: inherit;
	font-size: 15px;
	border: none;
	border-radius: 3px;
	background: var(--wp--preset--color--red-700);
	padding: 8px 16px;
	width: 100%;
	display: block;
}

.sign-up .signup-form .form-field input[type="text"]::placeholder,
.sign-up .signup-form .form-field input[type="email"]::placeholder {
	color: #bd4b4a;
}

.sign-up .signup-form .field-hidden {
	display: none;
}

.sign-up .signup-form .form-checkbox {
	display: flex;
	align-items: center;
}

.sign-up .signup-form .form-checkbox:not(:last-child) {
	margin-bottom: 16px;
}

.sign-up .signup-form .form-checkbox input[type="checkbox"] {
	outline: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	background: var(--wp--preset--color--red-700);
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	display: block;
}

.sign-up .signup-form .form-checkbox input[type="checkbox"]:checked {
	background: url("../images/checkbox-active.svg") no-repeat right top;
}

.sign-up .signup-form .form-checkbox label {
	color: var(--wp--preset--color--pink-400);
	font-size: 14px;
	cursor: pointer;
	padding-left: 16px;
}

.sign-up .signup-form .disclaimer {
	color: var(--wp--preset--color--pink-400);
	font-size: 10px;
	margin-bottom: 30px;
}

.sign-up .signup-form .wp-block-button__link {
	font-size: 15px;
}

.sign-up .signup-form .form-message {
	color: #fff;
	margin-top: 1rem;
}

.sign-up .success-heading {
	text-transform: uppercase;
	margin-top: 5rem;
	margin-bottom: 24px;
}

.sign-up .success-heading::before {
	content: "";
	width: 48px;
	height: 48px;
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.414 17.414L21.414 33.414C21.024 33.804 20.512 34 20 34C19.488 34 18.976 33.804 18.586 33.414L10.586 25.414C9.804 24.632 9.804 23.368 10.586 22.586C11.368 21.804 12.632 21.804 13.414 22.586L20 29.172L34.586 14.586C35.368 13.804 36.632 13.804 37.414 14.586C38.196 15.368 38.196 16.632 37.414 17.414ZM24 4C12.954 4 4 12.954 4 24C4 35.046 12.954 44 24 44C35.046 44 44 35.046 44 24C44 12.954 35.046 4 24 4Z' fill='%23A2DB00'/%3E%3C/svg%3E%0A");
	margin: 0 auto 24px;
	display: block;
}

.signup-success-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.signup-success-modal .modal-content {
	max-width: 420px;
	width: 100%;
	text-align: center;
	border-radius: 16px;
	background: var(--wp--preset--color--red-500);
	padding: 2rem 1.5rem;
}

@media screen and (min-width: 600px) {
	.signup-success-modal .modal-content {
		padding: 4rem 2rem;
	}
}

.signup-success-modal .modal-content .modal-title {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0 0 30px;
}

@media screen and (min-width: 600px) {
	.signup-success-modal .modal-content .modal-title {
		font-size: 42px;
	}
}

.signup-success-modal .modal-content .modal-title::before {
	content: "";
	width: 48px;
	height: 48px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.414 13.414L17.414 29.414C17.024 29.804 16.512 30 16 30C15.488 30 14.976 29.804 14.586 29.414L6.586 21.414C5.804 20.632 5.804 19.368 6.586 18.586C7.368 17.804 8.632 17.804 9.414 18.586L16 25.172L30.586 10.586C31.368 9.804 32.632 9.804 33.414 10.586C34.196 11.368 34.196 12.632 33.414 13.414ZM20 0C8.954 0 0 8.954 0 20C0 31.046 8.954 40 20 40C31.046 40 40 31.046 40 20C40 8.954 31.046 0 20 0Z' fill='%23A2DB00'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
	background-size: cover;
	margin: 0 auto 20px;
	display: block;
}

@media screen and (min-width: 600px) {
	.signup-success-modal .modal-content .modal-title::before {
		width: 56px;
		height: 56px;
	}
}

.signup-success-modal .modal-content .modal-title::after {
	content: "";
	width: 80px;
	height: 2px;
	background: var(--wp--preset--color--pink-600);
	margin: 20px auto 0;
	display: block;
}

.signup-success-modal .modal-content .modal-text {
	color: var(--wp--preset--color--pink-400);
	font-size: 16px;
	margin: 0 0 25px;
}

.signup-success-modal .modal-content .wp-block-button__link {
	width: 100%;
	font-size: 18px;
}