.switch{border-radius:var(--pill);background:var(--ink);cursor:pointer;border:0;flex:none;width:42px;height:24px;transition:background .3s;position:relative}.switch:after{content:"";background:var(--on-ink);width:18px;height:18px;transition:inset-inline-start .35s var(--spring);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:21px}.switch[aria-checked=false]{background:var(--line-2)}.switch[aria-checked=false]:after{inset-inline-start:3px}.switch:disabled{opacity:.6;cursor:not-allowed}html.static .switch:after{transition:none}.tgl{border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.tgl b{font-size:14px;display:block}.tgl span{color:var(--muted);font-size:12.5px}.tgl-end{align-items:center;gap:14px;display:flex}.tgl .tgl-state{min-inline-size:6.5ch;color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.tgl .tgl-state.on{color:var(--select-ink)}.tgl-critical .switch[aria-checked=true]{background:var(--select)}.tgl-critical .switch[aria-checked=true]:after{background:var(--on-solid)}.tgl-critical .switch:focus-visible{outline:2px solid var(--select);outline-offset:2px}@media (pointer:coarse){.switch:before{content:"";inset-block:calc((24px - var(--touch-target)) / 2);position:absolute;inset-inline:-4px}}