.vx-switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:var(--type-body);color:var(--text-1)}
.vx-switch__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.vx-switch__input:focus-visible{outline:none;box-shadow:none}
.vx-switch__input:focus-visible ~ .vx-switch__track{outline:none;box-shadow:var(--ring)}
.vx-switch__track{width:38px;height:22px;border-radius:var(--radius-pill);background:var(--warm-750);
  border:1px solid var(--border-2);box-shadow:var(--inset-sunken);position:relative;transition:var(--transition-control);flex:0 0 auto}
.vx-switch__track--on{background:var(--accent);border-color:var(--accent)}
.vx-switch__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:var(--warm-100);box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out)}
.vx-switch__track--on .vx-switch__knob{transform:translateX(16px);background:#fff}
.vx-switch--disabled{opacity:.45;cursor:not-allowed}