.cf-switch{--cf-switch-width:28px;--cf-switch-height:16px;--cf-switch-thumb:10px;align-items:center;gap:var(--cf-space-2);min-block-size:var(--cf-hit-target);color:var(--cf-text-primary);cursor:pointer;display:inline-flex;position:relative}[data-density=touch] .cf-switch{--cf-switch-width:44px;--cf-switch-height:24px;--cf-switch-thumb:16px}.cf-switch__track{inline-size:var(--cf-switch-width);block-size:var(--cf-switch-height);border:var(--cf-line-hairline) solid var(--cf-border-control);border-radius:var(--cf-radius-sm);background:var(--cf-surface-field);transition:background var(--cf-dur-base) var(--cf-ease-plane), border-color var(--cf-dur-base) var(--cf-ease-plane);flex:none;position:relative}.cf-switch__thumb{inline-size:var(--cf-switch-thumb);block-size:var(--cf-switch-thumb);border-radius:var(--cf-radius-xs);background:var(--cf-text-tertiary);transition:transform var(--cf-dur-base) var(--cf-ease-plane);margin-block-start:calc(var(--cf-switch-thumb) / -2);position:absolute;inset-block-start:50%;inset-inline-start:2px}.cf-switch[data-selected] .cf-switch__track{background:var(--cf-control-on);border-color:var(--cf-control-on)}.cf-switch[data-selected] .cf-switch__thumb{transform:translateX(calc(var(--cf-switch-width) - var(--cf-switch-thumb) - 6px));background:var(--cf-control-on-ink)}[dir=rtl] .cf-switch[data-selected] .cf-switch__thumb{transform:translateX(calc(-1 * (var(--cf-switch-width) - var(--cf-switch-thumb) - 6px)))}.cf-switch[data-hovered] .cf-switch__track{border-color:var(--cf-text-tertiary)}.cf-switch[data-focus-visible] .cf-switch__track{outline:var(--cf-line-strong) solid var(--cf-border-focus);outline-offset:2px}.cf-switch[data-disabled]{color:var(--cf-text-disabled);cursor:not-allowed}.cf-switch[data-disabled] .cf-switch__track{opacity:.45}