.switch{height:34px;position:relative;width:60px;display:inline-block}.switch input{display:none}.slider{right:0;bottom:0;top:0;background-color:#ccc;cursor:pointer;left:0}.slider,.slider:before{-webkit-transition:.4s;transition:.4s;position:absolute}.slider:before{height:26px;content:"";bottom:4px;background-color:#fff;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}