.custom-switch{width:38px;height:22px;display:inline-block;position:relative}.custom-switch-input{opacity:0;width:0;height:0}.custom-switch-slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.custom-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}.custom-switch-input:checked+.custom-switch-slider{background-color:#8a2be2}.custom-switch-input:checked+.custom-switch-slider:before{transform:translate(16px)}