.checkbox{align-items:center;gap:var(--space-label-gap);min-height:var(--size-touch-target);min-width:var(--size-touch-target);cursor:pointer;display:inline-flex}.checkbox--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.checkbox__root{all:unset;width:var(--checkbox-size);height:var(--checkbox-size);background:var(--color-surface-primary);border:var(--border-width-interactive) solid var(--color-border-strong);border-radius:var(--border-radius-interactive);cursor:pointer;transition:background-color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.checkbox__root:before{content:"";inset:calc((var(--size-touch-target) - var(--checkbox-size)) / -2);position:absolute}.checkbox__root:hover:not([disabled]){border-color:var(--color-accent-default)}.checkbox__root:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.checkbox__root[data-state=checked],.checkbox__root[data-state=indeterminate]{background:var(--color-accent-default);border-color:var(--color-accent-default)}.checkbox__root[disabled]{background:var(--color-surface-secondary);cursor:not-allowed}.checkbox__indicator{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.checkbox__icon{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-accent-foreground);display:none}.checkbox__root[data-state=checked] .checkbox__icon--check{display:block}.checkbox__root[data-state=indeterminate] .checkbox__icon--indeterminate{color:var(--color-accent-foreground);display:block}.checkbox__label{font-family:var(--font-family-base);font-size:var(--font-size-control);color:var(--color-text-primary);cursor:pointer;line-height:var(--line-height-control);-webkit-user-select:none;user-select:none}.checkbox--disabled .checkbox__label{color:var(--color-text-secondary);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.checkbox__root{transition:none}}