label.new-switcher-label {
	width:76px;
	height:36px;
	position: relative;
	display: block;
	background: var(--neutrals-n-200, #EEE);
	border-radius: 200px;
	cursor: pointer;
	transition: 0.3s;
}
label.new-switcher-label:after {
	content: "";
	width:30px;
	height: 30px;
	position: absolute;
	top:3px;
	left:3px;
	background: var(--neutrals-n-50, #FDFDFD);
	border-radius: 180px;
	transition: 0.3s;
}
input.new-switcher {
	width: 0;
	height: 0;
	visibility: hidden;
}
input.new-switcher:checked + label.new-switcher-label {
	background: var(--neutrals-n-700, #3D3D47);
}
input.new-switcher:checked + label.new-switcher-label:after {
	left:72px;
	transform: translateX(-100%);
	background: var(--neutrals-n-900, #2A2A33);
}
label.new-switcher-label:active:after{
	width: 60px;
}

label.new-switcher-label svg {
	position: absolute;
	width: 16px;
	top:9px;
	z-index: 8;
}
label.new-switcher-label svg.sun {
	left:10px;
	/*fill:#fff;*/
	transition: 0.3s;
}
label.new-switcher-label svg.moon {
	left:50px;
	/*fill:#7e7e7e;*/
	transition: 0.3s;
}
input.new-switcher:checked + label.new-switcher-label svg.sun path {
	stroke: white;
}
input.new-switcher:checked + label.new-switcher-label svg.moon path {
	stroke: white;
}