.wcp-aws__fortune-wheel {
	--form-background: #521328;
	--form-font: 'Manrope', sans-serif;
	--heading-font-size: 24px;
	--heading-font-weight: 400;
	--heading-color: #F5F5F5;
	--wof-padding-lg: 87px 175px 87px 125px;
	--form-border: 0;
	--wof-border-radius: 15px;
	--button-background: #FFB144;
	--button-color: #521328;
	--button-font-size: 18px;
	--button-border-radius: 8px;
	--wheel-bg: url('/wp-content/themes/theme-child/aweber-subscribers/fortune/images/wheel.png') no-repeat center center;
	--wheel-pointer-bg: url('/wp-content/themes/theme-child/aweber-subscribers/fortune/images/pointer.png') no-repeat center center;;
	--wof-padding-mobile: 48px 16px 155px;
	--subhead-color: #F5F5F5;
	--subhead-font-size: 16px;
	--error-color: #fff;
	--error-bg: transparent;
	--error-agreement-margin-top: 0;
	--error-font-size: 12px;
	--error-font-weight: 400;
	--input-error-border: 1px solid #C94D76;

	--success-font-size: 24px;
	--success-font-weight: 400;
	--checkbox-label-color: #f5f5f5;
	--checkbox-border-color: #f5f5f5;
	--checkbox-size: 20px;
	--checkbox-tick-top: 1.5px;
	--checkbox-tick-left: 4px;
	--checkbox-radius: 2px;
	--checkbox-label-font-size: 14px;
	--input-border-radius: 8px;
}
.wcp-aws__fortune-wheel .wcp-aws-checkbox__mark {
	border: 1px solid var(--checkbox-border-color);
}
.wcp-aws__fortune-wheel:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('./images/backdrop-desktop.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.wcp-aws__fortune-wheel:before {
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	background-image: url('./images/blur.png');
	width: 588px;
	height: 300px;
	left: 0;
	bottom: 0;
}
.wcp-aws__fortune-wheel.wcp-aws__content-success .wcp-aws__wheel > div {
	display: none;
}
.wcp-aws__fortune-wheel.spin-complete {
	--wof-padding-mobile: 24px 16px;
	--wof-padding-lg: 48px 175px 48px 24px;
}
.wcp-aws__fortune-wheel.wcp-aws__content-success {
	--wof-padding-lg: 66px 0 102px;
	--wof-padding-md: 66px 0 102px;
	--wof-padding-mobile: 139px 16px;
}
.wcp-aws__fortune-wheel .wcp-aws__content-inner {
	position: relative;
	z-index: 3;
}
.wcp-aws__fortune-wheel .wcp-aws__success:before {
	display: none;
}
.wcp-aws__fortune-wheel .wcp-aws__spin {
	max-width: 240px;
	margin-bottom: 54px;
}
.wcp-aws__wheel:before{
	top: -15px;
	display: block;
}
@media (min-width: 769px) {
	.wcp-aws__fortune-wheel .wcp-aws__spin {
		max-width: 100%;
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-areas: "email" "submit" "agreement";
	}
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-columns: 224px 200px;
	}
	.wcp-aws__wheel:before{
		display: none;
	}
}
@media (min-width: 992px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-columns: 360px 200px;
	}
}
.wcp-aws__fortune-wheel .wcp-aws__input.wcp-aws__error--inline input {
	border-radius: var(--input-border-radius);
	border: var(--input-error-border);
}
.wcp-aws__fortune-wheel .wcp-aws__input.wcp-aws__error--inline:not(.wcp-aws__input--agreement) {
	border: 0;
}
.wcp-aws__fortune-wheel .wcp-aws__success > p {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.wcp-aws__fortune-wheel .wcp-aws__success > p br {
	display: none;
}