.switch{position:relative;display:inline-block;height:1.5rem;width:3rem}.switch .slider{inset:0;cursor:pointer;border-radius:1.5rem;background-color:rgb(0 0 0/var(--tw-bg-opacity));opacity:.2}.switch .slider,.switch .slider:before{position:absolute;--tw-bg-opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.switch .slider:before{left:3px;bottom:3px;height:18px;width:18px;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-content:"";content:var(--tw-content)}.switch input{height:0;width:0;opacity:0}.switch input:checked+.slider{--tw-bg-opacity:1;background-color:rgb(146 95 255/var(--tw-bg-opacity));opacity:1}.switch input:checked+.slider:before{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}