.x-switcher{&[data-v-40708afe]{--x-switch-color:var(--x-color-neutral-500);align-items:center;gap:8px;display:flex}&.inside[data-v-40708afe]{width:stretch;height:stretch}}.switcher[data-v-40708afe]{background-color:var(--x-switch-color);cursor:pointer;border-radius:16px;align-items:center;width:32px;height:24px;padding:0 4px;display:flex}.switcher[data-v-40708afe]:before{content:"";background-color:var(--x-color-neutral-0);border-radius:50%;width:16px;height:16px;transition:transform .5s;display:block}.x-switcher[data-v-40708afe]:has(input:checked){--x-switch-color:var(--x-color-success-500)}.x-switcher input:checked{&~.switcher[data-v-40708afe]:before{transform:translate(100%)}}.x-switcher:has(input:disabled){&[data-v-40708afe]{opacity:.3}& .switcher[data-v-40708afe]{cursor:default}}