1/* Checkbox */
 2@layer components {
 3  :is(.form, .admin-field) input[type='checkbox']:not([role='switch']),
 4  .admin-input[type='checkbox']:not([role='switch']) {
 5    @apply focus-control appearance-none border-admin-input dark:bg-admin-input/30 checked:bg-admin-primary dark:checked:bg-admin-primary checked:border-admin-primary size-4 shrink-0 border shadow-xs transition-shadow outline-none disabled:cursor-not-allowed disabled:opacity-50;
 6    border-radius: var(--radius-checkbox);
 7    
 8    &:checked:after {
 9      @apply content-[''] block size-3.5 bg-admin-primary-foreground;
10      @apply mask-[image:var(--check-icon)] mask-size-[0.875rem] mask-no-repeat mask-center;
11    }
12  }
13}