.Switch{display:flex;flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}.Switch.disabled{pointer-events:none;opacity:.7}.Switch.between{width:100%;justify-content:space-between}.Switch input[type=checkbox]{height:0;width:0;opacity:0}.Switch .switcher-wrapper{border-radius:9999px;position:relative}.Switch .switcher{right:0;left:0;--tw-bg-opacity:1;background-color:rgb(var(--c-gray-400)/var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer}.Switch .switcher,.Switch .switcher:before{position:absolute;top:0;bottom:0;border-radius:9999px}.Switch .switcher:before{left:.125rem;--tw-content:"";content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--c-on-accent)/var(--tw-bg-opacity));--tw-shadow:0px 1px 2px 0px rgb(var(--c-shadow)/calc(.04 * var(--shadow-k, 1))),0px 2px 8px -2px rgb(var(--c-shadow)/calc(.06 * var(--shadow-k, 1)));--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color),0px 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-top:auto;margin-bottom:auto}.Switch .switcher--m{height:1.5rem;width:2.75rem}.Switch .switcher--m:before{height:1.25rem;width:1.25rem}.Switch .switcher--m .Switch-loader{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.Switch .switcher--l{height:2rem;width:3.75rem}.Switch .switcher--l:before{height:1.75rem;width:1.75rem}.Switch .switcher--l .Switch-loader{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.Switch input[type=checkbox]:checked+.switcher{--tw-bg-opacity:1;background-color:rgb(var(--c-accent)/var(--tw-bg-opacity))}.Switch input[type=checkbox]:checked+.switcher--m:before{--tw-translate-x:1.25rem}.Switch input[type=checkbox]:checked+.switcher--m .Switch-loader,.Switch input[type=checkbox]:checked+.switcher--m:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.Switch input[type=checkbox]:checked+.switcher--m .Switch-loader{--tw-translate-x:1.5rem}.Switch input[type=checkbox]:checked+.switcher--l:before{--tw-translate-x:1.75rem}.Switch input[type=checkbox]:checked+.switcher--l .Switch-loader,.Switch input[type=checkbox]:checked+.switcher--l:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.Switch input[type=checkbox]:checked+.switcher--l .Switch-loader{--tw-translate-x:2rem}.Switch-loader{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto}