@ama-pt/agora-design-system 3.5.1 → 3.5.3

package/artifacts/dist/tailwind.css

@@ -804,6 +804,10 @@ input[type]::placeholder{
   bottom: 0px;
 }
 
+.bottom-8{
+  bottom: 8px;
+}
+
 .left-0{
   left: 0px;
 }
@@ -1325,10 +1329,6 @@ input[type]::placeholder{
   width: 50%;
 }
 
-.w-24{
-  width: 24px;
-}
-
 .w-32{
   width: 32px;
 }
@@ -1803,6 +1803,12 @@ input[type]::placeholder{
   list-style-type: none;
 }
 
+.appearance-none{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
 .grid-flow-row{
   grid-auto-flow: row;
 }
@@ -1883,6 +1889,26 @@ input[type]::placeholder{
   justify-content: space-between;
 }
 
+.gap-0{
+  gap: 0px;
+}
+
+.gap-104{
+  gap: 104px;
+}
+
+.gap-112{
+  gap: 112px;
+}
+
+.gap-120{
+  gap: 120px;
+}
+
+.gap-128{
+  gap: 128px;
+}
+
 .gap-16{
   gap: 16px;
 }
@@ -1891,22 +1917,50 @@ input[type]::placeholder{
   gap: 24px;
 }
 
+.gap-256{
+  gap: 256px;
+}
+
 .gap-32{
   gap: 32px;
 }
 
+.gap-40{
+  gap: 40px;
+}
+
 .gap-48{
   gap: 48px;
 }
 
+.gap-56{
+  gap: 56px;
+}
+
 .gap-64{
   gap: 64px;
 }
 
+.gap-72{
+  gap: 72px;
+}
+
 .gap-8{
   gap: 8px;
 }
 
+.gap-80{
+  gap: 80px;
+}
+
+.gap-88{
+  gap: 88px;
+}
+
+.gap-96{
+  gap: 96px;
+}
+
 .gap-\[2px\]{
   gap: 2px;
 }
@@ -1919,28 +1973,194 @@ input[type]::placeholder{
   gap: 8px;
 }
 
+.gap-full{
+  gap: 100%;
+}
+
+.gap-initial{
+  gap: initial;
+}
+
+.gap-x-0{
+  -moz-column-gap: 0px;
+       column-gap: 0px;
+}
+
+.gap-x-104{
+  -moz-column-gap: 104px;
+       column-gap: 104px;
+}
+
+.gap-x-112{
+  -moz-column-gap: 112px;
+       column-gap: 112px;
+}
+
+.gap-x-120{
+  -moz-column-gap: 120px;
+       column-gap: 120px;
+}
+
+.gap-x-128{
+  -moz-column-gap: 128px;
+       column-gap: 128px;
+}
+
 .gap-x-16{
   -moz-column-gap: 16px;
        column-gap: 16px;
 }
 
+.gap-x-24{
+  -moz-column-gap: 24px;
+       column-gap: 24px;
+}
+
+.gap-x-256{
+  -moz-column-gap: 256px;
+       column-gap: 256px;
+}
+
 .gap-x-32{
   -moz-column-gap: 32px;
        column-gap: 32px;
 }
 
+.gap-x-40{
+  -moz-column-gap: 40px;
+       column-gap: 40px;
+}
+
+.gap-x-48{
+  -moz-column-gap: 48px;
+       column-gap: 48px;
+}
+
+.gap-x-56{
+  -moz-column-gap: 56px;
+       column-gap: 56px;
+}
+
+.gap-x-64{
+  -moz-column-gap: 64px;
+       column-gap: 64px;
+}
+
+.gap-x-72{
+  -moz-column-gap: 72px;
+       column-gap: 72px;
+}
+
+.gap-x-8{
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+}
+
+.gap-x-80{
+  -moz-column-gap: 80px;
+       column-gap: 80px;
+}
+
+.gap-x-88{
+  -moz-column-gap: 88px;
+       column-gap: 88px;
+}
+
+.gap-x-96{
+  -moz-column-gap: 96px;
+       column-gap: 96px;
+}
+
+.gap-x-full{
+  -moz-column-gap: 100%;
+       column-gap: 100%;
+}
+
+.gap-x-initial{
+  -moz-column-gap: initial;
+       column-gap: initial;
+}
+
+.gap-y-0{
+  row-gap: 0px;
+}
+
+.gap-y-104{
+  row-gap: 104px;
+}
+
+.gap-y-112{
+  row-gap: 112px;
+}
+
+.gap-y-120{
+  row-gap: 120px;
+}
+
+.gap-y-128{
+  row-gap: 128px;
+}
+
 .gap-y-16{
   row-gap: 16px;
 }
 
+.gap-y-24{
+  row-gap: 24px;
+}
+
+.gap-y-256{
+  row-gap: 256px;
+}
+
+.gap-y-32{
+  row-gap: 32px;
+}
+
+.gap-y-40{
+  row-gap: 40px;
+}
+
+.gap-y-48{
+  row-gap: 48px;
+}
+
+.gap-y-56{
+  row-gap: 56px;
+}
+
 .gap-y-64{
   row-gap: 64px;
 }
 
+.gap-y-72{
+  row-gap: 72px;
+}
+
 .gap-y-8{
   row-gap: 8px;
 }
 
+.gap-y-80{
+  row-gap: 80px;
+}
+
+.gap-y-88{
+  row-gap: 88px;
+}
+
+.gap-y-96{
+  row-gap: 96px;
+}
+
+.gap-y-full{
+  row-gap: 100%;
+}
+
+.gap-y-initial{
+  row-gap: initial;
+}
+
 .place-self-end{
   place-self: end;
 }
@@ -7714,6 +7934,10 @@ input[type]::placeholder{
   padding-top: 32px;
 }
 
+.pt-56{
+  padding-top: 56px;
+}
+
 .pt-64{
   padding-top: 64px;
 }
@@ -8617,9 +8841,9 @@ input[type]::placeholder{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-bottom-low{
-  --tw-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
-  --tw-shadow-colored: 0px 8px 8px 0px var(--tw-shadow-color);
+.shadow-bottom-higher{
+  --tw-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.32);
+  --tw-shadow-colored: 0px 16px 16px 0px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -8999,6 +9223,266 @@ input[type]::placeholder{
   cursor: context-menu;
 }
 
+.hover\:gap-0:hover{
+  gap: 0px;
+}
+
+.hover\:gap-104:hover{
+  gap: 104px;
+}
+
+.hover\:gap-112:hover{
+  gap: 112px;
+}
+
+.hover\:gap-120:hover{
+  gap: 120px;
+}
+
+.hover\:gap-128:hover{
+  gap: 128px;
+}
+
+.hover\:gap-16:hover{
+  gap: 16px;
+}
+
+.hover\:gap-24:hover{
+  gap: 24px;
+}
+
+.hover\:gap-256:hover{
+  gap: 256px;
+}
+
+.hover\:gap-32:hover{
+  gap: 32px;
+}
+
+.hover\:gap-40:hover{
+  gap: 40px;
+}
+
+.hover\:gap-48:hover{
+  gap: 48px;
+}
+
+.hover\:gap-56:hover{
+  gap: 56px;
+}
+
+.hover\:gap-64:hover{
+  gap: 64px;
+}
+
+.hover\:gap-72:hover{
+  gap: 72px;
+}
+
+.hover\:gap-8:hover{
+  gap: 8px;
+}
+
+.hover\:gap-80:hover{
+  gap: 80px;
+}
+
+.hover\:gap-88:hover{
+  gap: 88px;
+}
+
+.hover\:gap-96:hover{
+  gap: 96px;
+}
+
+.hover\:gap-full:hover{
+  gap: 100%;
+}
+
+.hover\:gap-initial:hover{
+  gap: initial;
+}
+
+.hover\:gap-x-0:hover{
+  -moz-column-gap: 0px;
+       column-gap: 0px;
+}
+
+.hover\:gap-x-104:hover{
+  -moz-column-gap: 104px;
+       column-gap: 104px;
+}
+
+.hover\:gap-x-112:hover{
+  -moz-column-gap: 112px;
+       column-gap: 112px;
+}
+
+.hover\:gap-x-120:hover{
+  -moz-column-gap: 120px;
+       column-gap: 120px;
+}
+
+.hover\:gap-x-128:hover{
+  -moz-column-gap: 128px;
+       column-gap: 128px;
+}
+
+.hover\:gap-x-16:hover{
+  -moz-column-gap: 16px;
+       column-gap: 16px;
+}
+
+.hover\:gap-x-24:hover{
+  -moz-column-gap: 24px;
+       column-gap: 24px;
+}
+
+.hover\:gap-x-256:hover{
+  -moz-column-gap: 256px;
+       column-gap: 256px;
+}
+
+.hover\:gap-x-32:hover{
+  -moz-column-gap: 32px;
+       column-gap: 32px;
+}
+
+.hover\:gap-x-40:hover{
+  -moz-column-gap: 40px;
+       column-gap: 40px;
+}
+
+.hover\:gap-x-48:hover{
+  -moz-column-gap: 48px;
+       column-gap: 48px;
+}
+
+.hover\:gap-x-56:hover{
+  -moz-column-gap: 56px;
+       column-gap: 56px;
+}
+
+.hover\:gap-x-64:hover{
+  -moz-column-gap: 64px;
+       column-gap: 64px;
+}
+
+.hover\:gap-x-72:hover{
+  -moz-column-gap: 72px;
+       column-gap: 72px;
+}
+
+.hover\:gap-x-8:hover{
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+}
+
+.hover\:gap-x-80:hover{
+  -moz-column-gap: 80px;
+       column-gap: 80px;
+}
+
+.hover\:gap-x-88:hover{
+  -moz-column-gap: 88px;
+       column-gap: 88px;
+}
+
+.hover\:gap-x-96:hover{
+  -moz-column-gap: 96px;
+       column-gap: 96px;
+}
+
+.hover\:gap-x-full:hover{
+  -moz-column-gap: 100%;
+       column-gap: 100%;
+}
+
+.hover\:gap-x-initial:hover{
+  -moz-column-gap: initial;
+       column-gap: initial;
+}
+
+.hover\:gap-y-0:hover{
+  row-gap: 0px;
+}
+
+.hover\:gap-y-104:hover{
+  row-gap: 104px;
+}
+
+.hover\:gap-y-112:hover{
+  row-gap: 112px;
+}
+
+.hover\:gap-y-120:hover{
+  row-gap: 120px;
+}
+
+.hover\:gap-y-128:hover{
+  row-gap: 128px;
+}
+
+.hover\:gap-y-16:hover{
+  row-gap: 16px;
+}
+
+.hover\:gap-y-24:hover{
+  row-gap: 24px;
+}
+
+.hover\:gap-y-256:hover{
+  row-gap: 256px;
+}
+
+.hover\:gap-y-32:hover{
+  row-gap: 32px;
+}
+
+.hover\:gap-y-40:hover{
+  row-gap: 40px;
+}
+
+.hover\:gap-y-48:hover{
+  row-gap: 48px;
+}
+
+.hover\:gap-y-56:hover{
+  row-gap: 56px;
+}
+
+.hover\:gap-y-64:hover{
+  row-gap: 64px;
+}
+
+.hover\:gap-y-72:hover{
+  row-gap: 72px;
+}
+
+.hover\:gap-y-8:hover{
+  row-gap: 8px;
+}
+
+.hover\:gap-y-80:hover{
+  row-gap: 80px;
+}
+
+.hover\:gap-y-88:hover{
+  row-gap: 88px;
+}
+
+.hover\:gap-y-96:hover{
+  row-gap: 96px;
+}
+
+.hover\:gap-y-full:hover{
+  row-gap: 100%;
+}
+
+.hover\:gap-y-initial:hover{
+  row-gap: initial;
+}
+
 .hover\:text-ellipsis:hover{
   text-overflow: ellipsis;
 }
@@ -15486,6 +15970,266 @@ input[type]::placeholder{
   cursor: context-menu;
 }
 
+.focus\:gap-0:focus{
+  gap: 0px;
+}
+
+.focus\:gap-104:focus{
+  gap: 104px;
+}
+
+.focus\:gap-112:focus{
+  gap: 112px;
+}
+
+.focus\:gap-120:focus{
+  gap: 120px;
+}
+
+.focus\:gap-128:focus{
+  gap: 128px;
+}
+
+.focus\:gap-16:focus{
+  gap: 16px;
+}
+
+.focus\:gap-24:focus{
+  gap: 24px;
+}
+
+.focus\:gap-256:focus{
+  gap: 256px;
+}
+
+.focus\:gap-32:focus{
+  gap: 32px;
+}
+
+.focus\:gap-40:focus{
+  gap: 40px;
+}
+
+.focus\:gap-48:focus{
+  gap: 48px;
+}
+
+.focus\:gap-56:focus{
+  gap: 56px;
+}
+
+.focus\:gap-64:focus{
+  gap: 64px;
+}
+
+.focus\:gap-72:focus{
+  gap: 72px;
+}
+
+.focus\:gap-8:focus{
+  gap: 8px;
+}
+
+.focus\:gap-80:focus{
+  gap: 80px;
+}
+
+.focus\:gap-88:focus{
+  gap: 88px;
+}
+
+.focus\:gap-96:focus{
+  gap: 96px;
+}
+
+.focus\:gap-full:focus{
+  gap: 100%;
+}
+
+.focus\:gap-initial:focus{
+  gap: initial;
+}
+
+.focus\:gap-x-0:focus{
+  -moz-column-gap: 0px;
+       column-gap: 0px;
+}
+
+.focus\:gap-x-104:focus{
+  -moz-column-gap: 104px;
+       column-gap: 104px;
+}
+
+.focus\:gap-x-112:focus{
+  -moz-column-gap: 112px;
+       column-gap: 112px;
+}
+
+.focus\:gap-x-120:focus{
+  -moz-column-gap: 120px;
+       column-gap: 120px;
+}
+
+.focus\:gap-x-128:focus{
+  -moz-column-gap: 128px;
+       column-gap: 128px;
+}
+
+.focus\:gap-x-16:focus{
+  -moz-column-gap: 16px;
+       column-gap: 16px;
+}
+
+.focus\:gap-x-24:focus{
+  -moz-column-gap: 24px;
+       column-gap: 24px;
+}
+
+.focus\:gap-x-256:focus{
+  -moz-column-gap: 256px;
+       column-gap: 256px;
+}
+
+.focus\:gap-x-32:focus{
+  -moz-column-gap: 32px;
+       column-gap: 32px;
+}
+
+.focus\:gap-x-40:focus{
+  -moz-column-gap: 40px;
+       column-gap: 40px;
+}
+
+.focus\:gap-x-48:focus{
+  -moz-column-gap: 48px;
+       column-gap: 48px;
+}
+
+.focus\:gap-x-56:focus{
+  -moz-column-gap: 56px;
+       column-gap: 56px;
+}
+
+.focus\:gap-x-64:focus{
+  -moz-column-gap: 64px;
+       column-gap: 64px;
+}
+
+.focus\:gap-x-72:focus{
+  -moz-column-gap: 72px;
+       column-gap: 72px;
+}
+
+.focus\:gap-x-8:focus{
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+}
+
+.focus\:gap-x-80:focus{
+  -moz-column-gap: 80px;
+       column-gap: 80px;
+}
+
+.focus\:gap-x-88:focus{
+  -moz-column-gap: 88px;
+       column-gap: 88px;
+}
+
+.focus\:gap-x-96:focus{
+  -moz-column-gap: 96px;
+       column-gap: 96px;
+}
+
+.focus\:gap-x-full:focus{
+  -moz-column-gap: 100%;
+       column-gap: 100%;
+}
+
+.focus\:gap-x-initial:focus{
+  -moz-column-gap: initial;
+       column-gap: initial;
+}
+
+.focus\:gap-y-0:focus{
+  row-gap: 0px;
+}
+
+.focus\:gap-y-104:focus{
+  row-gap: 104px;
+}
+
+.focus\:gap-y-112:focus{
+  row-gap: 112px;
+}
+
+.focus\:gap-y-120:focus{
+  row-gap: 120px;
+}
+
+.focus\:gap-y-128:focus{
+  row-gap: 128px;
+}
+
+.focus\:gap-y-16:focus{
+  row-gap: 16px;
+}
+
+.focus\:gap-y-24:focus{
+  row-gap: 24px;
+}
+
+.focus\:gap-y-256:focus{
+  row-gap: 256px;
+}
+
+.focus\:gap-y-32:focus{
+  row-gap: 32px;
+}
+
+.focus\:gap-y-40:focus{
+  row-gap: 40px;
+}
+
+.focus\:gap-y-48:focus{
+  row-gap: 48px;
+}
+
+.focus\:gap-y-56:focus{
+  row-gap: 56px;
+}
+
+.focus\:gap-y-64:focus{
+  row-gap: 64px;
+}
+
+.focus\:gap-y-72:focus{
+  row-gap: 72px;
+}
+
+.focus\:gap-y-8:focus{
+  row-gap: 8px;
+}
+
+.focus\:gap-y-80:focus{
+  row-gap: 80px;
+}
+
+.focus\:gap-y-88:focus{
+  row-gap: 88px;
+}
+
+.focus\:gap-y-96:focus{
+  row-gap: 96px;
+}
+
+.focus\:gap-y-full:focus{
+  row-gap: 100%;
+}
+
+.focus\:gap-y-initial:focus{
+  row-gap: initial;
+}
+
 .focus\:text-ellipsis:focus{
   text-overflow: ellipsis;
 }
@@ -22144,23 +22888,262 @@ input[type]::placeholder{
     gap: 0px;
   }
 
+  .xs\:gap-104{
+    gap: 104px;
+  }
+
+  .xs\:gap-112{
+    gap: 112px;
+  }
+
+  .xs\:gap-120{
+    gap: 120px;
+  }
+
+  .xs\:gap-128{
+    gap: 128px;
+  }
+
+  .xs\:gap-16{
+    gap: 16px;
+  }
+
+  .xs\:gap-24{
+    gap: 24px;
+  }
+
+  .xs\:gap-256{
+    gap: 256px;
+  }
+
   .xs\:gap-32{
     gap: 32px;
   }
 
+  .xs\:gap-40{
+    gap: 40px;
+  }
+
+  .xs\:gap-48{
+    gap: 48px;
+  }
+
+  .xs\:gap-56{
+    gap: 56px;
+  }
+
+  .xs\:gap-64{
+    gap: 64px;
+  }
+
+  .xs\:gap-72{
+    gap: 72px;
+  }
+
+  .xs\:gap-8{
+    gap: 8px;
+  }
+
+  .xs\:gap-80{
+    gap: 80px;
+  }
+
+  .xs\:gap-88{
+    gap: 88px;
+  }
+
+  .xs\:gap-96{
+    gap: 96px;
+  }
+
+  .xs\:gap-full{
+    gap: 100%;
+  }
+
+  .xs\:gap-initial{
+    gap: initial;
+  }
+
+  .xs\:gap-x-0{
+    -moz-column-gap: 0px;
+         column-gap: 0px;
+  }
+
+  .xs\:gap-x-104{
+    -moz-column-gap: 104px;
+         column-gap: 104px;
+  }
+
+  .xs\:gap-x-112{
+    -moz-column-gap: 112px;
+         column-gap: 112px;
+  }
+
+  .xs\:gap-x-120{
+    -moz-column-gap: 120px;
+         column-gap: 120px;
+  }
+
+  .xs\:gap-x-128{
+    -moz-column-gap: 128px;
+         column-gap: 128px;
+  }
+
+  .xs\:gap-x-16{
+    -moz-column-gap: 16px;
+         column-gap: 16px;
+  }
+
+  .xs\:gap-x-24{
+    -moz-column-gap: 24px;
+         column-gap: 24px;
+  }
+
+  .xs\:gap-x-256{
+    -moz-column-gap: 256px;
+         column-gap: 256px;
+  }
+
   .xs\:gap-x-32{
     -moz-column-gap: 32px;
          column-gap: 32px;
   }
 
+  .xs\:gap-x-40{
+    -moz-column-gap: 40px;
+         column-gap: 40px;
+  }
+
+  .xs\:gap-x-48{
+    -moz-column-gap: 48px;
+         column-gap: 48px;
+  }
+
+  .xs\:gap-x-56{
+    -moz-column-gap: 56px;
+         column-gap: 56px;
+  }
+
+  .xs\:gap-x-64{
+    -moz-column-gap: 64px;
+         column-gap: 64px;
+  }
+
+  .xs\:gap-x-72{
+    -moz-column-gap: 72px;
+         column-gap: 72px;
+  }
+
+  .xs\:gap-x-8{
+    -moz-column-gap: 8px;
+         column-gap: 8px;
+  }
+
+  .xs\:gap-x-80{
+    -moz-column-gap: 80px;
+         column-gap: 80px;
+  }
+
+  .xs\:gap-x-88{
+    -moz-column-gap: 88px;
+         column-gap: 88px;
+  }
+
+  .xs\:gap-x-96{
+    -moz-column-gap: 96px;
+         column-gap: 96px;
+  }
+
+  .xs\:gap-x-full{
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .xs\:gap-x-initial{
+    -moz-column-gap: initial;
+         column-gap: initial;
+  }
+
+  .xs\:gap-y-0{
+    row-gap: 0px;
+  }
+
+  .xs\:gap-y-104{
+    row-gap: 104px;
+  }
+
+  .xs\:gap-y-112{
+    row-gap: 112px;
+  }
+
+  .xs\:gap-y-120{
+    row-gap: 120px;
+  }
+
+  .xs\:gap-y-128{
+    row-gap: 128px;
+  }
+
   .xs\:gap-y-16{
     row-gap: 16px;
   }
 
+  .xs\:gap-y-24{
+    row-gap: 24px;
+  }
+
+  .xs\:gap-y-256{
+    row-gap: 256px;
+  }
+
   .xs\:gap-y-32{
     row-gap: 32px;
   }
 
+  .xs\:gap-y-40{
+    row-gap: 40px;
+  }
+
+  .xs\:gap-y-48{
+    row-gap: 48px;
+  }
+
+  .xs\:gap-y-56{
+    row-gap: 56px;
+  }
+
+  .xs\:gap-y-64{
+    row-gap: 64px;
+  }
+
+  .xs\:gap-y-72{
+    row-gap: 72px;
+  }
+
+  .xs\:gap-y-8{
+    row-gap: 8px;
+  }
+
+  .xs\:gap-y-80{
+    row-gap: 80px;
+  }
+
+  .xs\:gap-y-88{
+    row-gap: 88px;
+  }
+
+  .xs\:gap-y-96{
+    row-gap: 96px;
+  }
+
+  .xs\:gap-y-full{
+    row-gap: 100%;
+  }
+
+  .xs\:gap-y-initial{
+    row-gap: initial;
+  }
+
   .xs\:text-ellipsis{
     text-overflow: ellipsis;
   }
@@ -28337,10 +29320,6 @@ input[type]::placeholder{
       margin-bottom: 32px;
     }
 
-    .xs\:max-md\:mb-8{
-      margin-bottom: 8px;
-    }
-
     .xs\:max-md\:flex-col{
       flex-direction: column;
     }
@@ -28432,6 +29411,10 @@ input[type]::placeholder{
     grid-column-end: 5;
   }
 
+  .md\:m-64{
+    margin: 64px;
+  }
+
   .md\:mx-64{
     margin-left: 64px;
     margin-right: 64px;
@@ -28456,10 +29439,6 @@ input[type]::placeholder{
     margin-bottom: 0px;
   }
 
-  .md\:mb-32{
-    margin-bottom: 32px;
-  }
-
   .md\:mb-64{
     margin-bottom: 64px;
   }
@@ -28935,10 +29914,78 @@ input[type]::placeholder{
     justify-items: center;
   }
 
+  .md\:gap-0{
+    gap: 0px;
+  }
+
+  .md\:gap-104{
+    gap: 104px;
+  }
+
+  .md\:gap-112{
+    gap: 112px;
+  }
+
+  .md\:gap-120{
+    gap: 120px;
+  }
+
+  .md\:gap-128{
+    gap: 128px;
+  }
+
+  .md\:gap-16{
+    gap: 16px;
+  }
+
+  .md\:gap-24{
+    gap: 24px;
+  }
+
+  .md\:gap-256{
+    gap: 256px;
+  }
+
+  .md\:gap-32{
+    gap: 32px;
+  }
+
+  .md\:gap-40{
+    gap: 40px;
+  }
+
+  .md\:gap-48{
+    gap: 48px;
+  }
+
+  .md\:gap-56{
+    gap: 56px;
+  }
+
   .md\:gap-64{
     gap: 64px;
   }
 
+  .md\:gap-72{
+    gap: 72px;
+  }
+
+  .md\:gap-8{
+    gap: 8px;
+  }
+
+  .md\:gap-80{
+    gap: 80px;
+  }
+
+  .md\:gap-88{
+    gap: 88px;
+  }
+
+  .md\:gap-96{
+    gap: 96px;
+  }
+
   .md\:gap-\[28px\]{
     gap: 28px;
   }
@@ -28947,23 +29994,194 @@ input[type]::placeholder{
     gap: 30px;
   }
 
+  .md\:gap-full{
+    gap: 100%;
+  }
+
+  .md\:gap-initial{
+    gap: initial;
+  }
+
+  .md\:gap-x-0{
+    -moz-column-gap: 0px;
+         column-gap: 0px;
+  }
+
+  .md\:gap-x-104{
+    -moz-column-gap: 104px;
+         column-gap: 104px;
+  }
+
+  .md\:gap-x-112{
+    -moz-column-gap: 112px;
+         column-gap: 112px;
+  }
+
+  .md\:gap-x-120{
+    -moz-column-gap: 120px;
+         column-gap: 120px;
+  }
+
+  .md\:gap-x-128{
+    -moz-column-gap: 128px;
+         column-gap: 128px;
+  }
+
+  .md\:gap-x-16{
+    -moz-column-gap: 16px;
+         column-gap: 16px;
+  }
+
+  .md\:gap-x-24{
+    -moz-column-gap: 24px;
+         column-gap: 24px;
+  }
+
+  .md\:gap-x-256{
+    -moz-column-gap: 256px;
+         column-gap: 256px;
+  }
+
   .md\:gap-x-32{
     -moz-column-gap: 32px;
          column-gap: 32px;
   }
 
+  .md\:gap-x-40{
+    -moz-column-gap: 40px;
+         column-gap: 40px;
+  }
+
+  .md\:gap-x-48{
+    -moz-column-gap: 48px;
+         column-gap: 48px;
+  }
+
+  .md\:gap-x-56{
+    -moz-column-gap: 56px;
+         column-gap: 56px;
+  }
+
+  .md\:gap-x-64{
+    -moz-column-gap: 64px;
+         column-gap: 64px;
+  }
+
+  .md\:gap-x-72{
+    -moz-column-gap: 72px;
+         column-gap: 72px;
+  }
+
+  .md\:gap-x-8{
+    -moz-column-gap: 8px;
+         column-gap: 8px;
+  }
+
+  .md\:gap-x-80{
+    -moz-column-gap: 80px;
+         column-gap: 80px;
+  }
+
+  .md\:gap-x-88{
+    -moz-column-gap: 88px;
+         column-gap: 88px;
+  }
+
+  .md\:gap-x-96{
+    -moz-column-gap: 96px;
+         column-gap: 96px;
+  }
+
+  .md\:gap-x-full{
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .md\:gap-x-initial{
+    -moz-column-gap: initial;
+         column-gap: initial;
+  }
+
   .md\:gap-y-0{
     row-gap: 0px;
   }
 
+  .md\:gap-y-104{
+    row-gap: 104px;
+  }
+
+  .md\:gap-y-112{
+    row-gap: 112px;
+  }
+
+  .md\:gap-y-120{
+    row-gap: 120px;
+  }
+
+  .md\:gap-y-128{
+    row-gap: 128px;
+  }
+
+  .md\:gap-y-16{
+    row-gap: 16px;
+  }
+
+  .md\:gap-y-24{
+    row-gap: 24px;
+  }
+
+  .md\:gap-y-256{
+    row-gap: 256px;
+  }
+
+  .md\:gap-y-32{
+    row-gap: 32px;
+  }
+
+  .md\:gap-y-40{
+    row-gap: 40px;
+  }
+
+  .md\:gap-y-48{
+    row-gap: 48px;
+  }
+
+  .md\:gap-y-56{
+    row-gap: 56px;
+  }
+
   .md\:gap-y-64{
     row-gap: 64px;
   }
 
+  .md\:gap-y-72{
+    row-gap: 72px;
+  }
+
   .md\:gap-y-8{
     row-gap: 8px;
   }
 
+  .md\:gap-y-80{
+    row-gap: 80px;
+  }
+
+  .md\:gap-y-88{
+    row-gap: 88px;
+  }
+
+  .md\:gap-y-96{
+    row-gap: 96px;
+  }
+
+  .md\:gap-y-full{
+    row-gap: 100%;
+  }
+
+  .md\:gap-y-initial{
+    row-gap: initial;
+  }
+
   .md\:self-center{
     align-self: center;
   }
@@ -35281,6 +36499,10 @@ input[type]::placeholder{
     grid-row: span 2 / span 2;
   }
 
+  .xl\:m-112{
+    margin: 112px;
+  }
+
   .xl\:my-32{
     margin-top: 32px;
     margin-bottom: 32px;
@@ -35795,10 +37017,266 @@ input[type]::placeholder{
     justify-items: start;
   }
 
+  .xl\:gap-0{
+    gap: 0px;
+  }
+
+  .xl\:gap-104{
+    gap: 104px;
+  }
+
+  .xl\:gap-112{
+    gap: 112px;
+  }
+
+  .xl\:gap-120{
+    gap: 120px;
+  }
+
+  .xl\:gap-128{
+    gap: 128px;
+  }
+
+  .xl\:gap-16{
+    gap: 16px;
+  }
+
+  .xl\:gap-24{
+    gap: 24px;
+  }
+
+  .xl\:gap-256{
+    gap: 256px;
+  }
+
   .xl\:gap-32{
     gap: 32px;
   }
 
+  .xl\:gap-40{
+    gap: 40px;
+  }
+
+  .xl\:gap-48{
+    gap: 48px;
+  }
+
+  .xl\:gap-56{
+    gap: 56px;
+  }
+
+  .xl\:gap-64{
+    gap: 64px;
+  }
+
+  .xl\:gap-72{
+    gap: 72px;
+  }
+
+  .xl\:gap-8{
+    gap: 8px;
+  }
+
+  .xl\:gap-80{
+    gap: 80px;
+  }
+
+  .xl\:gap-88{
+    gap: 88px;
+  }
+
+  .xl\:gap-96{
+    gap: 96px;
+  }
+
+  .xl\:gap-full{
+    gap: 100%;
+  }
+
+  .xl\:gap-initial{
+    gap: initial;
+  }
+
+  .xl\:gap-x-0{
+    -moz-column-gap: 0px;
+         column-gap: 0px;
+  }
+
+  .xl\:gap-x-104{
+    -moz-column-gap: 104px;
+         column-gap: 104px;
+  }
+
+  .xl\:gap-x-112{
+    -moz-column-gap: 112px;
+         column-gap: 112px;
+  }
+
+  .xl\:gap-x-120{
+    -moz-column-gap: 120px;
+         column-gap: 120px;
+  }
+
+  .xl\:gap-x-128{
+    -moz-column-gap: 128px;
+         column-gap: 128px;
+  }
+
+  .xl\:gap-x-16{
+    -moz-column-gap: 16px;
+         column-gap: 16px;
+  }
+
+  .xl\:gap-x-24{
+    -moz-column-gap: 24px;
+         column-gap: 24px;
+  }
+
+  .xl\:gap-x-256{
+    -moz-column-gap: 256px;
+         column-gap: 256px;
+  }
+
+  .xl\:gap-x-32{
+    -moz-column-gap: 32px;
+         column-gap: 32px;
+  }
+
+  .xl\:gap-x-40{
+    -moz-column-gap: 40px;
+         column-gap: 40px;
+  }
+
+  .xl\:gap-x-48{
+    -moz-column-gap: 48px;
+         column-gap: 48px;
+  }
+
+  .xl\:gap-x-56{
+    -moz-column-gap: 56px;
+         column-gap: 56px;
+  }
+
+  .xl\:gap-x-64{
+    -moz-column-gap: 64px;
+         column-gap: 64px;
+  }
+
+  .xl\:gap-x-72{
+    -moz-column-gap: 72px;
+         column-gap: 72px;
+  }
+
+  .xl\:gap-x-8{
+    -moz-column-gap: 8px;
+         column-gap: 8px;
+  }
+
+  .xl\:gap-x-80{
+    -moz-column-gap: 80px;
+         column-gap: 80px;
+  }
+
+  .xl\:gap-x-88{
+    -moz-column-gap: 88px;
+         column-gap: 88px;
+  }
+
+  .xl\:gap-x-96{
+    -moz-column-gap: 96px;
+         column-gap: 96px;
+  }
+
+  .xl\:gap-x-full{
+    -moz-column-gap: 100%;
+         column-gap: 100%;
+  }
+
+  .xl\:gap-x-initial{
+    -moz-column-gap: initial;
+         column-gap: initial;
+  }
+
+  .xl\:gap-y-0{
+    row-gap: 0px;
+  }
+
+  .xl\:gap-y-104{
+    row-gap: 104px;
+  }
+
+  .xl\:gap-y-112{
+    row-gap: 112px;
+  }
+
+  .xl\:gap-y-120{
+    row-gap: 120px;
+  }
+
+  .xl\:gap-y-128{
+    row-gap: 128px;
+  }
+
+  .xl\:gap-y-16{
+    row-gap: 16px;
+  }
+
+  .xl\:gap-y-24{
+    row-gap: 24px;
+  }
+
+  .xl\:gap-y-256{
+    row-gap: 256px;
+  }
+
+  .xl\:gap-y-32{
+    row-gap: 32px;
+  }
+
+  .xl\:gap-y-40{
+    row-gap: 40px;
+  }
+
+  .xl\:gap-y-48{
+    row-gap: 48px;
+  }
+
+  .xl\:gap-y-56{
+    row-gap: 56px;
+  }
+
+  .xl\:gap-y-64{
+    row-gap: 64px;
+  }
+
+  .xl\:gap-y-72{
+    row-gap: 72px;
+  }
+
+  .xl\:gap-y-8{
+    row-gap: 8px;
+  }
+
+  .xl\:gap-y-80{
+    row-gap: 80px;
+  }
+
+  .xl\:gap-y-88{
+    row-gap: 88px;
+  }
+
+  .xl\:gap-y-96{
+    row-gap: 96px;
+  }
+
+  .xl\:gap-y-full{
+    row-gap: 100%;
+  }
+
+  .xl\:gap-y-initial{
+    row-gap: initial;
+  }
+
   .xl\:overflow-hidden{
     overflow: hidden;
   }
@@ -42041,3 +43519,7 @@ input[type]::placeholder{
 .\[\&\>fieldset\]\:flex-wrap>fieldset{
   flex-wrap: wrap;
 }
+
+.\[\&_\.switch-label\]\:border .switch-label{
+  border-width: 1px;
+}