···

       
26
       
26
       
 
       


     

       
27
       
27
       
 
       
    @layer components {

     

       
28
       
28
       
 
       
        .btn {

     

       
29
       
29
       
-
       
            @apply relative z-10 inline-flex min-h-[36px] cursor-pointer items-center

     

       
30
       
30
       
-
       
            justify-center border-0 bg-transparent px-3 pb-[0.3rem] text-base

     

       
29
       
29
       
+
       
            @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center

     

       
30
       
30
       
+
       
            justify-center border-0 bg-transparent px-2 pb-[0.2rem] text-base

     

       
31
       
31
       
 
       
            text-gray-900 before:absolute before:inset-0 before:-z-10

     

       
32
       
32
       
 
       
            before:block before:rounded-sm before:border before:border-blue-200

     

       
33
       
33
       
-
       
            before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff]

     

       
33
       
33
       
+
       
            before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]

     

       
34
       
34
       
 
       
            before:content-[''] hover:before:border-blue-300

     

       
35
       
35
       
 
       
            hover:before:bg-blue-50

     

       
36
       
36
       
-
       
            hover:before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#e5edff]

     

       
36
       
36
       
+
       
            hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]

     

       
37
       
37
       
 
       
            focus:outline-none focus-visible:before:outline

     

       
38
       
38
       
 
       
            focus-visible:before:outline-4 focus-visible:before:outline-blue-500

     

       
39
       
39
       
-
       
            active:border-t-4 active:border-transparent active:py-1

     

       
39
       
39
       
+
       
            active:border-t-2 active:border-transparent active:py-1

     

       
40
       
40
       
 
       
            active:before:shadow-none;

     

       
41
       
41
       
 
       
        }

     

       
42
       
42
       
 
       
    }

     

       
43
       
43
       
-
       


     

       
44
       
43
       
 
       
    @layer utilities {

     

       
45
       
44
       
 
       
        .error {

     

       
46
       
45
       
 
       
            @apply py-1 border-red-400 text-red-600;