.toggle-item{
	display:flex;
	justify-contents:flex-start;
}

.toggle-item .input label{
	display:flex;
}

.toggle-item input[type="checkbox"],
.toggle-item input[type="radio"]{
	display:none;
}

.toggle-item .toggler{
	cursor:pointer;
	transition:all .1s;
	background-color: #cecece;
    box-sizing: border-box;
    position: relative;
	border-radius: 99px;
    content: '';
    height: 20px;
    width: 34px;
}

.toggle-item .toggler::before{
	
}

.toggle-item .toggler::after{
	transition:all .1s;
	position: absolute;
	background-color: #f6f7f9;
    border: 1px solid #ccc;
    left: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
	border-radius: 99px;
    content: '';
    display: block;
}

.toggle-item.selected .toggler{
	background-color: #54a6f7;
}

.toggle-item.selected .toggler::after{
	left: 15px;
    border: 1px solid #54a6f7;
}