.spx-switch{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.spx-switch input{opacity:0;pointer-events:none;position:absolute}.spx-switch .track{background:var(--bg-sunken);border:.5px solid var(--border-strong);border-radius:var(--radius-full);corner-shape:round;width:44px;height:26px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex:none;position:relative}.spx-switch .track:after{content:"";corner-shape:round;background:var(--surface);width:21px;height:21px;transition:transform var(--dur-base) var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(0% 0 0/.25),0 0 0 .5px oklch(0% 0 0/.04)}.spx-switch input:checked+.track{background:var(--ink);border-color:#0000}.spx-switch input:checked+.track:after{background:var(--text-on-ink);transform:translate(18px)}.spx-switch input:focus-visible+.track{box-shadow:0 0 0 3.5px var(--focus-ring)}.spx-switch .lbl{font-size:var(--text-sm);color:var(--text)}