.switch{--switch-w:38px;--switch-h:22px;--switch-pad:2px;width:var(--switch-w);height:var(--switch-h);padding:var(--switch-pad);border-radius:var(--lp-pill);background:var(--lp-line);cursor:pointer;border:none;flex:none;justify-content:flex-start;align-items:center;transition:background-color .16s;display:flex}.switch.is-on{background:var(--lp-light);justify-content:flex-end}.switch:disabled{opacity:.6;cursor:default}.switch-knob{width:calc(var(--switch-h) - (var(--switch-pad) * 2));height:calc(var(--switch-h) - (var(--switch-pad) * 2));border-radius:var(--lp-pill);background:var(--lp-muted)}.switch.is-on .switch-knob{background:var(--lp-ink)}