input[type=checkbox].toggle-checkbox{height:0;width:0;visibility:hidden}label.toggle-label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:grey;display:block;border-radius:20px;position:relative}label.toggle-label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}input:checked+label.toggle-label{background:#bada55}input:checked+label.toggle-label:after{left:calc(100% - 2px);transform:translateX(-100%)}label.toggle-label:active:after{width:20px}.otp-group{display:flex;justify-content:space-between;margin-top:10px;max-width:300px}.otp-input{width:40px;height:40px;text-align:center;font-size:18px;border-radius:4px;border:1px solid #ccc;box-shadow:0 3px 6px 0 #cacaca}.error{color:red;margin-top:10px}.toggle-checkbox{height:0;width:0;visibility:hidden}.toggle-label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:grey;display:block;border-radius:20px;position:relative}.toggle-label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s}.toggle-checkbox:checked+.toggle-label{background:#bada55}.toggle-checkbox:checked+.toggle-label:after{left:calc(100% - 2px);transform:translateX(-100%)}.toggle-label:active:after{width:20px}