.switch{width:36px;height:var(--s-5);border-radius:var(--r-pill);background:var(--bg-3);position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:var(--s-4);height:var(--s-4);border-radius:50%;background:var(--bg-0);box-shadow:0 1px 2px rgba(0,0,0,.15);transition:left var(--dur-fast) var(--ease-out)}.switch.on{background:var(--brand-300)}.switch.on:after{left:18px}.cb{width:18px;height:18px;border-radius:var(--r-xs);border:1.5px solid var(--border-3);background:var(--bg-0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.cb.checked{background:var(--brand-300);border-color:var(--brand-300)}.cb.checked:after{content:"";width:var(--s-2);height:var(--s-1);border-left:1.5px solid var(--bg-0);border-bottom:1.5px solid var(--bg-0);transform:rotate(-45deg) translate(.5px,-1px)}.ctrl-row{display:flex;align-items:center;gap:var(--s-2)}.ctrl-row__label{font-size:var(--fs-xs);color:var(--fg-2)}.ctrl-row__label--strong{color:var(--fg-1)}