1/* Field */
 2@layer components {
 3  .admin-fieldset {
 4    @apply flex flex-col gap-6;
 5
 6    > legend {
 7      @apply text-base font-medium mb-3;
 8    }
 9  }
10  .admin-field {
11    @apply flex flex-col w-full gap-3 data-[invalid=true]:text-admin-danger [&>*]:w-full [&>.sr-only]:w-auto;
12
13    h2,
14    h3 {
15      @apply flex w-fit items-center gap-2 text-sm leading-snug font-medium;
16    }
17    [role="alert"] {
18      @apply text-sm text-admin-danger font-normal;
19      
20      ul {
21        @apply ml-4 flex list-disc flex-col gap-1;
22      }
23    }
24    section {
25      @apply flex flex-1 flex-col gap-1.5 leading-snug;
26    }
27
28    &[data-orientation='horizontal'] {
29      @apply flex-row items-center [&>label]:flex-auto has-[>section]:items-start has-[>section]:[&>[type=checkbox],[type=radio]]:mt-px [&_p]:text-balance;
30    }
31  }
32  .admin-fieldset legend + p,
33  .admin-field > p,
34  .admin-field section > p {
35    @apply text-admin-muted-foreground text-sm leading-normal font-normal [&>a:hover]:text-admin-primary [&>a]:underline [&>a]:underline-offset-4;
36  }
37  .admin-fieldset legend + p {
38    @apply -mt-1.5;
39  }
40  .admin-field > p {
41    @apply last:mt-0 nth-last-2:-mt-1;
42  }
43}