
input[type="checkbox"].spf_toggle {
	width: 42px;
	height: 24px;
	border-radius: 999px;
	overflow: hidden;
	position: relative;
	background-color: var(--spf_admin_theme_icon_base_color);
	box-shadow: none;
	border: none;
	transition: background-color .25s cubic-bezier(.7,0,.3,1);
}

input[type="checkbox"].spf_toggle:before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	margin: 0;
	border-radius: 200%;
	position: absolute;
	left: 3px;
	margin-left: 0;
	right: auto;
	top: 3px;
	z-index: 2;
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.5);
	transition: left .25s cubic-bezier(.7,0,.3,1), margin-left .25s cubic-bezier(.7,0,.3,1);
}

input[type="checkbox"].spf_toggle:checked {
	background-color: var(--spf_admin_theme_secondary_color);
}

input[type="checkbox"].spf_toggle:checked:before {
	left: 100%;
	margin-left: -21px;
}





input[type='range'] {
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	background: transparent;
	width: 100px;
	cursor: pointer;
	outline: 0;
	--sx: calc(calc(calc(calc(var(--value) - var(--min)) * 100) / calc(var(--max) - var(--min))) * 1%);
}

input[type='range']::-webkit-slider-runnable-track {
	border-radius: 9999px;
	height: 10px;
	background-color: var(--spf_admin_theme_icon_base_color);
	background: linear-gradient(var(--spf_admin_theme_secondary_color), var(--spf_admin_theme_secondary_color)) 0 / var(--sx) 100% no-repeat, var(--spf_admin_theme_icon_base_color);
}

input[type="range"]::-moz-range-track {
	border-radius: 9999px;
	height: 10px;
	background-color: var(--spf_admin_theme_icon_base_color);
}

input[type='range']::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 200%;
	background: #FFFFFF;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.4);
	border: none;
	margin-top: -4px;
}

input[type="range"]::-moz-range-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 200%;
	background: #FFFFFF;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.4);
	border: none;
}


body.settings_page_simple-picture-fancybox-settings #wpbody-content .form-table tr.spf_hide {
	display: none;
}