.switch{position:relative;display:inline-block;width:35px;height:15px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ff4b4b;-webkit-transition:0.25s;transition:0.25s}.slider:before{position:absolute;content:"";height:17px;width:17px;left:-2.5px;top:-2.5px;background-color:white;-webkit-transition:0.25s;-webkit-transition:0.25s cubic-bezier(0.215, 0.61, 0.355, 1);transition:0.25s cubic-bezier(0.215, 0.61, 0.355, 1);border:1px solid lightgray}input:checked+.slider{background-color:#4bff4b}input:disabled+.slider{background-color:#ff4b4b;cursor:not-allowed}input:disabled+.slider:before{background-color:#ff4b4b;border:1px solid #ff4b4b;cursor:not-allowed}input:focus+.slider{-webkit-box-shadow:0 0 1px #4bff4b;box-shadow:0 0 1px #4bff4b}input:hover+.slider{-webkit-transform:scale(1.1);transform:scale(1.1)}input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
