.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#3f3f46;border-radius:24px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 4px #22c55e40}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-slider.error{background-color:#7f1d1d}.toggle-switch input:checked+.toggle-slider.error{background-color:#ef4444}