
[_slider] {
	width: 45px;
	height: 23px;
	border: 2px solid black;
	border-radius: 20px;
	background: #ccc;
	-webkit-appearance: none;
	-webkit-transition: .2s;
	cursor: pointer;
	}
[_slider]:after {
	width: 15px;
	height: 15px;
	border: 1px solid black;
	background: #eee;
	display: block;
	content: '';
	border-radius: 15px;
	position: relative;
	top: 1px;
	left: 1px;
}
[_slider]:checked {
	background: lime;
	padding-left: 22px;
}
[_slider][r]:checked {
	background: red;
	padding-left: 22px;
}
[_slider][o]:checked {
	background: orange;
	padding-left: 22px;
}
[_slider][y]:checked {
	background: yellow;
	padding-left: 22px;
}
[_slider][g]:checked {
	background: lime;
	padding-left: 22px;
}
[_slider][b]:checked {
	background: #31F0F7;
	padding-left: 22px;
}
[_slider][p]:checked {
	background: purple;
	padding-left: 22px;
}
[_slider][pk]:checked {
	background: hotpink;
	padding-left: 22px;
}