.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff;border-radius:34px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 2px #0a0a0a}.slider:before{content:"";background-color:#d9d9d9;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:4px}.switch input:checked+.slider{background-color:#4b4bbf}.switch input:checked+.slider:before{transform:translate(26px)}