.c-switch{align-items:center;gap:var(--c-space-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--c-font-sans);font-size:var(--c-text-sm);color:var(--c-color-text);display:inline-flex}.c-switch[data-disabled]{opacity:.55;cursor:not-allowed}.c-switch__native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.c-switch__track{background:var(--c-color-border-strong);border-radius:var(--c-radius-full);width:36px;height:20px;transition:background-color var(--c-motion-fast) var(--c-motion-ease-out);display:inline-block;position:relative}.c-switch__thumb{background:var(--c-color-surface);width:16px;height:16px;box-shadow:var(--c-shadow-sm);transition:transform .2s var(--c-motion-spring);border-radius:50%;position:absolute;top:2px;left:2px}.c-switch[data-checked] .c-switch__track{background:var(--c-tone,var(--c-color-primary))}.c-switch[data-checked] .c-switch__thumb{transform:translate(16px)}.c-switch[data-size=sm] .c-switch__track{width:28px;height:16px}.c-switch[data-size=sm] .c-switch__thumb{width:12px;height:12px}.c-switch[data-size=sm][data-checked] .c-switch__thumb{transform:translate(12px)}.c-switch[data-size=lg] .c-switch__track{width:48px;height:26px}.c-switch[data-size=lg] .c-switch__thumb{width:22px;height:22px}.c-switch[data-size=lg][data-checked] .c-switch__thumb{transform:translate(22px)}.c-switch__native:focus-visible+.c-switch__track{outline:2px solid var(--c-color-focus-ring);outline-offset:2px}