tailwindcss 1.2.0-canary.5 → 1.2.0

package/dist/utilities.css

@@ -3069,7 +3069,7 @@
 }
 
 .font-sans {
-  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
 }
 
 .font-serif {
@@ -3276,6 +3276,38 @@
   height: 100vh
 }
 
+.leading-3 {
+  line-height: .75rem
+}
+
+.leading-4 {
+  line-height: 1rem
+}
+
+.leading-5 {
+  line-height: 1.25rem
+}
+
+.leading-6 {
+  line-height: 1.5rem
+}
+
+.leading-7 {
+  line-height: 1.75rem
+}
+
+.leading-8 {
+  line-height: 2rem
+}
+
+.leading-9 {
+  line-height: 2.25rem
+}
+
+.leading-10 {
+  line-height: 2.5rem
+}
+
 .leading-none {
   line-height: 1
 }
@@ -7659,8 +7691,12 @@
   resize: both
 }
 
+.shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+}
+
 .shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
 }
 
 .shadow {
@@ -7695,8 +7731,12 @@
   box-shadow: none
 }
 
+.hover\:shadow-xs:hover {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+}
+
 .hover\:shadow-sm:hover {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
 }
 
 .hover\:shadow:hover {
@@ -7731,8 +7771,12 @@
   box-shadow: none
 }
 
+.focus\:shadow-xs:focus {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+}
+
 .focus\:shadow-sm:focus {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
 }
 
 .focus\:shadow:focus {
@@ -9471,6 +9515,196 @@
   gap: 1px
 }
 
+.col-gap-0 {
+  grid-column-gap: 0;
+  column-gap: 0
+}
+
+.col-gap-1 {
+  grid-column-gap: 0.25rem;
+  column-gap: 0.25rem
+}
+
+.col-gap-2 {
+  grid-column-gap: 0.5rem;
+  column-gap: 0.5rem
+}
+
+.col-gap-3 {
+  grid-column-gap: 0.75rem;
+  column-gap: 0.75rem
+}
+
+.col-gap-4 {
+  grid-column-gap: 1rem;
+  column-gap: 1rem
+}
+
+.col-gap-5 {
+  grid-column-gap: 1.25rem;
+  column-gap: 1.25rem
+}
+
+.col-gap-6 {
+  grid-column-gap: 1.5rem;
+  column-gap: 1.5rem
+}
+
+.col-gap-8 {
+  grid-column-gap: 2rem;
+  column-gap: 2rem
+}
+
+.col-gap-10 {
+  grid-column-gap: 2.5rem;
+  column-gap: 2.5rem
+}
+
+.col-gap-12 {
+  grid-column-gap: 3rem;
+  column-gap: 3rem
+}
+
+.col-gap-16 {
+  grid-column-gap: 4rem;
+  column-gap: 4rem
+}
+
+.col-gap-20 {
+  grid-column-gap: 5rem;
+  column-gap: 5rem
+}
+
+.col-gap-24 {
+  grid-column-gap: 6rem;
+  column-gap: 6rem
+}
+
+.col-gap-32 {
+  grid-column-gap: 8rem;
+  column-gap: 8rem
+}
+
+.col-gap-40 {
+  grid-column-gap: 10rem;
+  column-gap: 10rem
+}
+
+.col-gap-48 {
+  grid-column-gap: 12rem;
+  column-gap: 12rem
+}
+
+.col-gap-56 {
+  grid-column-gap: 14rem;
+  column-gap: 14rem
+}
+
+.col-gap-64 {
+  grid-column-gap: 16rem;
+  column-gap: 16rem
+}
+
+.col-gap-px {
+  grid-column-gap: 1px;
+  column-gap: 1px
+}
+
+.row-gap-0 {
+  grid-row-gap: 0;
+  row-gap: 0
+}
+
+.row-gap-1 {
+  grid-row-gap: 0.25rem;
+  row-gap: 0.25rem
+}
+
+.row-gap-2 {
+  grid-row-gap: 0.5rem;
+  row-gap: 0.5rem
+}
+
+.row-gap-3 {
+  grid-row-gap: 0.75rem;
+  row-gap: 0.75rem
+}
+
+.row-gap-4 {
+  grid-row-gap: 1rem;
+  row-gap: 1rem
+}
+
+.row-gap-5 {
+  grid-row-gap: 1.25rem;
+  row-gap: 1.25rem
+}
+
+.row-gap-6 {
+  grid-row-gap: 1.5rem;
+  row-gap: 1.5rem
+}
+
+.row-gap-8 {
+  grid-row-gap: 2rem;
+  row-gap: 2rem
+}
+
+.row-gap-10 {
+  grid-row-gap: 2.5rem;
+  row-gap: 2.5rem
+}
+
+.row-gap-12 {
+  grid-row-gap: 3rem;
+  row-gap: 3rem
+}
+
+.row-gap-16 {
+  grid-row-gap: 4rem;
+  row-gap: 4rem
+}
+
+.row-gap-20 {
+  grid-row-gap: 5rem;
+  row-gap: 5rem
+}
+
+.row-gap-24 {
+  grid-row-gap: 6rem;
+  row-gap: 6rem
+}
+
+.row-gap-32 {
+  grid-row-gap: 8rem;
+  row-gap: 8rem
+}
+
+.row-gap-40 {
+  grid-row-gap: 10rem;
+  row-gap: 10rem
+}
+
+.row-gap-48 {
+  grid-row-gap: 12rem;
+  row-gap: 12rem
+}
+
+.row-gap-56 {
+  grid-row-gap: 14rem;
+  row-gap: 14rem
+}
+
+.row-gap-64 {
+  grid-row-gap: 16rem;
+  row-gap: 16rem
+}
+
+.row-gap-px {
+  grid-row-gap: 1px;
+  row-gap: 1px
+}
+
 .grid-flow-row {
   grid-auto-flow: row
 }
@@ -9703,6 +9937,126 @@
   grid-column-end: auto
 }
 
+.grid-rows-1 {
+  grid-template-rows: repeat(1, minmax(0, 1fr))
+}
+
+.grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr))
+}
+
+.grid-rows-3 {
+  grid-template-rows: repeat(3, minmax(0, 1fr))
+}
+
+.grid-rows-4 {
+  grid-template-rows: repeat(4, minmax(0, 1fr))
+}
+
+.grid-rows-5 {
+  grid-template-rows: repeat(5, minmax(0, 1fr))
+}
+
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr))
+}
+
+.grid-rows-none {
+  grid-template-rows: none
+}
+
+.row-auto {
+  grid-row: auto
+}
+
+.row-span-1 {
+  grid-row: span 1 / span 1
+}
+
+.row-span-2 {
+  grid-row: span 2 / span 2
+}
+
+.row-span-3 {
+  grid-row: span 3 / span 3
+}
+
+.row-span-4 {
+  grid-row: span 4 / span 4
+}
+
+.row-span-5 {
+  grid-row: span 5 / span 5
+}
+
+.row-span-6 {
+  grid-row: span 6 / span 6
+}
+
+.row-start-1 {
+  grid-row-start: 1
+}
+
+.row-start-2 {
+  grid-row-start: 2
+}
+
+.row-start-3 {
+  grid-row-start: 3
+}
+
+.row-start-4 {
+  grid-row-start: 4
+}
+
+.row-start-5 {
+  grid-row-start: 5
+}
+
+.row-start-6 {
+  grid-row-start: 6
+}
+
+.row-start-7 {
+  grid-row-start: 7
+}
+
+.row-start-auto {
+  grid-row-start: auto
+}
+
+.row-end-1 {
+  grid-row-end: 1
+}
+
+.row-end-2 {
+  grid-row-end: 2
+}
+
+.row-end-3 {
+  grid-row-end: 3
+}
+
+.row-end-4 {
+  grid-row-end: 4
+}
+
+.row-end-5 {
+  grid-row-end: 5
+}
+
+.row-end-6 {
+  grid-row-end: 6
+}
+
+.row-end-7 {
+  grid-row-end: 7
+}
+
+.row-end-auto {
+  grid-row-end: auto
+}
+
 .transform {
   --transform-translate-x: 0;
   --transform-translate-y: 0;
@@ -11212,6 +11566,174 @@
   --transform-translate-y: 100%
 }
 
+.skew-x-0 {
+  --transform-skew-x: 0
+}
+
+.skew-x-3 {
+  --transform-skew-x: 3deg
+}
+
+.skew-x-6 {
+  --transform-skew-x: 6deg
+}
+
+.skew-x-12 {
+  --transform-skew-x: 12deg
+}
+
+.-skew-x-12 {
+  --transform-skew-x: -12deg
+}
+
+.-skew-x-6 {
+  --transform-skew-x: -6deg
+}
+
+.-skew-x-3 {
+  --transform-skew-x: -3deg
+}
+
+.skew-y-0 {
+  --transform-skew-y: 0
+}
+
+.skew-y-3 {
+  --transform-skew-y: 3deg
+}
+
+.skew-y-6 {
+  --transform-skew-y: 6deg
+}
+
+.skew-y-12 {
+  --transform-skew-y: 12deg
+}
+
+.-skew-y-12 {
+  --transform-skew-y: -12deg
+}
+
+.-skew-y-6 {
+  --transform-skew-y: -6deg
+}
+
+.-skew-y-3 {
+  --transform-skew-y: -3deg
+}
+
+.hover\:skew-x-0:hover {
+  --transform-skew-x: 0
+}
+
+.hover\:skew-x-3:hover {
+  --transform-skew-x: 3deg
+}
+
+.hover\:skew-x-6:hover {
+  --transform-skew-x: 6deg
+}
+
+.hover\:skew-x-12:hover {
+  --transform-skew-x: 12deg
+}
+
+.hover\:-skew-x-12:hover {
+  --transform-skew-x: -12deg
+}
+
+.hover\:-skew-x-6:hover {
+  --transform-skew-x: -6deg
+}
+
+.hover\:-skew-x-3:hover {
+  --transform-skew-x: -3deg
+}
+
+.hover\:skew-y-0:hover {
+  --transform-skew-y: 0
+}
+
+.hover\:skew-y-3:hover {
+  --transform-skew-y: 3deg
+}
+
+.hover\:skew-y-6:hover {
+  --transform-skew-y: 6deg
+}
+
+.hover\:skew-y-12:hover {
+  --transform-skew-y: 12deg
+}
+
+.hover\:-skew-y-12:hover {
+  --transform-skew-y: -12deg
+}
+
+.hover\:-skew-y-6:hover {
+  --transform-skew-y: -6deg
+}
+
+.hover\:-skew-y-3:hover {
+  --transform-skew-y: -3deg
+}
+
+.focus\:skew-x-0:focus {
+  --transform-skew-x: 0
+}
+
+.focus\:skew-x-3:focus {
+  --transform-skew-x: 3deg
+}
+
+.focus\:skew-x-6:focus {
+  --transform-skew-x: 6deg
+}
+
+.focus\:skew-x-12:focus {
+  --transform-skew-x: 12deg
+}
+
+.focus\:-skew-x-12:focus {
+  --transform-skew-x: -12deg
+}
+
+.focus\:-skew-x-6:focus {
+  --transform-skew-x: -6deg
+}
+
+.focus\:-skew-x-3:focus {
+  --transform-skew-x: -3deg
+}
+
+.focus\:skew-y-0:focus {
+  --transform-skew-y: 0
+}
+
+.focus\:skew-y-3:focus {
+  --transform-skew-y: 3deg
+}
+
+.focus\:skew-y-6:focus {
+  --transform-skew-y: 6deg
+}
+
+.focus\:skew-y-12:focus {
+  --transform-skew-y: 12deg
+}
+
+.focus\:-skew-y-12:focus {
+  --transform-skew-y: -12deg
+}
+
+.focus\:-skew-y-6:focus {
+  --transform-skew-y: -6deg
+}
+
+.focus\:-skew-y-3:focus {
+  --transform-skew-y: -3deg
+}
+
 .transition-none {
   transition-property: none
 }
@@ -11221,17 +11743,21 @@
 }
 
 .transition {
-  transition-property: background-color, border-color, color, opacity, transform
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
 }
 
 .transition-colors {
-  transition-property: background-color, border-color, color
+  transition-property: background-color, border-color, color, fill, stroke
 }
 
 .transition-opacity {
   transition-property: opacity
 }
 
+.transition-shadow {
+  transition-property: box-shadow
+}
+
 .transition-transform {
   transition-property: transform
 }
@@ -14356,7 +14882,7 @@
   }
 
   .sm\:font-sans {
-    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
   }
 
   .sm\:font-serif {
@@ -14563,6 +15089,38 @@
     height: 100vh
   }
 
+  .sm\:leading-3 {
+    line-height: .75rem
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem
+  }
+
   .sm\:leading-none {
     line-height: 1
   }
@@ -18946,8 +19504,12 @@
     resize: both
   }
 
+  .sm\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .sm\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .sm\:shadow {
@@ -18982,8 +19544,12 @@
     box-shadow: none
   }
 
+  .sm\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .sm\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .sm\:hover\:shadow:hover {
@@ -19018,8 +19584,12 @@
     box-shadow: none
   }
 
+  .sm\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .sm\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .sm\:focus\:shadow:focus {
@@ -20758,6 +21328,196 @@
     gap: 1px
   }
 
+  .sm\:col-gap-0 {
+    grid-column-gap: 0;
+    column-gap: 0
+  }
+
+  .sm\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem
+  }
+
+  .sm\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem
+  }
+
+  .sm\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem
+  }
+
+  .sm\:col-gap-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem
+  }
+
+  .sm\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem
+  }
+
+  .sm\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem
+  }
+
+  .sm\:col-gap-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem
+  }
+
+  .sm\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem
+  }
+
+  .sm\:col-gap-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem
+  }
+
+  .sm\:col-gap-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem
+  }
+
+  .sm\:col-gap-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem
+  }
+
+  .sm\:col-gap-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem
+  }
+
+  .sm\:col-gap-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem
+  }
+
+  .sm\:col-gap-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem
+  }
+
+  .sm\:col-gap-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem
+  }
+
+  .sm\:col-gap-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem
+  }
+
+  .sm\:col-gap-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem
+  }
+
+  .sm\:col-gap-px {
+    grid-column-gap: 1px;
+    column-gap: 1px
+  }
+
+  .sm\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0
+  }
+
+  .sm\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem
+  }
+
+  .sm\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem
+  }
+
+  .sm\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem
+  }
+
+  .sm\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem
+  }
+
+  .sm\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem
+  }
+
+  .sm\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem
+  }
+
+  .sm\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem
+  }
+
+  .sm\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem
+  }
+
+  .sm\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem
+  }
+
+  .sm\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem
+  }
+
+  .sm\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem
+  }
+
+  .sm\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem
+  }
+
+  .sm\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem
+  }
+
+  .sm\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem
+  }
+
+  .sm\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem
+  }
+
+  .sm\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem
+  }
+
+  .sm\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem
+  }
+
+  .sm\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px
+  }
+
   .sm\:grid-flow-row {
     grid-auto-flow: row
   }
@@ -20990,6 +21750,126 @@
     grid-column-end: auto
   }
 
+  .sm\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr))
+  }
+
+  .sm\:grid-rows-none {
+    grid-template-rows: none
+  }
+
+  .sm\:row-auto {
+    grid-row: auto
+  }
+
+  .sm\:row-span-1 {
+    grid-row: span 1 / span 1
+  }
+
+  .sm\:row-span-2 {
+    grid-row: span 2 / span 2
+  }
+
+  .sm\:row-span-3 {
+    grid-row: span 3 / span 3
+  }
+
+  .sm\:row-span-4 {
+    grid-row: span 4 / span 4
+  }
+
+  .sm\:row-span-5 {
+    grid-row: span 5 / span 5
+  }
+
+  .sm\:row-span-6 {
+    grid-row: span 6 / span 6
+  }
+
+  .sm\:row-start-1 {
+    grid-row-start: 1
+  }
+
+  .sm\:row-start-2 {
+    grid-row-start: 2
+  }
+
+  .sm\:row-start-3 {
+    grid-row-start: 3
+  }
+
+  .sm\:row-start-4 {
+    grid-row-start: 4
+  }
+
+  .sm\:row-start-5 {
+    grid-row-start: 5
+  }
+
+  .sm\:row-start-6 {
+    grid-row-start: 6
+  }
+
+  .sm\:row-start-7 {
+    grid-row-start: 7
+  }
+
+  .sm\:row-start-auto {
+    grid-row-start: auto
+  }
+
+  .sm\:row-end-1 {
+    grid-row-end: 1
+  }
+
+  .sm\:row-end-2 {
+    grid-row-end: 2
+  }
+
+  .sm\:row-end-3 {
+    grid-row-end: 3
+  }
+
+  .sm\:row-end-4 {
+    grid-row-end: 4
+  }
+
+  .sm\:row-end-5 {
+    grid-row-end: 5
+  }
+
+  .sm\:row-end-6 {
+    grid-row-end: 6
+  }
+
+  .sm\:row-end-7 {
+    grid-row-end: 7
+  }
+
+  .sm\:row-end-auto {
+    grid-row-end: auto
+  }
+
   .sm\:transform {
     --transform-translate-x: 0;
     --transform-translate-y: 0;
@@ -22499,6 +23379,174 @@
     --transform-translate-y: 100%
   }
 
+  .sm\:skew-x-0 {
+    --transform-skew-x: 0
+  }
+
+  .sm\:skew-x-3 {
+    --transform-skew-x: 3deg
+  }
+
+  .sm\:skew-x-6 {
+    --transform-skew-x: 6deg
+  }
+
+  .sm\:skew-x-12 {
+    --transform-skew-x: 12deg
+  }
+
+  .sm\:-skew-x-12 {
+    --transform-skew-x: -12deg
+  }
+
+  .sm\:-skew-x-6 {
+    --transform-skew-x: -6deg
+  }
+
+  .sm\:-skew-x-3 {
+    --transform-skew-x: -3deg
+  }
+
+  .sm\:skew-y-0 {
+    --transform-skew-y: 0
+  }
+
+  .sm\:skew-y-3 {
+    --transform-skew-y: 3deg
+  }
+
+  .sm\:skew-y-6 {
+    --transform-skew-y: 6deg
+  }
+
+  .sm\:skew-y-12 {
+    --transform-skew-y: 12deg
+  }
+
+  .sm\:-skew-y-12 {
+    --transform-skew-y: -12deg
+  }
+
+  .sm\:-skew-y-6 {
+    --transform-skew-y: -6deg
+  }
+
+  .sm\:-skew-y-3 {
+    --transform-skew-y: -3deg
+  }
+
+  .sm\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0
+  }
+
+  .sm\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg
+  }
+
+  .sm\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg
+  }
+
+  .sm\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg
+  }
+
+  .sm\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg
+  }
+
+  .sm\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg
+  }
+
+  .sm\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg
+  }
+
+  .sm\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0
+  }
+
+  .sm\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg
+  }
+
+  .sm\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg
+  }
+
+  .sm\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg
+  }
+
+  .sm\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg
+  }
+
+  .sm\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg
+  }
+
+  .sm\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg
+  }
+
+  .sm\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0
+  }
+
+  .sm\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg
+  }
+
+  .sm\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg
+  }
+
+  .sm\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg
+  }
+
+  .sm\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg
+  }
+
+  .sm\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg
+  }
+
+  .sm\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg
+  }
+
+  .sm\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0
+  }
+
+  .sm\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg
+  }
+
+  .sm\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg
+  }
+
+  .sm\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg
+  }
+
+  .sm\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg
+  }
+
+  .sm\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg
+  }
+
+  .sm\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg
+  }
+
   .sm\:transition-none {
     transition-property: none
   }
@@ -22508,17 +23556,21 @@
   }
 
   .sm\:transition {
-    transition-property: background-color, border-color, color, opacity, transform
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
   }
 
   .sm\:transition-colors {
-    transition-property: background-color, border-color, color
+    transition-property: background-color, border-color, color, fill, stroke
   }
 
   .sm\:transition-opacity {
     transition-property: opacity
   }
 
+  .sm\:transition-shadow {
+    transition-property: box-shadow
+  }
+
   .sm\:transition-transform {
     transition-property: transform
   }
@@ -25644,7 +26696,7 @@
   }
 
   .md\:font-sans {
-    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
   }
 
   .md\:font-serif {
@@ -25851,6 +26903,38 @@
     height: 100vh
   }
 
+  .md\:leading-3 {
+    line-height: .75rem
+  }
+
+  .md\:leading-4 {
+    line-height: 1rem
+  }
+
+  .md\:leading-5 {
+    line-height: 1.25rem
+  }
+
+  .md\:leading-6 {
+    line-height: 1.5rem
+  }
+
+  .md\:leading-7 {
+    line-height: 1.75rem
+  }
+
+  .md\:leading-8 {
+    line-height: 2rem
+  }
+
+  .md\:leading-9 {
+    line-height: 2.25rem
+  }
+
+  .md\:leading-10 {
+    line-height: 2.5rem
+  }
+
   .md\:leading-none {
     line-height: 1
   }
@@ -30234,8 +31318,12 @@
     resize: both
   }
 
+  .md\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .md\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .md\:shadow {
@@ -30270,8 +31358,12 @@
     box-shadow: none
   }
 
+  .md\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .md\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .md\:hover\:shadow:hover {
@@ -30306,8 +31398,12 @@
     box-shadow: none
   }
 
+  .md\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .md\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .md\:focus\:shadow:focus {
@@ -32046,6 +33142,196 @@
     gap: 1px
   }
 
+  .md\:col-gap-0 {
+    grid-column-gap: 0;
+    column-gap: 0
+  }
+
+  .md\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem
+  }
+
+  .md\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem
+  }
+
+  .md\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem
+  }
+
+  .md\:col-gap-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem
+  }
+
+  .md\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem
+  }
+
+  .md\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem
+  }
+
+  .md\:col-gap-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem
+  }
+
+  .md\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem
+  }
+
+  .md\:col-gap-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem
+  }
+
+  .md\:col-gap-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem
+  }
+
+  .md\:col-gap-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem
+  }
+
+  .md\:col-gap-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem
+  }
+
+  .md\:col-gap-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem
+  }
+
+  .md\:col-gap-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem
+  }
+
+  .md\:col-gap-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem
+  }
+
+  .md\:col-gap-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem
+  }
+
+  .md\:col-gap-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem
+  }
+
+  .md\:col-gap-px {
+    grid-column-gap: 1px;
+    column-gap: 1px
+  }
+
+  .md\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0
+  }
+
+  .md\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem
+  }
+
+  .md\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem
+  }
+
+  .md\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem
+  }
+
+  .md\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem
+  }
+
+  .md\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem
+  }
+
+  .md\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem
+  }
+
+  .md\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem
+  }
+
+  .md\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem
+  }
+
+  .md\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem
+  }
+
+  .md\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem
+  }
+
+  .md\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem
+  }
+
+  .md\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem
+  }
+
+  .md\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem
+  }
+
+  .md\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem
+  }
+
+  .md\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem
+  }
+
+  .md\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem
+  }
+
+  .md\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem
+  }
+
+  .md\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px
+  }
+
   .md\:grid-flow-row {
     grid-auto-flow: row
   }
@@ -32278,6 +33564,126 @@
     grid-column-end: auto
   }
 
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr))
+  }
+
+  .md\:grid-rows-none {
+    grid-template-rows: none
+  }
+
+  .md\:row-auto {
+    grid-row: auto
+  }
+
+  .md\:row-span-1 {
+    grid-row: span 1 / span 1
+  }
+
+  .md\:row-span-2 {
+    grid-row: span 2 / span 2
+  }
+
+  .md\:row-span-3 {
+    grid-row: span 3 / span 3
+  }
+
+  .md\:row-span-4 {
+    grid-row: span 4 / span 4
+  }
+
+  .md\:row-span-5 {
+    grid-row: span 5 / span 5
+  }
+
+  .md\:row-span-6 {
+    grid-row: span 6 / span 6
+  }
+
+  .md\:row-start-1 {
+    grid-row-start: 1
+  }
+
+  .md\:row-start-2 {
+    grid-row-start: 2
+  }
+
+  .md\:row-start-3 {
+    grid-row-start: 3
+  }
+
+  .md\:row-start-4 {
+    grid-row-start: 4
+  }
+
+  .md\:row-start-5 {
+    grid-row-start: 5
+  }
+
+  .md\:row-start-6 {
+    grid-row-start: 6
+  }
+
+  .md\:row-start-7 {
+    grid-row-start: 7
+  }
+
+  .md\:row-start-auto {
+    grid-row-start: auto
+  }
+
+  .md\:row-end-1 {
+    grid-row-end: 1
+  }
+
+  .md\:row-end-2 {
+    grid-row-end: 2
+  }
+
+  .md\:row-end-3 {
+    grid-row-end: 3
+  }
+
+  .md\:row-end-4 {
+    grid-row-end: 4
+  }
+
+  .md\:row-end-5 {
+    grid-row-end: 5
+  }
+
+  .md\:row-end-6 {
+    grid-row-end: 6
+  }
+
+  .md\:row-end-7 {
+    grid-row-end: 7
+  }
+
+  .md\:row-end-auto {
+    grid-row-end: auto
+  }
+
   .md\:transform {
     --transform-translate-x: 0;
     --transform-translate-y: 0;
@@ -33787,6 +35193,174 @@
     --transform-translate-y: 100%
   }
 
+  .md\:skew-x-0 {
+    --transform-skew-x: 0
+  }
+
+  .md\:skew-x-3 {
+    --transform-skew-x: 3deg
+  }
+
+  .md\:skew-x-6 {
+    --transform-skew-x: 6deg
+  }
+
+  .md\:skew-x-12 {
+    --transform-skew-x: 12deg
+  }
+
+  .md\:-skew-x-12 {
+    --transform-skew-x: -12deg
+  }
+
+  .md\:-skew-x-6 {
+    --transform-skew-x: -6deg
+  }
+
+  .md\:-skew-x-3 {
+    --transform-skew-x: -3deg
+  }
+
+  .md\:skew-y-0 {
+    --transform-skew-y: 0
+  }
+
+  .md\:skew-y-3 {
+    --transform-skew-y: 3deg
+  }
+
+  .md\:skew-y-6 {
+    --transform-skew-y: 6deg
+  }
+
+  .md\:skew-y-12 {
+    --transform-skew-y: 12deg
+  }
+
+  .md\:-skew-y-12 {
+    --transform-skew-y: -12deg
+  }
+
+  .md\:-skew-y-6 {
+    --transform-skew-y: -6deg
+  }
+
+  .md\:-skew-y-3 {
+    --transform-skew-y: -3deg
+  }
+
+  .md\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0
+  }
+
+  .md\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg
+  }
+
+  .md\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg
+  }
+
+  .md\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg
+  }
+
+  .md\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg
+  }
+
+  .md\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg
+  }
+
+  .md\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg
+  }
+
+  .md\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0
+  }
+
+  .md\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg
+  }
+
+  .md\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg
+  }
+
+  .md\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg
+  }
+
+  .md\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg
+  }
+
+  .md\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg
+  }
+
+  .md\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg
+  }
+
+  .md\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0
+  }
+
+  .md\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg
+  }
+
+  .md\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg
+  }
+
+  .md\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg
+  }
+
+  .md\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg
+  }
+
+  .md\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg
+  }
+
+  .md\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg
+  }
+
+  .md\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0
+  }
+
+  .md\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg
+  }
+
+  .md\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg
+  }
+
+  .md\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg
+  }
+
+  .md\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg
+  }
+
+  .md\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg
+  }
+
+  .md\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg
+  }
+
   .md\:transition-none {
     transition-property: none
   }
@@ -33796,17 +35370,21 @@
   }
 
   .md\:transition {
-    transition-property: background-color, border-color, color, opacity, transform
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
   }
 
   .md\:transition-colors {
-    transition-property: background-color, border-color, color
+    transition-property: background-color, border-color, color, fill, stroke
   }
 
   .md\:transition-opacity {
     transition-property: opacity
   }
 
+  .md\:transition-shadow {
+    transition-property: box-shadow
+  }
+
   .md\:transition-transform {
     transition-property: transform
   }
@@ -36932,7 +38510,7 @@
   }
 
   .lg\:font-sans {
-    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
   }
 
   .lg\:font-serif {
@@ -37139,6 +38717,38 @@
     height: 100vh
   }
 
+  .lg\:leading-3 {
+    line-height: .75rem
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem
+  }
+
   .lg\:leading-none {
     line-height: 1
   }
@@ -41522,8 +43132,12 @@
     resize: both
   }
 
+  .lg\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .lg\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .lg\:shadow {
@@ -41558,8 +43172,12 @@
     box-shadow: none
   }
 
+  .lg\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .lg\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .lg\:hover\:shadow:hover {
@@ -41594,8 +43212,12 @@
     box-shadow: none
   }
 
+  .lg\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .lg\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .lg\:focus\:shadow:focus {
@@ -43334,6 +44956,196 @@
     gap: 1px
   }
 
+  .lg\:col-gap-0 {
+    grid-column-gap: 0;
+    column-gap: 0
+  }
+
+  .lg\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem
+  }
+
+  .lg\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem
+  }
+
+  .lg\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem
+  }
+
+  .lg\:col-gap-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem
+  }
+
+  .lg\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem
+  }
+
+  .lg\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem
+  }
+
+  .lg\:col-gap-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem
+  }
+
+  .lg\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem
+  }
+
+  .lg\:col-gap-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem
+  }
+
+  .lg\:col-gap-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem
+  }
+
+  .lg\:col-gap-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem
+  }
+
+  .lg\:col-gap-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem
+  }
+
+  .lg\:col-gap-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem
+  }
+
+  .lg\:col-gap-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem
+  }
+
+  .lg\:col-gap-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem
+  }
+
+  .lg\:col-gap-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem
+  }
+
+  .lg\:col-gap-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem
+  }
+
+  .lg\:col-gap-px {
+    grid-column-gap: 1px;
+    column-gap: 1px
+  }
+
+  .lg\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0
+  }
+
+  .lg\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem
+  }
+
+  .lg\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem
+  }
+
+  .lg\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem
+  }
+
+  .lg\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem
+  }
+
+  .lg\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem
+  }
+
+  .lg\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem
+  }
+
+  .lg\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem
+  }
+
+  .lg\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem
+  }
+
+  .lg\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem
+  }
+
+  .lg\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem
+  }
+
+  .lg\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem
+  }
+
+  .lg\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem
+  }
+
+  .lg\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem
+  }
+
+  .lg\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem
+  }
+
+  .lg\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem
+  }
+
+  .lg\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem
+  }
+
+  .lg\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem
+  }
+
+  .lg\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px
+  }
+
   .lg\:grid-flow-row {
     grid-auto-flow: row
   }
@@ -43566,6 +45378,126 @@
     grid-column-end: auto
   }
 
+  .lg\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr))
+  }
+
+  .lg\:grid-rows-none {
+    grid-template-rows: none
+  }
+
+  .lg\:row-auto {
+    grid-row: auto
+  }
+
+  .lg\:row-span-1 {
+    grid-row: span 1 / span 1
+  }
+
+  .lg\:row-span-2 {
+    grid-row: span 2 / span 2
+  }
+
+  .lg\:row-span-3 {
+    grid-row: span 3 / span 3
+  }
+
+  .lg\:row-span-4 {
+    grid-row: span 4 / span 4
+  }
+
+  .lg\:row-span-5 {
+    grid-row: span 5 / span 5
+  }
+
+  .lg\:row-span-6 {
+    grid-row: span 6 / span 6
+  }
+
+  .lg\:row-start-1 {
+    grid-row-start: 1
+  }
+
+  .lg\:row-start-2 {
+    grid-row-start: 2
+  }
+
+  .lg\:row-start-3 {
+    grid-row-start: 3
+  }
+
+  .lg\:row-start-4 {
+    grid-row-start: 4
+  }
+
+  .lg\:row-start-5 {
+    grid-row-start: 5
+  }
+
+  .lg\:row-start-6 {
+    grid-row-start: 6
+  }
+
+  .lg\:row-start-7 {
+    grid-row-start: 7
+  }
+
+  .lg\:row-start-auto {
+    grid-row-start: auto
+  }
+
+  .lg\:row-end-1 {
+    grid-row-end: 1
+  }
+
+  .lg\:row-end-2 {
+    grid-row-end: 2
+  }
+
+  .lg\:row-end-3 {
+    grid-row-end: 3
+  }
+
+  .lg\:row-end-4 {
+    grid-row-end: 4
+  }
+
+  .lg\:row-end-5 {
+    grid-row-end: 5
+  }
+
+  .lg\:row-end-6 {
+    grid-row-end: 6
+  }
+
+  .lg\:row-end-7 {
+    grid-row-end: 7
+  }
+
+  .lg\:row-end-auto {
+    grid-row-end: auto
+  }
+
   .lg\:transform {
     --transform-translate-x: 0;
     --transform-translate-y: 0;
@@ -45075,6 +47007,174 @@
     --transform-translate-y: 100%
   }
 
+  .lg\:skew-x-0 {
+    --transform-skew-x: 0
+  }
+
+  .lg\:skew-x-3 {
+    --transform-skew-x: 3deg
+  }
+
+  .lg\:skew-x-6 {
+    --transform-skew-x: 6deg
+  }
+
+  .lg\:skew-x-12 {
+    --transform-skew-x: 12deg
+  }
+
+  .lg\:-skew-x-12 {
+    --transform-skew-x: -12deg
+  }
+
+  .lg\:-skew-x-6 {
+    --transform-skew-x: -6deg
+  }
+
+  .lg\:-skew-x-3 {
+    --transform-skew-x: -3deg
+  }
+
+  .lg\:skew-y-0 {
+    --transform-skew-y: 0
+  }
+
+  .lg\:skew-y-3 {
+    --transform-skew-y: 3deg
+  }
+
+  .lg\:skew-y-6 {
+    --transform-skew-y: 6deg
+  }
+
+  .lg\:skew-y-12 {
+    --transform-skew-y: 12deg
+  }
+
+  .lg\:-skew-y-12 {
+    --transform-skew-y: -12deg
+  }
+
+  .lg\:-skew-y-6 {
+    --transform-skew-y: -6deg
+  }
+
+  .lg\:-skew-y-3 {
+    --transform-skew-y: -3deg
+  }
+
+  .lg\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0
+  }
+
+  .lg\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg
+  }
+
+  .lg\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg
+  }
+
+  .lg\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg
+  }
+
+  .lg\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg
+  }
+
+  .lg\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg
+  }
+
+  .lg\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg
+  }
+
+  .lg\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0
+  }
+
+  .lg\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg
+  }
+
+  .lg\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg
+  }
+
+  .lg\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg
+  }
+
+  .lg\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg
+  }
+
+  .lg\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg
+  }
+
+  .lg\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg
+  }
+
+  .lg\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0
+  }
+
+  .lg\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg
+  }
+
+  .lg\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg
+  }
+
+  .lg\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg
+  }
+
+  .lg\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg
+  }
+
+  .lg\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg
+  }
+
+  .lg\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg
+  }
+
+  .lg\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0
+  }
+
+  .lg\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg
+  }
+
+  .lg\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg
+  }
+
+  .lg\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg
+  }
+
+  .lg\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg
+  }
+
+  .lg\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg
+  }
+
+  .lg\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg
+  }
+
   .lg\:transition-none {
     transition-property: none
   }
@@ -45084,17 +47184,21 @@
   }
 
   .lg\:transition {
-    transition-property: background-color, border-color, color, opacity, transform
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
   }
 
   .lg\:transition-colors {
-    transition-property: background-color, border-color, color
+    transition-property: background-color, border-color, color, fill, stroke
   }
 
   .lg\:transition-opacity {
     transition-property: opacity
   }
 
+  .lg\:transition-shadow {
+    transition-property: box-shadow
+  }
+
   .lg\:transition-transform {
     transition-property: transform
   }
@@ -48220,7 +50324,7 @@
   }
 
   .xl\:font-sans {
-    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
   }
 
   .xl\:font-serif {
@@ -48427,6 +50531,38 @@
     height: 100vh
   }
 
+  .xl\:leading-3 {
+    line-height: .75rem
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem
+  }
+
   .xl\:leading-none {
     line-height: 1
   }
@@ -52810,8 +54946,12 @@
     resize: both
   }
 
+  .xl\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .xl\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .xl\:shadow {
@@ -52846,8 +54986,12 @@
     box-shadow: none
   }
 
+  .xl\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .xl\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .xl\:hover\:shadow:hover {
@@ -52882,8 +55026,12 @@
     box-shadow: none
   }
 
+  .xl\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
+  }
+
   .xl\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04)
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
   }
 
   .xl\:focus\:shadow:focus {
@@ -54622,6 +56770,196 @@
     gap: 1px
   }
 
+  .xl\:col-gap-0 {
+    grid-column-gap: 0;
+    column-gap: 0
+  }
+
+  .xl\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+    column-gap: 0.25rem
+  }
+
+  .xl\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+    column-gap: 0.5rem
+  }
+
+  .xl\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+    column-gap: 0.75rem
+  }
+
+  .xl\:col-gap-4 {
+    grid-column-gap: 1rem;
+    column-gap: 1rem
+  }
+
+  .xl\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+    column-gap: 1.25rem
+  }
+
+  .xl\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+    column-gap: 1.5rem
+  }
+
+  .xl\:col-gap-8 {
+    grid-column-gap: 2rem;
+    column-gap: 2rem
+  }
+
+  .xl\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+    column-gap: 2.5rem
+  }
+
+  .xl\:col-gap-12 {
+    grid-column-gap: 3rem;
+    column-gap: 3rem
+  }
+
+  .xl\:col-gap-16 {
+    grid-column-gap: 4rem;
+    column-gap: 4rem
+  }
+
+  .xl\:col-gap-20 {
+    grid-column-gap: 5rem;
+    column-gap: 5rem
+  }
+
+  .xl\:col-gap-24 {
+    grid-column-gap: 6rem;
+    column-gap: 6rem
+  }
+
+  .xl\:col-gap-32 {
+    grid-column-gap: 8rem;
+    column-gap: 8rem
+  }
+
+  .xl\:col-gap-40 {
+    grid-column-gap: 10rem;
+    column-gap: 10rem
+  }
+
+  .xl\:col-gap-48 {
+    grid-column-gap: 12rem;
+    column-gap: 12rem
+  }
+
+  .xl\:col-gap-56 {
+    grid-column-gap: 14rem;
+    column-gap: 14rem
+  }
+
+  .xl\:col-gap-64 {
+    grid-column-gap: 16rem;
+    column-gap: 16rem
+  }
+
+  .xl\:col-gap-px {
+    grid-column-gap: 1px;
+    column-gap: 1px
+  }
+
+  .xl\:row-gap-0 {
+    grid-row-gap: 0;
+    row-gap: 0
+  }
+
+  .xl\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+    row-gap: 0.25rem
+  }
+
+  .xl\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+    row-gap: 0.5rem
+  }
+
+  .xl\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+    row-gap: 0.75rem
+  }
+
+  .xl\:row-gap-4 {
+    grid-row-gap: 1rem;
+    row-gap: 1rem
+  }
+
+  .xl\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+    row-gap: 1.25rem
+  }
+
+  .xl\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem
+  }
+
+  .xl\:row-gap-8 {
+    grid-row-gap: 2rem;
+    row-gap: 2rem
+  }
+
+  .xl\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+    row-gap: 2.5rem
+  }
+
+  .xl\:row-gap-12 {
+    grid-row-gap: 3rem;
+    row-gap: 3rem
+  }
+
+  .xl\:row-gap-16 {
+    grid-row-gap: 4rem;
+    row-gap: 4rem
+  }
+
+  .xl\:row-gap-20 {
+    grid-row-gap: 5rem;
+    row-gap: 5rem
+  }
+
+  .xl\:row-gap-24 {
+    grid-row-gap: 6rem;
+    row-gap: 6rem
+  }
+
+  .xl\:row-gap-32 {
+    grid-row-gap: 8rem;
+    row-gap: 8rem
+  }
+
+  .xl\:row-gap-40 {
+    grid-row-gap: 10rem;
+    row-gap: 10rem
+  }
+
+  .xl\:row-gap-48 {
+    grid-row-gap: 12rem;
+    row-gap: 12rem
+  }
+
+  .xl\:row-gap-56 {
+    grid-row-gap: 14rem;
+    row-gap: 14rem
+  }
+
+  .xl\:row-gap-64 {
+    grid-row-gap: 16rem;
+    row-gap: 16rem
+  }
+
+  .xl\:row-gap-px {
+    grid-row-gap: 1px;
+    row-gap: 1px
+  }
+
   .xl\:grid-flow-row {
     grid-auto-flow: row
   }
@@ -54854,6 +57192,126 @@
     grid-column-end: auto
   }
 
+  .xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr))
+  }
+
+  .xl\:grid-rows-none {
+    grid-template-rows: none
+  }
+
+  .xl\:row-auto {
+    grid-row: auto
+  }
+
+  .xl\:row-span-1 {
+    grid-row: span 1 / span 1
+  }
+
+  .xl\:row-span-2 {
+    grid-row: span 2 / span 2
+  }
+
+  .xl\:row-span-3 {
+    grid-row: span 3 / span 3
+  }
+
+  .xl\:row-span-4 {
+    grid-row: span 4 / span 4
+  }
+
+  .xl\:row-span-5 {
+    grid-row: span 5 / span 5
+  }
+
+  .xl\:row-span-6 {
+    grid-row: span 6 / span 6
+  }
+
+  .xl\:row-start-1 {
+    grid-row-start: 1
+  }
+
+  .xl\:row-start-2 {
+    grid-row-start: 2
+  }
+
+  .xl\:row-start-3 {
+    grid-row-start: 3
+  }
+
+  .xl\:row-start-4 {
+    grid-row-start: 4
+  }
+
+  .xl\:row-start-5 {
+    grid-row-start: 5
+  }
+
+  .xl\:row-start-6 {
+    grid-row-start: 6
+  }
+
+  .xl\:row-start-7 {
+    grid-row-start: 7
+  }
+
+  .xl\:row-start-auto {
+    grid-row-start: auto
+  }
+
+  .xl\:row-end-1 {
+    grid-row-end: 1
+  }
+
+  .xl\:row-end-2 {
+    grid-row-end: 2
+  }
+
+  .xl\:row-end-3 {
+    grid-row-end: 3
+  }
+
+  .xl\:row-end-4 {
+    grid-row-end: 4
+  }
+
+  .xl\:row-end-5 {
+    grid-row-end: 5
+  }
+
+  .xl\:row-end-6 {
+    grid-row-end: 6
+  }
+
+  .xl\:row-end-7 {
+    grid-row-end: 7
+  }
+
+  .xl\:row-end-auto {
+    grid-row-end: auto
+  }
+
   .xl\:transform {
     --transform-translate-x: 0;
     --transform-translate-y: 0;
@@ -56363,6 +58821,174 @@
     --transform-translate-y: 100%
   }
 
+  .xl\:skew-x-0 {
+    --transform-skew-x: 0
+  }
+
+  .xl\:skew-x-3 {
+    --transform-skew-x: 3deg
+  }
+
+  .xl\:skew-x-6 {
+    --transform-skew-x: 6deg
+  }
+
+  .xl\:skew-x-12 {
+    --transform-skew-x: 12deg
+  }
+
+  .xl\:-skew-x-12 {
+    --transform-skew-x: -12deg
+  }
+
+  .xl\:-skew-x-6 {
+    --transform-skew-x: -6deg
+  }
+
+  .xl\:-skew-x-3 {
+    --transform-skew-x: -3deg
+  }
+
+  .xl\:skew-y-0 {
+    --transform-skew-y: 0
+  }
+
+  .xl\:skew-y-3 {
+    --transform-skew-y: 3deg
+  }
+
+  .xl\:skew-y-6 {
+    --transform-skew-y: 6deg
+  }
+
+  .xl\:skew-y-12 {
+    --transform-skew-y: 12deg
+  }
+
+  .xl\:-skew-y-12 {
+    --transform-skew-y: -12deg
+  }
+
+  .xl\:-skew-y-6 {
+    --transform-skew-y: -6deg
+  }
+
+  .xl\:-skew-y-3 {
+    --transform-skew-y: -3deg
+  }
+
+  .xl\:hover\:skew-x-0:hover {
+    --transform-skew-x: 0
+  }
+
+  .xl\:hover\:skew-x-3:hover {
+    --transform-skew-x: 3deg
+  }
+
+  .xl\:hover\:skew-x-6:hover {
+    --transform-skew-x: 6deg
+  }
+
+  .xl\:hover\:skew-x-12:hover {
+    --transform-skew-x: 12deg
+  }
+
+  .xl\:hover\:-skew-x-12:hover {
+    --transform-skew-x: -12deg
+  }
+
+  .xl\:hover\:-skew-x-6:hover {
+    --transform-skew-x: -6deg
+  }
+
+  .xl\:hover\:-skew-x-3:hover {
+    --transform-skew-x: -3deg
+  }
+
+  .xl\:hover\:skew-y-0:hover {
+    --transform-skew-y: 0
+  }
+
+  .xl\:hover\:skew-y-3:hover {
+    --transform-skew-y: 3deg
+  }
+
+  .xl\:hover\:skew-y-6:hover {
+    --transform-skew-y: 6deg
+  }
+
+  .xl\:hover\:skew-y-12:hover {
+    --transform-skew-y: 12deg
+  }
+
+  .xl\:hover\:-skew-y-12:hover {
+    --transform-skew-y: -12deg
+  }
+
+  .xl\:hover\:-skew-y-6:hover {
+    --transform-skew-y: -6deg
+  }
+
+  .xl\:hover\:-skew-y-3:hover {
+    --transform-skew-y: -3deg
+  }
+
+  .xl\:focus\:skew-x-0:focus {
+    --transform-skew-x: 0
+  }
+
+  .xl\:focus\:skew-x-3:focus {
+    --transform-skew-x: 3deg
+  }
+
+  .xl\:focus\:skew-x-6:focus {
+    --transform-skew-x: 6deg
+  }
+
+  .xl\:focus\:skew-x-12:focus {
+    --transform-skew-x: 12deg
+  }
+
+  .xl\:focus\:-skew-x-12:focus {
+    --transform-skew-x: -12deg
+  }
+
+  .xl\:focus\:-skew-x-6:focus {
+    --transform-skew-x: -6deg
+  }
+
+  .xl\:focus\:-skew-x-3:focus {
+    --transform-skew-x: -3deg
+  }
+
+  .xl\:focus\:skew-y-0:focus {
+    --transform-skew-y: 0
+  }
+
+  .xl\:focus\:skew-y-3:focus {
+    --transform-skew-y: 3deg
+  }
+
+  .xl\:focus\:skew-y-6:focus {
+    --transform-skew-y: 6deg
+  }
+
+  .xl\:focus\:skew-y-12:focus {
+    --transform-skew-y: 12deg
+  }
+
+  .xl\:focus\:-skew-y-12:focus {
+    --transform-skew-y: -12deg
+  }
+
+  .xl\:focus\:-skew-y-6:focus {
+    --transform-skew-y: -6deg
+  }
+
+  .xl\:focus\:-skew-y-3:focus {
+    --transform-skew-y: -3deg
+  }
+
   .xl\:transition-none {
     transition-property: none
   }
@@ -56372,17 +58998,21 @@
   }
 
   .xl\:transition {
-    transition-property: background-color, border-color, color, opacity, transform
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
   }
 
   .xl\:transition-colors {
-    transition-property: background-color, border-color, color
+    transition-property: background-color, border-color, color, fill, stroke
   }
 
   .xl\:transition-opacity {
     transition-property: opacity
   }
 
+  .xl\:transition-shadow {
+    transition-property: box-shadow
+  }
+
   .xl\:transition-transform {
     transition-property: transform
   }