input[type=checkbox]{transform:scale(.5);position:relative;width:120px;height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(0deg,#333,#000);outline:none;border-radius:20px;box-shadow:0 0 0 4px #353535,0 0 0 5px #3e3e3e,inset 0 0 10px #000,0 5px 20px #00000080,inset 0 0 15px #0003;transition:.5s}input:checked[type=checkbox]{background:linear-gradient(0deg,#6dd1ff,#20b7ff);box-shadow:0 0 2px #6dd1ff,0 0 0 4px #353535,0 0 0 5px #3e3e3e,inset 0 0 10px #000,0 5px 20px #00000080,inset 0 0 15px #0003;transition:.5s}input[type=checkbox]:before{content:"";position:absolute;top:0;left:0;width:80px;height:40px;background:linear-gradient(0deg,#000,#6b6b6b);border-radius:20px;box-shadow:0 0 0 1px #232323;transform:scale(.98,.96);transition:.5s}input:checked[type=checkbox]:before{left:40px}input[type=checkbox]:after{content:"";position:absolute;top:calc(50% - 2px);left:65px;width:4px;height:4px;background:linear-gradient(0deg,#6b6b6b,#000);border-radius:50%;transition:.5s}input:checked[type=checkbox]:after{background:#63cdff;left:105px;box-shadow:0 0 5px #13b3ff,0 0 15px #13b3ff}