.switch{--switch-track-width:34px;--switch-track-height:20px;--switch-thumb-size:16px;--switch-thumb-inset:2px;--switch-thumb-travel:calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-inset) * 2);--switch-track-color:var(--beige-200);--switch-track-color-checked:var(--evergreen-800);--switch-thumb-color:var(--white);--switch-thumb-shadow:none;width:34px;width:var(--switch-track-width);height:20px;height:var(--switch-track-height);padding:2px;padding:var(--switch-thumb-inset);background-color:var(--switch-track-color);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-fast) ease;flex-shrink:0}.switch[data-state=checked]{background-color:var(--switch-track-color-checked)}.switch:focus-visible{box-shadow:var(--focus-ring);outline:none}.switch--disabled{cursor:not-allowed;opacity:.5}.switch--size-small{--switch-track-width:28px;--switch-track-height:16px;--switch-thumb-size:12px}.switch__thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);background-color:var(--switch-thumb-color);border-radius:var(--radius-pill);box-shadow:var(--switch-thumb-shadow);transition:transform var(--duration-spring) var(--ease-spring);will-change:transform;display:block;transform:translate(0)}.switch__thumb[data-state=checked]{transform:translateX(var(--switch-thumb-travel))}@media (prefers-reduced-motion:reduce){.switch__thumb{transition:transform var(--duration-medium) var(--ease-out)}}.switch__row{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:inline-flex}.switch__row:has(.switch--disabled){cursor:not-allowed}.switch__label{color:var(--gray-900);font-size:14px;line-height:1.4}