@layer pix-components{.pix-checkbox__root{--_pix-checkbox-surface:var(--pix-field-surface,var(--color-surface));--_pix-checkbox-surface-checked:var(--pix-checkbox-surface-checked,transparent);--_pix-checkbox-surface-checked-hover:var(--pix-checkbox-surface-checked-hover,color-mix(in srgb, var(--_pix-checkbox-surface-checked) 94%, var(--color-text) 6%));--_pix-checkbox-border-color:var(--pix-field-border-color,var(--color-surface-border));--_pix-checkbox-border-width:var(--pix-field-border-width,var(--border-thin));--_pix-checkbox-radius:var(--pix-field-radius,0);--_pix-checkbox-size:var(--pix-checkbox-size,var(--spacing-large));--_pix-checkbox-shadow:var(--pix-field-shadow,var(--shadow-soft));--_pix-checkbox-gap:var(--pix-checkbox-gap,var(--spacing-small));gap:var(--spacing-xsmall);flex-direction:column;display:flex}.pix-checkbox__label{align-items:center;gap:var(--_pix-checkbox-gap);cursor:pointer;flex-direction:row;display:flex}.pix-checkbox__label[data-disabled]{cursor:not-allowed;opacity:var(--opacity-disabled-state)}.pix-checkbox__item{height:var(--_pix-checkbox-size);width:var(--_pix-checkbox-size);appearance:none;border:var(--_pix-checkbox-border-width) solid var(--_pix-checkbox-border-color);border-radius:var(--_pix-checkbox-radius);background:var(--_pix-checkbox-surface);box-shadow:var(--_pix-checkbox-shadow);cursor:pointer;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pix-checkbox__item:hover:not([data-disabled],[data-state=checked]){background:var(--color-surface-hover)}.pix-checkbox__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.pix-checkbox__item[data-disabled]{cursor:not-allowed}.pix-checkbox__item[data-error]{--_pix-checkbox-border-color:var(--color-error)}.pix-checkbox__item[data-state=checked]{background:var(--_pix-checkbox-surface-checked)}.pix-checkbox__item[data-state=checked]:hover:not([data-disabled]){background:var(--_pix-checkbox-surface-checked-hover)}.pix-checkbox__check-icon{color:var(--color-primary);flex-shrink:0;width:.75rem;height:.75rem}.pix-checkbox__label-text{-webkit-user-select:none;user-select:none}.pix-checkbox__label-text[data-required]:after{content:" *" / "";color:var(--color-error)}.pix-checkbox__error{font-size:var(--text-sm);color:var(--color-error)}}