.ui-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:inline-flex}.ui-toggle.--disabled{cursor:not-allowed;opacity:.5}.ui-toggle__track{background:var(--theme-surface-hover);border-radius:999rem;width:44rem;height:24rem;transition:background .2s;display:block;position:relative}.ui-toggle.--on .ui-toggle__track{background:var(--theme-accent)}.ui-toggle__thumb{background:var(--theme-foreground);border-radius:50%;width:20rem;height:20rem;transition:transform .2s;position:absolute;top:2rem;left:2rem}.ui-toggle.--on .ui-toggle__thumb{transform:translate(20rem)}