.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:24px;width:100%;height:100%;transition:background-color .3s}.slider:before{content:"";position:absolute;height:20px;width:20px;left:4px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.slider{background-color:#4caf50}.toggle-switch input:checked+.slider:before{transform:translate(26px)}