.sf-switch{border-radius:var(--radius-full);background:var(--color-surface-secondary);cursor:pointer;border:2px solid #0000;flex-shrink:0;align-items:center;width:36px;height:20px;padding:0;transition:background-color .15s;display:inline-flex}.sf-switch__thumb{border-radius:var(--radius-full);background:var(--color-accent-label);width:16px;height:16px;transition:transform .15s}.sf-switch--on{background:var(--color-accent-primary)}.sf-switch--on .sf-switch__thumb{transform:translate(16px)}.sf-switch:disabled{cursor:not-allowed;opacity:.5}.sf-switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}