.checkbox{--checkbox-mark-size:var(--space-12);appearance:none;border-radius:var(--radius-xs);background:var(--color-surface-sunken);color:var(--color-text-on-accent);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.checkbox--sm{--checkbox-mark-size:var(--space-8);width:var(--space-16);height:var(--space-16)}.checkbox--md{--checkbox-mark-size:var(--space-12);width:var(--space-24);height:var(--space-24)}.checkbox--lg{--checkbox-mark-size:var(--space-16);width:var(--space-32);height:var(--space-32);border-radius:var(--radius-sm)}.checkbox--surface-contrast{background:var(--color-control-background-contrast)}.checkbox:hover:not(:disabled):not([data-readonly]){background:var(--color-state-selected)}.checkbox[data-state=checked],.checkbox[data-state=indeterminate]{background:var(--color-accent)}.checkbox[data-state=checked]:hover:not(:disabled):not([data-readonly]),.checkbox[data-state=indeterminate]:hover:not(:disabled):not([data-readonly]){background:var(--color-accent-hover)}.checkbox:active:not(:disabled):not([data-readonly]){transform:scale(.94)}.checkbox:focus-visible{outline:var(--space-2) solid var(--color-focus-ring);outline-offset:var(--space-2)}.checkbox--invalid{outline:var(--space-2) solid var(--color-danger);outline-offset:var(--space-2)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox[data-readonly]{cursor:default}.checkbox__indeterminate{width:50%;height:var(--space-2);border-radius:var(--radius-full);background:currentColor}