.switch[data-v-4b7d9ec7]{--local-track-width:calc(var(--size-component-switch-knob)*2 + var(--space-scale-2));--local-track-height:calc(var(--size-component-switch-knob) + var(--space-scale-2)*2);align-items:center;gap:var(--space-observed-gap-repeater-rows);border:var(--border-none);border-radius:var(--radius-4);font-family:var(--type-family-sans);font-size:var(--type-size-label);font-weight:var(--type-weight-regular);line-height:var(--type-leading-one);color:var(--color-text-strong);cursor:pointer;text-align:start;background:0 0;padding:0;display:flex}.switch[data-v-4b7d9ec7]:focus-visible{box-shadow:var(--focus-button);outline:var(--focus-native-outline)}.track[data-v-4b7d9ec7]{width:var(--local-track-width);height:var(--local-track-height);border-radius:var(--radius-round);background:var(--color-surface-switch-track-off);flex:none;display:inline-block;position:relative}.track-on[data-v-4b7d9ec7]{background:var(--color-role-accent)}.knob[data-v-4b7d9ec7]{top:var(--space-scale-2);left:var(--space-scale-2);width:var(--size-component-switch-knob);height:var(--size-component-switch-knob);border-radius:var(--radius-round);background:var(--color-role-surface);box-shadow:var(--shadow-switch-off);position:absolute}.knob-on[data-v-4b7d9ec7]{left:var(--size-component-switch-knob);box-shadow:var(--shadow-switch-on)}