[role=switch] {
	display: -ms-inline-grid;
	display: inline-grid;
	border: 1px solid #2e51a1;
	background-color: #d8d8d8;
	border-radius: 0.75rem;
	height: 1.5rem;
	width: 3rem;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}
[role=switch] > span {
	display: inline-block;
	background-color: white;
	border-radius: 50%;
	margin: 2%;
	width: calc(1.5rem - 2%);
	-webkit-transition: all 500ms;
	transition: all 500ms;
}
[role=switch][aria-checked=true] {
	background-color: #2e51a1;
}
[role=switch][aria-checked=true] > span {
	margin-left: calc(1.5rem - 5%);
}