.switch{position:relative;display:inline-block;width:26px;height:16px}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s;border-radius:50px}.slider:before{content:"";height:12.5px;width:12.5px;left:2px;bottom:2px;background-color:#fff}input.default:checked+.slider{background-color:#175ffa}input:checked+.slider:before{transform:translateX(9px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider-blue{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider-blue,.slider-blue:before{position:absolute;transition:.4s;border-radius:50px}.slider-blue:before{content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:#fff}input.default:checked+.slider-blue{background-color:#175ffa}input:checked+.slider-blue:before{transform:translateX(26px)}.slider-blue.round{border-radius:34px}.slider-blue.round:before{border-radius:50%}