.switch{width:60px;height:30px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background-color:#ccc;border-radius:30px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#4da3ff}input:checked+.slider:before{transform:translate(30px)}