1  @tailwind base;
 2  @tailwind components;
 3  @tailwind utilities;
 4  
 5  @layer components {
 6    /* Daisy UI misses the following */
 7    .input:focus {
 8      border-color: hsl(var(--bc)/var(--tw-border-opacity));
 9      @apply ring-transparent;
10    }
11    .input-error:focus {
12      @apply border-error;
13    }
14    [type="checkbox"]:checked {
15      background-image: none;
16    }
17    [type="checkbox"]:focus {
18      box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);
19    }
20  }