.toggle{--w:42px;--h:24px;width:var(--w);height:var(--h);cursor:pointer;border-radius:var(--r-pill);background:#ffffff4c;border:none;flex:none;padding:0;transition:background .15s;position:relative}.toggle.is-on{background:var(--brand)}.toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}html.theme-light .toggle{background:#00000038}.toggle__knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle.is-on .toggle__knob{transform:translate(18px)}