/**
 * Switch toggle control CSS.
 */
.customize-control-colormag-toggle .customize-control-title {
	max-width: calc(100% - 50px);
}

.customize-control-colormag-toggle label {
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 12px;
	right: 0;
	top: 6px;
}

.customize-control-colormag-toggle label.toggle-description {
	right: 20px;
}

.customize-control-colormag-toggle label input {
	display: none;
}

.customize-control-colormag-toggle label input:checked + .switch:before {
	background-color: #289dcc;
}

.customize-control-colormag-toggle label input:checked + .switch:before {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.customize-control-colormag-toggle label .switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #b4b9be;
	border-radius: 8px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.customize-control-colormag-toggle label .switch:before {
	position: absolute;
	content: '';
	height: 20px;
	width: 20px;
	left: 0;
	bottom: -4px;
	background-color: #cccccc;
	border-radius: 100%;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}