1/* Switch */
 2@layer components {
 3  :is(.form, .admin-field) input[type='checkbox'][role='switch'],
 4  .admin-input[type='checkbox'][role='switch'] {
 5    @apply appearance-none focus-visible:border-admin-ring focus-visible:ring-admin-ring/50 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50;
 6    @apply bg-admin-input dark:bg-admin-input/80 checked:bg-admin-primary dark:checked:bg-admin-primary;
 7    @apply before:content-[''] before:pointer-events-none before:block before:size-4 before:rounded-full before:ring-0 before:transition-all;
 8    @apply before:bg-admin-background dark:before:bg-admin-foreground;
 9    @apply dark:checked:before:bg-admin-primary-foreground checked:before:ms-3.5;
10  }
11}