npm - @westpac/ui - Versions diffs - 0.31.0 → 0.32.0 - Mend

@westpac/ui 0.31.0 → 0.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (268) hide show

package/dist/css/westpac-ui.css CHANGED Viewed

@@ -3329,6 +3329,9 @@ body {
 .isolate {
   isolation: isolate;
 }
+.-z-10 {
+  z-index: -10;
+}
 .z-10 {
   z-index: 10;
 }
@@ -3506,6 +3509,9 @@ body {
 .-mt-2 {
   margin-top: -0.75rem;
 }
+.-mt-2\.5 {
+  margin-top: -0.9375rem;
+}
 .-mt-6 {
   margin-top: -2.25rem;
 }
@@ -3656,12 +3662,79 @@ body {
 .hidden {
   display: none;
 }
+.size-0 {
+  width: 0rem;
+  height: 0rem;
+}
+.size-10 {
+  width: 3.75rem;
+  height: 3.75rem;
+}
+.size-13 {
+  width: 4.875rem;
+  height: 4.875rem;
+}
+.size-15 {
+  width: 5.625rem;
+  height: 5.625rem;
+}
+.size-2 {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.size-3 {
+  width: 1.125rem;
+  height: 1.125rem;
+}
 .size-4 {
   width: 1.5rem;
   height: 1.5rem;
 }
-.h-0 {
-  height: 0rem;
+.size-5 {
+  width: 1.875rem;
+  height: 1.875rem;
+}
+.size-6 {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.size-8 {
+  width: 3rem;
+  height: 3rem;
+}
+.size-\[0\.5rem\] {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+.size-\[0\.625rem\] {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+.size-\[0\.875rem\] {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.size-\[14px\] {
+  width: 14px;
+  height: 14px;
+}
+.size-\[200px\] {
+  width: 200px;
+  height: 200px;
+}
+.size-\[32px\] {
+  width: 32px;
+  height: 32px;
+}
+.size-\[64px\] {
+  width: 64px;
+  height: 64px;
+}
+.size-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
 }
 .h-1 {
   height: 0.375rem;
@@ -3669,9 +3742,6 @@ body {
 .h-10 {
   height: 3.75rem;
 }
-.h-13 {
-  height: 4.875rem;
-}
 .h-15 {
   height: 5.625rem;
 }
@@ -3699,24 +3769,15 @@ body {
 .h-8 {
   height: 3rem;
 }
-.h-\[0\.5rem\] {
-  height: 0.5rem;
-}
 .h-\[0\.625rem\] {
   height: 0.625rem;
 }
-.h-\[0\.875rem\] {
-  height: 0.875rem;
-}
 .h-\[1\.25rem\] {
   height: 1.25rem;
 }
 .h-\[1\.75rem\] {
   height: 1.75rem;
 }
-.h-\[14px\] {
-  height: 14px;
-}
 .h-\[18px\] {
   height: 18px;
 }
@@ -3729,9 +3790,6 @@ body {
 .h-\[2\.875rem\] {
   height: 2.875rem;
 }
-.h-\[200px\] {
-  height: 200px;
-}
 .h-\[22px\] {
   height: 22px;
 }
@@ -3786,9 +3844,6 @@ body {
 .h-\[62px\] {
   height: 62px;
 }
-.h-\[64px\] {
-  height: 64px;
-}
 .h-\[65px\] {
   height: 65px;
 }
@@ -3820,18 +3875,18 @@ body {
 .max-h-screen {
   max-height: 100vh;
 }
-.min-h-\[17\.5rem\] {
-  min-height: 17.5rem;
-}
-.min-h-\[3\.375rem\] {
-  min-height: 3.375rem;
-}
-.min-h-\[4\.125rem\] {
+.min-h-11 {
   min-height: 4.125rem;
 }
-.min-h-\[4\.5rem\] {
+.min-h-12 {
   min-height: 4.5rem;
 }
+.min-h-9 {
+  min-height: 3.375rem;
+}
+.min-h-\[17\.5rem\] {
+  min-height: 17.5rem;
+}
 .w-0 {
   width: 0rem;
 }
@@ -3841,15 +3896,9 @@ body {
 .w-12 {
   width: 4.5rem;
 }
-.w-13 {
-  width: 4.875rem;
-}
 .w-14 {
   width: 5.25rem;
 }
-.w-15 {
-  width: 5.625rem;
-}
 .w-2 {
   width: 0.75rem;
 }
@@ -3859,27 +3908,12 @@ body {
 .w-3 {
   width: 1.125rem;
 }
-.w-4 {
-  width: 1.5rem;
-}
-.w-5 {
-  width: 1.875rem;
-}
 .w-6 {
   width: 2.25rem;
 }
 .w-8 {
   width: 3rem;
 }
-.w-\[0\.5rem\] {
-  width: 0.5rem;
-}
-.w-\[0\.625rem\] {
-  width: 0.625rem;
-}
-.w-\[0\.875rem\] {
-  width: 0.875rem;
-}
 .w-\[1\.81ex\] {
   width: 1.81ex;
 }
@@ -3904,9 +3938,6 @@ body {
 .w-\[14\.48ex\] {
   width: 14.48ex;
 }
-.w-\[14px\] {
-  width: 14px;
-}
 .w-\[15\.625rem\] {
   width: 15.625rem;
 }
@@ -3937,9 +3968,6 @@ body {
 .w-\[18px\] {
   width: 18px;
 }
-.w-\[200px\] {
-  width: 200px;
-}
 .w-\[213px\] {
   width: 213px;
 }
@@ -3988,9 +4016,6 @@ body {
 .w-\[60px\] {
   width: 60px;
 }
-.w-\[64px\] {
-  width: 64px;
-}
 .w-\[67px\] {
   width: 67px;
 }
@@ -4091,10 +4116,22 @@ body {
   --tw-translate-x: 0rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-\[-6px\] {
+  --tw-translate-x: -6px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-\[0\.125rem\] {
   --tw-translate-x: 0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.translate-x-\[6px\] {
+  --tw-translate-x: 6px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.translate-y-\[-1px\] {
+  --tw-translate-y: -1px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-rotate-45 {
   --tw-rotate: -45deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -4414,10 +4451,6 @@ body {
   border-left-width: 0px;
   border-right-width: 0px;
 }
-.border-x-8 {
-  border-left-width: 8px;
-  border-right-width: 8px;
-}
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -4480,9 +4513,6 @@ body {
 .border-t-\[0\.125rem\] {
   border-top-width: 0.125rem;
 }
-.border-t-\[12px\] {
-  border-top-width: 12px;
-}
 .\!border-solid {
   border-style: solid !important;
 }
@@ -4575,10 +4605,6 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(226 157 128 / var(--tw-border-opacity, 1));
 }
-.border-x-\[transparent\] {
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
 .border-x-border {
   --tw-border-opacity: 1;
   border-left-color: rgba(var(--colors-border), var(--tw-border-opacity, 1));
@@ -4632,10 +4658,6 @@ body {
   --tw-border-opacity: 1;
   border-top-color: rgba(var(--colors-border), var(--tw-border-opacity, 1));
 }
-.border-t-muted {
-  --tw-border-opacity: 1;
-  border-top-color: rgba(var(--colors-muted), var(--tw-border-opacity, 1));
-}
 .border-opacity-0 {
   --tw-border-opacity: 0;
 }
@@ -7256,10 +7278,18 @@ body {
   top: 0rem;
   bottom: 0rem;
 }
+.before\:left-0::before {
+  content: var(--tw-content);
+  left: 0rem;
+}
 .before\:left-1::before {
   content: var(--tw-content);
   left: 0.375rem;
 }
+.before\:top-0::before {
+  content: var(--tw-content);
+  top: 0rem;
+}
 .before\:z-10::before {
   content: var(--tw-content);
   z-index: 10;
@@ -7272,13 +7302,15 @@ body {
   content: var(--tw-content);
   display: block;
 }
-.before\:h-2::before {
+.before\:size-0::before {
   content: var(--tw-content);
-  height: 0.75rem;
+  width: 0rem;
+  height: 0rem;
 }
-.before\:w-2::before {
+.before\:size-2::before {
   content: var(--tw-content);
   width: 0.75rem;
+  height: 0.75rem;
 }
 .before\:translate-y-\[1\.25rem\]::before {
   content: var(--tw-content);
@@ -7289,15 +7321,34 @@ body {
   content: var(--tw-content);
   border-radius: 9999px;
 }
+.before\:border-x-\[7px\]::before {
+  content: var(--tw-content);
+  border-left-width: 7px;
+  border-right-width: 7px;
+}
 .before\:border-l-2::before {
   content: var(--tw-content);
   border-left-width: 2px;
 }
+.before\:border-t-\[12px\]::before {
+  content: var(--tw-content);
+  border-top-width: 12px;
+}
 .before\:border-primary::before {
   content: var(--tw-content);
   --tw-border-opacity: 1;
   border-color: rgba(var(--colors-primary), var(--tw-border-opacity, 1));
 }
+.before\:border-x-\[transparent\]::before {
+  content: var(--tw-content);
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.before\:border-t-muted::before {
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-top-color: rgba(var(--colors-muted), var(--tw-border-opacity, 1));
+}
 .before\:bg-border::before {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
@@ -7373,10 +7424,6 @@ body {
   content: var(--tw-content);
   top: 50%;
 }
-.after\:top-\[-12px\]::after {
-  content: var(--tw-content);
-  top: -12px;
-}
 .after\:top-\[1\.0625rem\]::after {
   content: var(--tw-content);
   top: 1.0625rem;
@@ -7401,57 +7448,50 @@ body {
   content: var(--tw-content);
   display: block;
 }
-.after\:h-0::after {
+.after\:size-0::after {
   content: var(--tw-content);
+  width: 0rem;
   height: 0rem;
 }
-.after\:h-1::after {
-  content: var(--tw-content);
-  height: 0.375rem;
-}
-.after\:h-2::after {
-  content: var(--tw-content);
-  height: 0.75rem;
-}
-.after\:h-\[1\.75rem\]::after {
+.after\:size-\[1\.75rem\]::after {
   content: var(--tw-content);
+  width: 1.75rem;
   height: 1.75rem;
 }
-.after\:h-\[2\.125rem\]::after {
+.after\:size-\[2\.125rem\]::after {
   content: var(--tw-content);
+  width: 2.125rem;
   height: 2.125rem;
 }
-.after\:h-\[2\.5rem\]::after {
+.after\:size-\[2\.5rem\]::after {
   content: var(--tw-content);
+  width: 2.5rem;
   height: 2.5rem;
 }
-.after\:h-\[2\.875rem\]::after {
+.after\:size-\[2\.875rem\]::after {
   content: var(--tw-content);
+  width: 2.875rem;
   height: 2.875rem;
 }
-.after\:w-0::after {
-  content: var(--tw-content);
-  width: 0rem;
-}
-.after\:w-3::after {
+.after\:h-0::after {
   content: var(--tw-content);
-  width: 1.125rem;
+  height: 0rem;
 }
-.after\:w-\[1\.75rem\]::after {
+.after\:h-1::after {
   content: var(--tw-content);
-  width: 1.75rem;
+  height: 0.375rem;
 }
-.after\:w-\[2\.125rem\]::after {
+.after\:h-2::after {
   content: var(--tw-content);
-  width: 2.125rem;
+  height: 0.75rem;
 }
-.after\:w-\[2\.5rem\]::after {
+.after\:w-0::after {
   content: var(--tw-content);
-  width: 2.5rem;
+  width: 0rem;
 }
-.after\:w-\[2\.875rem\]::after {
+.after\:w-3::after {
   content: var(--tw-content);
-  width: 2.875rem;
+  width: 1.125rem;
 }
 .after\:-translate-x-1\/2::after {
   content: var(--tw-content);
@@ -7463,11 +7503,6 @@ body {
   --tw-translate-x: -100%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.after\:translate-x-\[-7px\]::after {
-  content: var(--tw-content);
-  --tw-translate-x: -7px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .after\:translate-y-\[-0\.875rem\]::after {
   content: var(--tw-content);
   --tw-translate-y: -0.875rem;
@@ -8061,11 +8096,9 @@ body {
   .max-md\:hidden {
     display: none;
   }
-  .max-md\:h-4 {
-    height: 1.5rem;
-  }
-  .max-md\:w-4 {
+  .max-md\:size-4 {
     width: 1.5rem;
+    height: 1.5rem;
   }
   .max-md\:flex-col {
     flex-direction: column;
@@ -8117,7 +8150,7 @@ body {
   .max-sm\:h-9 {
     height: 3.375rem;
   }
-  .max-sm\:min-w-\[2\.625rem\] {
+  .max-sm\:min-w-7 {
     min-width: 2.625rem;
   }
   .max-sm\:translate-x-\[-50\%\] {
@@ -8330,6 +8363,9 @@ body {
   .xsl\:-mt-2 {
     margin-top: -0.75rem;
   }
+  .xsl\:-mt-2\.5 {
+    margin-top: -0.9375rem;
+  }
   .xsl\:-mt-6 {
     margin-top: -2.25rem;
   }
@@ -8395,18 +8431,52 @@ body {
   .xsl\:inline-flex {
     display: inline-flex;
   }
-  .xsl\:h-1 {
-    height: 0.375rem;
-  }
-  .xsl\:h-15 {
+  .xsl\:size-15 {
+    width: 5.625rem;
     height: 5.625rem;
   }
-  .xsl\:h-2 {
+  .xsl\:size-2 {
+    width: 0.75rem;
     height: 0.75rem;
   }
-  .xsl\:h-3 {
+  .xsl\:size-3 {
+    width: 1.125rem;
     height: 1.125rem;
   }
+  .xsl\:size-4 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .xsl\:size-5 {
+    width: 1.875rem;
+    height: 1.875rem;
+  }
+  .xsl\:size-6 {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+  .xsl\:size-8 {
+    width: 3rem;
+    height: 3rem;
+  }
+  .xsl\:size-\[0\.5rem\] {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .xsl\:size-\[0\.625rem\] {
+    width: 0.625rem;
+    height: 0.625rem;
+  }
+  .xsl\:size-\[0\.875rem\] {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+  .xsl\:h-1 {
+    height: 0.375rem;
+  }
+  .xsl\:h-2 {
+    height: 0.75rem;
+  }
   .xsl\:h-4 {
     height: 1.5rem;
   }
@@ -8422,15 +8492,9 @@ body {
   .xsl\:h-8 {
     height: 3rem;
   }
-  .xsl\:h-\[0\.5rem\] {
-    height: 0.5rem;
-  }
   .xsl\:h-\[0\.625rem\] {
     height: 0.625rem;
   }
-  .xsl\:h-\[0\.875rem\] {
-    height: 0.875rem;
-  }
   .xsl\:h-\[1\.25rem\] {
     height: 1.25rem;
   }
@@ -8449,15 +8513,15 @@ body {
   .xsl\:max-h-screen {
     max-height: 100vh;
   }
-  .xsl\:min-h-\[3\.375rem\] {
-    min-height: 3.375rem;
-  }
-  .xsl\:min-h-\[4\.125rem\] {
+  .xsl\:min-h-11 {
     min-height: 4.125rem;
   }
-  .xsl\:min-h-\[4\.5rem\] {
+  .xsl\:min-h-12 {
     min-height: 4.5rem;
   }
+  .xsl\:min-h-9 {
+    min-height: 3.375rem;
+  }
   .xsl\:w-0 {
     width: 0rem;
   }
@@ -8470,36 +8534,12 @@ body {
   .xsl\:w-14 {
     width: 5.25rem;
   }
-  .xsl\:w-15 {
-    width: 5.625rem;
-  }
   .xsl\:w-2 {
     width: 0.75rem;
   }
-  .xsl\:w-3 {
-    width: 1.125rem;
-  }
-  .xsl\:w-4 {
-    width: 1.5rem;
-  }
-  .xsl\:w-5 {
-    width: 1.875rem;
-  }
-  .xsl\:w-6 {
-    width: 2.25rem;
-  }
   .xsl\:w-8 {
     width: 3rem;
   }
-  .xsl\:w-\[0\.5rem\] {
-    width: 0.5rem;
-  }
-  .xsl\:w-\[0\.625rem\] {
-    width: 0.625rem;
-  }
-  .xsl\:w-\[0\.875rem\] {
-    width: 0.875rem;
-  }
   .xsl\:w-\[1\.81ex\] {
     width: 1.81ex;
   }
@@ -8578,10 +8618,22 @@ body {
   .xsl\:flex-1 {
     flex: 1 1 0%;
   }
+  .xsl\:translate-x-\[-6px\] {
+    --tw-translate-x: -6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .xsl\:translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .xsl\:translate-x-\[6px\] {
+    --tw-translate-x: 6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .xsl\:translate-y-\[-1px\] {
+    --tw-translate-y: -1px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .xsl\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -9249,13 +9301,10 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .xsl\:before\:h-2::before {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .xsl\:before\:w-2::before {
+  .xsl\:before\:size-2::before {
     content: var(--tw-content);
     width: 0.75rem;
+    height: 0.75rem;
   }
   .xsl\:before\:translate-y-\[1\.25rem\]::before {
     content: var(--tw-content);
@@ -9321,10 +9370,6 @@ body {
     content: var(--tw-content);
     left: 100%;
   }
-  .xsl\:after\:top-\[-12px\]::after {
-    content: var(--tw-content);
-    top: -12px;
-  }
   .xsl\:after\:z-\[1\]::after {
     content: var(--tw-content);
     z-index: 1;
@@ -9333,56 +9378,39 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .xsl\:after\:h-2::after {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .xsl\:after\:h-\[1\.75rem\]::after {
+  .xsl\:after\:size-\[1\.75rem\]::after {
     content: var(--tw-content);
+    width: 1.75rem;
     height: 1.75rem;
   }
-  .xsl\:after\:h-\[2\.125rem\]::after {
+  .xsl\:after\:size-\[2\.125rem\]::after {
     content: var(--tw-content);
+    width: 2.125rem;
     height: 2.125rem;
   }
-  .xsl\:after\:h-\[2\.5rem\]::after {
+  .xsl\:after\:size-\[2\.5rem\]::after {
     content: var(--tw-content);
+    width: 2.5rem;
     height: 2.5rem;
   }
-  .xsl\:after\:h-\[2\.875rem\]::after {
+  .xsl\:after\:size-\[2\.875rem\]::after {
     content: var(--tw-content);
+    width: 2.875rem;
     height: 2.875rem;
   }
-  .xsl\:after\:w-0::after {
-    content: var(--tw-content);
-    width: 0rem;
-  }
-  .xsl\:after\:w-\[1\.75rem\]::after {
-    content: var(--tw-content);
-    width: 1.75rem;
-  }
-  .xsl\:after\:w-\[2\.125rem\]::after {
-    content: var(--tw-content);
-    width: 2.125rem;
-  }
-  .xsl\:after\:w-\[2\.5rem\]::after {
+  .xsl\:after\:h-2::after {
     content: var(--tw-content);
-    width: 2.5rem;
+    height: 0.75rem;
   }
-  .xsl\:after\:w-\[2\.875rem\]::after {
+  .xsl\:after\:w-0::after {
     content: var(--tw-content);
-    width: 2.875rem;
+    width: 0rem;
   }
   .xsl\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .xsl\:after\:translate-x-\[-7px\]::after {
-    content: var(--tw-content);
-    --tw-translate-x: -7px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
   .xsl\:after\:translate-y-\[-0\.875rem\]::after {
     content: var(--tw-content);
     --tw-translate-y: -0.875rem;
@@ -9850,6 +9878,9 @@ body {
   .sm\:-mt-2 {
     margin-top: -0.75rem;
   }
+  .sm\:-mt-2\.5 {
+    margin-top: -0.9375rem;
+  }
   .sm\:-mt-6 {
     margin-top: -2.25rem;
   }
@@ -9929,25 +9960,55 @@ body {
       display: none;
     }
   }
+  .sm\:size-15 {
+    width: 5.625rem;
+    height: 5.625rem;
+  }
+  .sm\:size-2 {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+  .sm\:size-3 {
+    width: 1.125rem;
+    height: 1.125rem;
+  }
+  .sm\:size-4 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .sm\:size-5 {
+    width: 1.875rem;
+    height: 1.875rem;
+  }
   .sm\:size-6 {
     width: 2.25rem;
     height: 2.25rem;
   }
+  .sm\:size-8 {
+    width: 3rem;
+    height: 3rem;
+  }
+  .sm\:size-\[0\.5rem\] {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .sm\:size-\[0\.625rem\] {
+    width: 0.625rem;
+    height: 0.625rem;
+  }
+  .sm\:size-\[0\.875rem\] {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
   .sm\:h-1 {
     height: 0.375rem;
   }
   .sm\:h-11 {
     height: 4.125rem;
   }
-  .sm\:h-15 {
-    height: 5.625rem;
-  }
   .sm\:h-2 {
     height: 0.75rem;
   }
-  .sm\:h-3 {
-    height: 1.125rem;
-  }
   .sm\:h-4 {
     height: 1.5rem;
   }
@@ -9963,15 +10024,9 @@ body {
   .sm\:h-8 {
     height: 3rem;
   }
-  .sm\:h-\[0\.5rem\] {
-    height: 0.5rem;
-  }
   .sm\:h-\[0\.625rem\] {
     height: 0.625rem;
   }
-  .sm\:h-\[0\.875rem\] {
-    height: 0.875rem;
-  }
   .sm\:h-\[1\.25rem\] {
     height: 1.25rem;
   }
@@ -9993,15 +10048,15 @@ body {
   .sm\:max-h-screen {
     max-height: 100vh;
   }
-  .sm\:min-h-\[3\.375rem\] {
-    min-height: 3.375rem;
-  }
-  .sm\:min-h-\[4\.125rem\] {
+  .sm\:min-h-11 {
     min-height: 4.125rem;
   }
-  .sm\:min-h-\[4\.5rem\] {
+  .sm\:min-h-12 {
     min-height: 4.5rem;
   }
+  .sm\:min-h-9 {
+    min-height: 3.375rem;
+  }
   .sm\:w-0 {
     width: 0rem;
   }
@@ -10014,36 +10069,12 @@ body {
   .sm\:w-14 {
     width: 5.25rem;
   }
-  .sm\:w-15 {
-    width: 5.625rem;
-  }
   .sm\:w-2 {
     width: 0.75rem;
   }
-  .sm\:w-3 {
-    width: 1.125rem;
-  }
-  .sm\:w-4 {
-    width: 1.5rem;
-  }
-  .sm\:w-5 {
-    width: 1.875rem;
-  }
-  .sm\:w-6 {
-    width: 2.25rem;
-  }
   .sm\:w-8 {
     width: 3rem;
   }
-  .sm\:w-\[0\.5rem\] {
-    width: 0.5rem;
-  }
-  .sm\:w-\[0\.625rem\] {
-    width: 0.625rem;
-  }
-  .sm\:w-\[0\.875rem\] {
-    width: 0.875rem;
-  }
   .sm\:w-\[1\.81ex\] {
     width: 1.81ex;
   }
@@ -10099,15 +10130,15 @@ body {
   .sm\:w-full {
     width: 100%;
   }
+  .sm\:min-w-10 {
+    min-width: 3.75rem;
+  }
   .sm\:min-w-\[11\.875rem\] {
     min-width: 11.875rem;
   }
   .sm\:min-w-\[15\.625rem\] {
     min-width: 15.625rem;
   }
-  .sm\:min-w-\[3\.75rem\] {
-    min-width: 3.75rem;
-  }
   .sm\:min-w-\[8\.125rem\] {
     min-width: 8.125rem;
   }
@@ -10125,10 +10156,22 @@ body {
   .sm\:flex-1 {
     flex: 1 1 0%;
   }
+  .sm\:translate-x-\[-6px\] {
+    --tw-translate-x: -6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .sm\:translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .sm\:translate-x-\[6px\] {
+    --tw-translate-x: 6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .sm\:translate-y-\[-1px\] {
+    --tw-translate-y: -1px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .sm\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -10819,13 +10862,10 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .sm\:before\:h-2::before {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .sm\:before\:w-2::before {
+  .sm\:before\:size-2::before {
     content: var(--tw-content);
     width: 0.75rem;
+    height: 0.75rem;
   }
   .sm\:before\:translate-y-\[1\.25rem\]::before {
     content: var(--tw-content);
@@ -10891,10 +10931,6 @@ body {
     content: var(--tw-content);
     left: 100%;
   }
-  .sm\:after\:top-\[-12px\]::after {
-    content: var(--tw-content);
-    top: -12px;
-  }
   .sm\:after\:z-\[1\]::after {
     content: var(--tw-content);
     z-index: 1;
@@ -10903,56 +10939,39 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .sm\:after\:h-2::after {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .sm\:after\:h-\[1\.75rem\]::after {
+  .sm\:after\:size-\[1\.75rem\]::after {
     content: var(--tw-content);
+    width: 1.75rem;
     height: 1.75rem;
   }
-  .sm\:after\:h-\[2\.125rem\]::after {
+  .sm\:after\:size-\[2\.125rem\]::after {
     content: var(--tw-content);
+    width: 2.125rem;
     height: 2.125rem;
   }
-  .sm\:after\:h-\[2\.5rem\]::after {
+  .sm\:after\:size-\[2\.5rem\]::after {
     content: var(--tw-content);
+    width: 2.5rem;
     height: 2.5rem;
   }
-  .sm\:after\:h-\[2\.875rem\]::after {
+  .sm\:after\:size-\[2\.875rem\]::after {
     content: var(--tw-content);
+    width: 2.875rem;
     height: 2.875rem;
   }
-  .sm\:after\:w-0::after {
-    content: var(--tw-content);
-    width: 0rem;
-  }
-  .sm\:after\:w-\[1\.75rem\]::after {
-    content: var(--tw-content);
-    width: 1.75rem;
-  }
-  .sm\:after\:w-\[2\.125rem\]::after {
-    content: var(--tw-content);
-    width: 2.125rem;
-  }
-  .sm\:after\:w-\[2\.5rem\]::after {
+  .sm\:after\:h-2::after {
     content: var(--tw-content);
-    width: 2.5rem;
+    height: 0.75rem;
   }
-  .sm\:after\:w-\[2\.875rem\]::after {
+  .sm\:after\:w-0::after {
     content: var(--tw-content);
-    width: 2.875rem;
+    width: 0rem;
   }
   .sm\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .sm\:after\:translate-x-\[-7px\]::after {
-    content: var(--tw-content);
-    --tw-translate-x: -7px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
   .sm\:after\:translate-y-\[-0\.875rem\]::after {
     content: var(--tw-content);
     --tw-translate-y: -0.875rem;
@@ -11499,6 +11518,9 @@ body {
   .md\:-mt-2 {
     margin-top: -0.75rem;
   }
+  .md\:-mt-2\.5 {
+    margin-top: -0.9375rem;
+  }
   .md\:-mt-3 {
     margin-top: -1.125rem;
   }
@@ -11579,18 +11601,52 @@ body {
   .md\:hidden {
     display: none;
   }
-  .md\:h-1 {
-    height: 0.375rem;
-  }
-  .md\:h-15 {
+  .md\:size-15 {
+    width: 5.625rem;
     height: 5.625rem;
   }
-  .md\:h-2 {
+  .md\:size-2 {
+    width: 0.75rem;
     height: 0.75rem;
   }
-  .md\:h-3 {
+  .md\:size-3 {
+    width: 1.125rem;
     height: 1.125rem;
   }
+  .md\:size-4 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .md\:size-5 {
+    width: 1.875rem;
+    height: 1.875rem;
+  }
+  .md\:size-6 {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+  .md\:size-8 {
+    width: 3rem;
+    height: 3rem;
+  }
+  .md\:size-\[0\.5rem\] {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .md\:size-\[0\.625rem\] {
+    width: 0.625rem;
+    height: 0.625rem;
+  }
+  .md\:size-\[0\.875rem\] {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+  .md\:h-1 {
+    height: 0.375rem;
+  }
+  .md\:h-2 {
+    height: 0.75rem;
+  }
   .md\:h-4 {
     height: 1.5rem;
   }
@@ -11606,15 +11662,9 @@ body {
   .md\:h-8 {
     height: 3rem;
   }
-  .md\:h-\[0\.5rem\] {
-    height: 0.5rem;
-  }
   .md\:h-\[0\.625rem\] {
     height: 0.625rem;
   }
-  .md\:h-\[0\.875rem\] {
-    height: 0.875rem;
-  }
   .md\:h-\[1\.25rem\] {
     height: 1.25rem;
   }
@@ -11633,15 +11683,15 @@ body {
   .md\:max-h-screen {
     max-height: 100vh;
   }
-  .md\:min-h-\[3\.375rem\] {
-    min-height: 3.375rem;
-  }
-  .md\:min-h-\[4\.125rem\] {
+  .md\:min-h-11 {
     min-height: 4.125rem;
   }
-  .md\:min-h-\[4\.5rem\] {
+  .md\:min-h-12 {
     min-height: 4.5rem;
   }
+  .md\:min-h-9 {
+    min-height: 3.375rem;
+  }
   .md\:w-0 {
     width: 0rem;
   }
@@ -11654,36 +11704,12 @@ body {
   .md\:w-14 {
     width: 5.25rem;
   }
-  .md\:w-15 {
-    width: 5.625rem;
-  }
   .md\:w-2 {
     width: 0.75rem;
   }
-  .md\:w-3 {
-    width: 1.125rem;
-  }
-  .md\:w-4 {
-    width: 1.5rem;
-  }
-  .md\:w-5 {
-    width: 1.875rem;
-  }
-  .md\:w-6 {
-    width: 2.25rem;
-  }
   .md\:w-8 {
     width: 3rem;
   }
-  .md\:w-\[0\.5rem\] {
-    width: 0.5rem;
-  }
-  .md\:w-\[0\.625rem\] {
-    width: 0.625rem;
-  }
-  .md\:w-\[0\.875rem\] {
-    width: 0.875rem;
-  }
   .md\:w-\[1\.81ex\] {
     width: 1.81ex;
   }
@@ -11762,10 +11788,22 @@ body {
   .md\:flex-1 {
     flex: 1 1 0%;
   }
+  .md\:translate-x-\[-6px\] {
+    --tw-translate-x: -6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .md\:translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .md\:translate-x-\[6px\] {
+    --tw-translate-x: 6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .md\:translate-y-\[-1px\] {
+    --tw-translate-y: -1px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .md\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -12467,13 +12505,10 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .md\:before\:h-2::before {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .md\:before\:w-2::before {
+  .md\:before\:size-2::before {
     content: var(--tw-content);
     width: 0.75rem;
+    height: 0.75rem;
   }
   .md\:before\:translate-y-\[1\.25rem\]::before {
     content: var(--tw-content);
@@ -12539,10 +12574,6 @@ body {
     content: var(--tw-content);
     left: 100%;
   }
-  .md\:after\:top-\[-12px\]::after {
-    content: var(--tw-content);
-    top: -12px;
-  }
   .md\:after\:z-\[1\]::after {
     content: var(--tw-content);
     z-index: 1;
@@ -12551,56 +12582,39 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .md\:after\:h-2::after {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .md\:after\:h-\[1\.75rem\]::after {
+  .md\:after\:size-\[1\.75rem\]::after {
     content: var(--tw-content);
+    width: 1.75rem;
     height: 1.75rem;
   }
-  .md\:after\:h-\[2\.125rem\]::after {
+  .md\:after\:size-\[2\.125rem\]::after {
     content: var(--tw-content);
+    width: 2.125rem;
     height: 2.125rem;
   }
-  .md\:after\:h-\[2\.5rem\]::after {
+  .md\:after\:size-\[2\.5rem\]::after {
     content: var(--tw-content);
+    width: 2.5rem;
     height: 2.5rem;
   }
-  .md\:after\:h-\[2\.875rem\]::after {
+  .md\:after\:size-\[2\.875rem\]::after {
     content: var(--tw-content);
+    width: 2.875rem;
     height: 2.875rem;
   }
-  .md\:after\:w-0::after {
-    content: var(--tw-content);
-    width: 0rem;
-  }
-  .md\:after\:w-\[1\.75rem\]::after {
-    content: var(--tw-content);
-    width: 1.75rem;
-  }
-  .md\:after\:w-\[2\.125rem\]::after {
-    content: var(--tw-content);
-    width: 2.125rem;
-  }
-  .md\:after\:w-\[2\.5rem\]::after {
+  .md\:after\:h-2::after {
     content: var(--tw-content);
-    width: 2.5rem;
+    height: 0.75rem;
   }
-  .md\:after\:w-\[2\.875rem\]::after {
+  .md\:after\:w-0::after {
     content: var(--tw-content);
-    width: 2.875rem;
+    width: 0rem;
   }
   .md\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .md\:after\:translate-x-\[-7px\]::after {
-    content: var(--tw-content);
-    --tw-translate-x: -7px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
   .md\:after\:translate-y-\[-0\.875rem\]::after {
     content: var(--tw-content);
     --tw-translate-y: -0.875rem;
@@ -13141,6 +13155,9 @@ body {
   .lg\:-mt-2 {
     margin-top: -0.75rem;
   }
+  .lg\:-mt-2\.5 {
+    margin-top: -0.9375rem;
+  }
   .lg\:-mt-6 {
     margin-top: -2.25rem;
   }
@@ -13209,18 +13226,52 @@ body {
   .lg\:inline-flex {
     display: inline-flex;
   }
-  .lg\:h-1 {
-    height: 0.375rem;
-  }
-  .lg\:h-15 {
+  .lg\:size-15 {
+    width: 5.625rem;
     height: 5.625rem;
   }
-  .lg\:h-2 {
+  .lg\:size-2 {
+    width: 0.75rem;
     height: 0.75rem;
   }
-  .lg\:h-3 {
+  .lg\:size-3 {
+    width: 1.125rem;
     height: 1.125rem;
   }
+  .lg\:size-4 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .lg\:size-5 {
+    width: 1.875rem;
+    height: 1.875rem;
+  }
+  .lg\:size-6 {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+  .lg\:size-8 {
+    width: 3rem;
+    height: 3rem;
+  }
+  .lg\:size-\[0\.5rem\] {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .lg\:size-\[0\.625rem\] {
+    width: 0.625rem;
+    height: 0.625rem;
+  }
+  .lg\:size-\[0\.875rem\] {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+  .lg\:h-1 {
+    height: 0.375rem;
+  }
+  .lg\:h-2 {
+    height: 0.75rem;
+  }
   .lg\:h-4 {
     height: 1.5rem;
   }
@@ -13236,15 +13287,9 @@ body {
   .lg\:h-8 {
     height: 3rem;
   }
-  .lg\:h-\[0\.5rem\] {
-    height: 0.5rem;
-  }
   .lg\:h-\[0\.625rem\] {
     height: 0.625rem;
   }
-  .lg\:h-\[0\.875rem\] {
-    height: 0.875rem;
-  }
   .lg\:h-\[1\.25rem\] {
     height: 1.25rem;
   }
@@ -13263,15 +13308,15 @@ body {
   .lg\:max-h-screen {
     max-height: 100vh;
   }
-  .lg\:min-h-\[3\.375rem\] {
-    min-height: 3.375rem;
-  }
-  .lg\:min-h-\[4\.125rem\] {
+  .lg\:min-h-11 {
     min-height: 4.125rem;
   }
-  .lg\:min-h-\[4\.5rem\] {
+  .lg\:min-h-12 {
     min-height: 4.5rem;
   }
+  .lg\:min-h-9 {
+    min-height: 3.375rem;
+  }
   .lg\:w-0 {
     width: 0rem;
   }
@@ -13284,36 +13329,12 @@ body {
   .lg\:w-14 {
     width: 5.25rem;
   }
-  .lg\:w-15 {
-    width: 5.625rem;
-  }
   .lg\:w-2 {
     width: 0.75rem;
   }
-  .lg\:w-3 {
-    width: 1.125rem;
-  }
-  .lg\:w-4 {
-    width: 1.5rem;
-  }
-  .lg\:w-5 {
-    width: 1.875rem;
-  }
-  .lg\:w-6 {
-    width: 2.25rem;
-  }
   .lg\:w-8 {
     width: 3rem;
   }
-  .lg\:w-\[0\.5rem\] {
-    width: 0.5rem;
-  }
-  .lg\:w-\[0\.625rem\] {
-    width: 0.625rem;
-  }
-  .lg\:w-\[0\.875rem\] {
-    width: 0.875rem;
-  }
   .lg\:w-\[1\.81ex\] {
     width: 1.81ex;
   }
@@ -13392,10 +13413,22 @@ body {
   .lg\:flex-1 {
     flex: 1 1 0%;
   }
+  .lg\:translate-x-\[-6px\] {
+    --tw-translate-x: -6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .lg\:translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .lg\:translate-x-\[6px\] {
+    --tw-translate-x: 6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .lg\:translate-y-\[-1px\] {
+    --tw-translate-y: -1px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .lg\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -14075,13 +14108,10 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .lg\:before\:h-2::before {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .lg\:before\:w-2::before {
+  .lg\:before\:size-2::before {
     content: var(--tw-content);
     width: 0.75rem;
+    height: 0.75rem;
   }
   .lg\:before\:translate-y-\[1\.25rem\]::before {
     content: var(--tw-content);
@@ -14147,10 +14177,6 @@ body {
     content: var(--tw-content);
     left: 100%;
   }
-  .lg\:after\:top-\[-12px\]::after {
-    content: var(--tw-content);
-    top: -12px;
-  }
   .lg\:after\:z-\[1\]::after {
     content: var(--tw-content);
     z-index: 1;
@@ -14159,56 +14185,39 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .lg\:after\:h-2::after {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .lg\:after\:h-\[1\.75rem\]::after {
+  .lg\:after\:size-\[1\.75rem\]::after {
     content: var(--tw-content);
+    width: 1.75rem;
     height: 1.75rem;
   }
-  .lg\:after\:h-\[2\.125rem\]::after {
+  .lg\:after\:size-\[2\.125rem\]::after {
     content: var(--tw-content);
+    width: 2.125rem;
     height: 2.125rem;
   }
-  .lg\:after\:h-\[2\.5rem\]::after {
+  .lg\:after\:size-\[2\.5rem\]::after {
     content: var(--tw-content);
+    width: 2.5rem;
     height: 2.5rem;
   }
-  .lg\:after\:h-\[2\.875rem\]::after {
+  .lg\:after\:size-\[2\.875rem\]::after {
     content: var(--tw-content);
+    width: 2.875rem;
     height: 2.875rem;
   }
-  .lg\:after\:w-0::after {
-    content: var(--tw-content);
-    width: 0rem;
-  }
-  .lg\:after\:w-\[1\.75rem\]::after {
-    content: var(--tw-content);
-    width: 1.75rem;
-  }
-  .lg\:after\:w-\[2\.125rem\]::after {
-    content: var(--tw-content);
-    width: 2.125rem;
-  }
-  .lg\:after\:w-\[2\.5rem\]::after {
+  .lg\:after\:h-2::after {
     content: var(--tw-content);
-    width: 2.5rem;
+    height: 0.75rem;
   }
-  .lg\:after\:w-\[2\.875rem\]::after {
+  .lg\:after\:w-0::after {
     content: var(--tw-content);
-    width: 2.875rem;
+    width: 0rem;
   }
   .lg\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .lg\:after\:translate-x-\[-7px\]::after {
-    content: var(--tw-content);
-    --tw-translate-x: -7px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
   .lg\:after\:translate-y-\[-0\.875rem\]::after {
     content: var(--tw-content);
     --tw-translate-y: -0.875rem;
@@ -14711,6 +14720,9 @@ body {
   .xl\:-mt-2 {
     margin-top: -0.75rem;
   }
+  .xl\:-mt-2\.5 {
+    margin-top: -0.9375rem;
+  }
   .xl\:-mt-6 {
     margin-top: -2.25rem;
   }
@@ -14771,18 +14783,52 @@ body {
   .xl\:inline-flex {
     display: inline-flex;
   }
-  .xl\:h-1 {
-    height: 0.375rem;
-  }
-  .xl\:h-15 {
+  .xl\:size-15 {
+    width: 5.625rem;
     height: 5.625rem;
   }
-  .xl\:h-2 {
+  .xl\:size-2 {
+    width: 0.75rem;
     height: 0.75rem;
   }
-  .xl\:h-3 {
+  .xl\:size-3 {
+    width: 1.125rem;
     height: 1.125rem;
   }
+  .xl\:size-4 {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .xl\:size-5 {
+    width: 1.875rem;
+    height: 1.875rem;
+  }
+  .xl\:size-6 {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+  .xl\:size-8 {
+    width: 3rem;
+    height: 3rem;
+  }
+  .xl\:size-\[0\.5rem\] {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .xl\:size-\[0\.625rem\] {
+    width: 0.625rem;
+    height: 0.625rem;
+  }
+  .xl\:size-\[0\.875rem\] {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+  .xl\:h-1 {
+    height: 0.375rem;
+  }
+  .xl\:h-2 {
+    height: 0.75rem;
+  }
   .xl\:h-4 {
     height: 1.5rem;
   }
@@ -14798,15 +14844,9 @@ body {
   .xl\:h-8 {
     height: 3rem;
   }
-  .xl\:h-\[0\.5rem\] {
-    height: 0.5rem;
-  }
   .xl\:h-\[0\.625rem\] {
     height: 0.625rem;
   }
-  .xl\:h-\[0\.875rem\] {
-    height: 0.875rem;
-  }
   .xl\:h-\[1\.25rem\] {
     height: 1.25rem;
   }
@@ -14825,15 +14865,15 @@ body {
   .xl\:max-h-screen {
     max-height: 100vh;
   }
-  .xl\:min-h-\[3\.375rem\] {
-    min-height: 3.375rem;
-  }
-  .xl\:min-h-\[4\.125rem\] {
+  .xl\:min-h-11 {
     min-height: 4.125rem;
   }
-  .xl\:min-h-\[4\.5rem\] {
+  .xl\:min-h-12 {
     min-height: 4.5rem;
   }
+  .xl\:min-h-9 {
+    min-height: 3.375rem;
+  }
   .xl\:w-0 {
     width: 0rem;
   }
@@ -14846,36 +14886,12 @@ body {
   .xl\:w-14 {
     width: 5.25rem;
   }
-  .xl\:w-15 {
-    width: 5.625rem;
-  }
   .xl\:w-2 {
     width: 0.75rem;
   }
-  .xl\:w-3 {
-    width: 1.125rem;
-  }
-  .xl\:w-4 {
-    width: 1.5rem;
-  }
-  .xl\:w-5 {
-    width: 1.875rem;
-  }
-  .xl\:w-6 {
-    width: 2.25rem;
-  }
   .xl\:w-8 {
     width: 3rem;
   }
-  .xl\:w-\[0\.5rem\] {
-    width: 0.5rem;
-  }
-  .xl\:w-\[0\.625rem\] {
-    width: 0.625rem;
-  }
-  .xl\:w-\[0\.875rem\] {
-    width: 0.875rem;
-  }
   .xl\:w-\[1\.81ex\] {
     width: 1.81ex;
   }
@@ -14946,10 +14962,22 @@ body {
   .xl\:flex-1 {
     flex: 1 1 0%;
   }
+  .xl\:translate-x-\[-6px\] {
+    --tw-translate-x: -6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .xl\:translate-x-\[0\.125rem\] {
     --tw-translate-x: 0.125rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
+  .xl\:translate-x-\[6px\] {
+    --tw-translate-x: 6px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+  .xl\:translate-y-\[-1px\] {
+    --tw-translate-y: -1px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
   .xl\:-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -15611,13 +15639,10 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .xl\:before\:h-2::before {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .xl\:before\:w-2::before {
+  .xl\:before\:size-2::before {
     content: var(--tw-content);
     width: 0.75rem;
+    height: 0.75rem;
   }
   .xl\:before\:translate-y-\[1\.25rem\]::before {
     content: var(--tw-content);
@@ -15683,10 +15708,6 @@ body {
     content: var(--tw-content);
     left: 100%;
   }
-  .xl\:after\:top-\[-12px\]::after {
-    content: var(--tw-content);
-    top: -12px;
-  }
   .xl\:after\:z-\[1\]::after {
     content: var(--tw-content);
     z-index: 1;
@@ -15695,56 +15716,39 @@ body {
     content: var(--tw-content);
     display: block;
   }
-  .xl\:after\:h-2::after {
-    content: var(--tw-content);
-    height: 0.75rem;
-  }
-  .xl\:after\:h-\[1\.75rem\]::after {
+  .xl\:after\:size-\[1\.75rem\]::after {
     content: var(--tw-content);
+    width: 1.75rem;
     height: 1.75rem;
   }
-  .xl\:after\:h-\[2\.125rem\]::after {
+  .xl\:after\:size-\[2\.125rem\]::after {
     content: var(--tw-content);
+    width: 2.125rem;
     height: 2.125rem;
   }
-  .xl\:after\:h-\[2\.5rem\]::after {
+  .xl\:after\:size-\[2\.5rem\]::after {
     content: var(--tw-content);
+    width: 2.5rem;
     height: 2.5rem;
   }
-  .xl\:after\:h-\[2\.875rem\]::after {
+  .xl\:after\:size-\[2\.875rem\]::after {
     content: var(--tw-content);
+    width: 2.875rem;
     height: 2.875rem;
   }
-  .xl\:after\:w-0::after {
-    content: var(--tw-content);
-    width: 0rem;
-  }
-  .xl\:after\:w-\[1\.75rem\]::after {
-    content: var(--tw-content);
-    width: 1.75rem;
-  }
-  .xl\:after\:w-\[2\.125rem\]::after {
-    content: var(--tw-content);
-    width: 2.125rem;
-  }
-  .xl\:after\:w-\[2\.5rem\]::after {
+  .xl\:after\:h-2::after {
     content: var(--tw-content);
-    width: 2.5rem;
+    height: 0.75rem;
   }
-  .xl\:after\:w-\[2\.875rem\]::after {
+  .xl\:after\:w-0::after {
     content: var(--tw-content);
-    width: 2.875rem;
+    width: 0rem;
   }
   .xl\:after\:-translate-x-full::after {
     content: var(--tw-content);
     --tw-translate-x: -100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .xl\:after\:translate-x-\[-7px\]::after {
-    content: var(--tw-content);
-    --tw-translate-x: -7px;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
   .xl\:after\:translate-y-\[-0\.875rem\]::after {
     content: var(--tw-content);
     --tw-translate-y: -0.875rem;