.checkbox{gap:var(--space-4);min-width:0;max-width:28rem;color:var(--color-text-default);border:0;margin:0;padding:0;display:grid}.checkbox-legend{margin-bottom:var(--space-4);color:var(--color-text-bright);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);padding:0}.checkbox-required{color:var(--color-status-danger-text);display:none}.checkbox-option{grid-template-columns:var(--density-icon,12px) minmax(0, 1fr);align-items:center;gap:var(--space-4);min-height:var(--space-24);padding:var(--space-2) 0;cursor:pointer;display:grid}.checkbox-control{width:var(--density-icon,12px);height:var(--density-icon,12px);color:var(--color-action-primary-text);display:inline-grid}.checkbox-control>*{grid-area:1/1}.checkbox-input{appearance:none;width:var(--density-icon,12px);height:var(--density-icon,12px);background:var(--color-surface-input);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);cursor:pointer;outline:0;margin:0}.checkbox-check,.checkbox-dash{width:var(--density-icon,12px);height:var(--density-icon,12px);stroke:currentColor;fill:none;pointer-events:none;display:none}.checkbox-text{font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}.checkbox-message{color:var(--color-status-danger-text);font-size:var(--font-size-caption);line-height:var(--font-line-height-caption);margin:0;display:none}@media (hover:hover){.checkbox-option:hover .checkbox-input:not(:disabled){background:var(--color-interaction-hover-bg)}.checkbox-option:hover .checkbox-input:checked:not(:disabled),.checkbox-option:hover .checkbox-input:indeterminate:not(:disabled){background:var(--color-action-primary-hover-bg)}}[data-state-hover] .checkbox-input{background:var(--color-interaction-hover-bg)}.checkbox-input:checked,[data-state-checked] .checkbox-input{background:var(--color-action-primary-bg)}.checkbox-input:checked~.checkbox-check,[data-state-checked] .checkbox-check{display:block}.checkbox-input:indeterminate,[data-state-mixed] .checkbox-input{background:var(--color-action-primary-bg)}.checkbox-input:indeterminate~.checkbox-check,[data-state-mixed] .checkbox-check{display:none}.checkbox-input:indeterminate~.checkbox-dash,[data-state-mixed] .checkbox-dash{display:block}[data-state-hover][data-state-checked] .checkbox-input,[data-state-hover][data-state-mixed] .checkbox-input{background:var(--color-action-primary-hover-bg)}.checkbox-input:focus-visible,[data-state-focus-visible] .checkbox-input{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.checkbox-input:checked:focus-visible,.checkbox-input:indeterminate:focus-visible,[data-state-checked][data-state-focus-visible] .checkbox-input,[data-state-mixed][data-state-focus-visible] .checkbox-input{outline:var(--focus-ring-contrast);outline-offset:var(--focus-offset)}.checkbox:has(.checkbox-input:required) .checkbox-required,[data-state-required] .checkbox-required{display:inline}.checkbox-input[aria-invalid=true],[data-state-invalid] .checkbox-input{border-color:var(--color-status-danger-border);border-width:var(--border-width-emphasis)}.checkbox:has(.checkbox-input[aria-invalid=true]) .checkbox-message,[data-state-invalid] .checkbox-message{display:block}.checkbox-input:disabled,[data-state-disabled] .checkbox-input{background:var(--color-interaction-disabled-bg);border-color:var(--color-border-disabled);cursor:not-allowed}.checkbox-input:disabled~.checkbox-check,.checkbox-input:disabled~.checkbox-dash,[data-state-disabled] .checkbox-check,[data-state-disabled] .checkbox-dash{color:var(--color-text-disabled)}.checkbox-option:has(.checkbox-input:disabled),[data-state-disabled] .checkbox-option{color:var(--color-text-disabled);cursor:not-allowed}.checkbox:disabled .checkbox-legend,[data-state-disabled] .checkbox-legend{color:var(--color-text-disabled)}@media (forced-colors:active){.checkbox-input:focus-visible,[data-state-focus-visible] .checkbox-input{outline-color:highlight}.checkbox-input:checked,.checkbox-input:indeterminate,[data-state-checked] .checkbox-input,[data-state-mixed] .checkbox-input{background:highlight}.checkbox-control{color:highlighttext}}