.toggle{background:var(--surface-dim);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);border-radius:10px;flex-shrink:0;padding:0;position:relative}.toggle--sm{border-radius:8px;width:28px;height:16px}.toggle--md{border-radius:10px;width:36px;height:20px}.toggle--lg{border-radius:12px;width:44px;height:24px}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-handle{background:var(--text-3);transition:all .2s var(--ease);pointer-events:none;border-radius:50%;position:absolute;top:2px;left:2px}.toggle--sm .toggle-handle{width:10px;height:10px}.toggle--md .toggle-handle{width:14px;height:14px}.toggle--lg .toggle-handle{width:18px;height:18px}button.toggle-on,button.toggle-on:hover{background:var(--accent);border-color:var(--accent)}.toggle-on .toggle-handle{background:#fff}.toggle-on.toggle--sm .toggle-handle{left:14px}.toggle-on.toggle--md .toggle-handle{left:18px}.toggle-on.toggle--lg .toggle-handle{left:22px}