@layer components{.Checkbox_variantFramed__2IVzA:has(.Checkbox_checkboxButton__HAT4a[data-state=checked]){border-color:var(--base-dark)}.Checkbox_variantFramed__2IVzA:hover:not(:has(.Checkbox_checkboxButton__HAT4a[disabled],.Checkbox_checkboxButton__HAT4a[data-disabled=true])){background-color:var(--neutral-light-100)}.Checkbox_variantFramed__2IVzA:hover:not(:has(.Checkbox_checkboxButton__HAT4a[disabled],.Checkbox_checkboxButton__HAT4a[data-disabled=true])) .Checkbox_checkboxButton__HAT4a[data-state=unchecked]{background-color:var(--neutral-light-100)}.Checkbox_checkboxButton__HAT4a svg path{stroke:var(--base-light)}.Checkbox_checkboxContainer__37n8b label{cursor:pointer}.Checkbox_checkboxContainer__37n8b:has(.Checkbox_checkboxButton__HAT4a[disabled],.Checkbox_checkboxButton__HAT4a[data-disabled=true]) label{cursor:default}}