.SwitchRoot{width:38px;height:20px;background-color:var(--cl-backdrop);border-radius:9999px;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgb(var(--cl-backdrop));border:1px solid rgb(var(--cl-foreground)/.3);transition:border-color .2s,opacity .4s;opacity:.8}.SwitchRoot:hover{opacity:1;border:1px solid rgb(var(--cl-foreground)/.5);transition:border-color .2s,opacity .24s}.SwitchThumb{display:block;width:16px;height:16px;border-radius:9999px;transition:transform .1s;transform:translateX(4px);will-change:transform}.SwitchThumb[data-state=checked]{transform:translateX(18px)!important}.Label{color:#fff;font-size:15px;line-height:1}