.preference_form:not(.is_loading) .sfmc_preferences .on_loading,
.preference_form:not(.is_success) .sfmc_preferences  .on_success,
.preference_form:not(.is_error) .sfmc_preferences  .on_error
{
	display: none;
}



/*
	Loading State
*/
.preference_form.is_loading {
	height: 300px;
	overflow: hidden;
}

.preference_form.is_loading .sfmc_preferences  .on_loading {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	height: 300px;
	background-color: var(--wp--preset--color--background, --BDbgcolor, #f9f7ff);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


/*
	Loader
*/
.loading_spinner {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	height: 100px;
}
.loading_spinner div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: calc(50% - 24px);
	top: calc(50% - 24px);
	width: 30px;
	height: 30px;
	margin: 8px;
	border: 4px solid var(--LNtxtcolor, currentColor);
	border-radius: 50%;
	animation: loading_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--LNtxtcolor, currentColor) transparent transparent transparent;
}
.loading_spinner div:nth-child(1) {
	animation-delay: -0.45s;
}
.loading_spinner div:nth-child(2) {
	animation-delay: -0.3s;
}
.loading_spinner div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes loading_spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
	Options
*/
.sfmc_preferences {
	margin-bottom: var(--wp--custom--greyd--input--spacing--padding--bottom, --FRMpaddingy, 0.5em);
}
.sfmc_preferences .option {
	display: flex;
	transition: all .2s ease;
	margin-bottom: 10px;
}
.sfmc_preferences input + .option {
	display: none;
}

.sfmc_preferences .greyd_multiradio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.sfmc_preferences .option .icn.switch {
	display: inline-block;
	margin-top: 4px;
	margin-right: 14px;
}