frankenstyle 0.0.12 → 0.1.0-next.0

package/dist/css/frankenstyle.css

@@ -1,4 +1,137 @@
-@layer theme, base, components, styles, utilities;
+@layer properties, theme, base, components, styles, utilities;
+
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
+    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *,
+    :before,
+    :after,
+    ::backdrop {
+      --tw-content: '';
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
+      --tw-scroll-snap-strictness: proximity;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-mask-linear: linear-gradient(#fff, #fff);
+      --tw-mask-radial: linear-gradient(#fff, #fff);
+      --tw-mask-conic: linear-gradient(#fff, #fff);
+      --tw-mask-left: linear-gradient(#fff, #fff);
+      --tw-mask-right: linear-gradient(#fff, #fff);
+      --tw-mask-bottom: linear-gradient(#fff, #fff);
+      --tw-mask-top: linear-gradient(#fff, #fff);
+      --tw-mask-top-from-position: 0%;
+      --tw-mask-top-to-position: 100%;
+      --tw-mask-top-from-color: black;
+      --tw-mask-top-to-color: transparent;
+      --tw-mask-bottom-from-position: 0%;
+      --tw-mask-bottom-to-position: 100%;
+      --tw-mask-bottom-from-color: black;
+      --tw-mask-bottom-to-color: transparent;
+      --tw-mask-right-from-position: 0%;
+      --tw-mask-right-to-position: 100%;
+      --tw-mask-right-from-color: black;
+      --tw-mask-right-to-color: transparent;
+      --tw-mask-left-from-position: 0%;
+      --tw-mask-left-to-position: 100%;
+      --tw-mask-left-from-color: black;
+      --tw-mask-left-to-color: transparent;
+      --tw-mask-linear-position: 0deg;
+      --tw-mask-linear-from-position: 0%;
+      --tw-mask-linear-to-position: 100%;
+      --tw-mask-linear-from-color: black;
+      --tw-mask-linear-to-color: transparent;
+      --tw-mask-radial-from-position: 0%;
+      --tw-mask-radial-to-position: 100%;
+      --tw-mask-radial-from-color: black;
+      --tw-mask-radial-to-color: transparent;
+      --tw-mask-radial-shape: ellipse;
+      --tw-mask-radial-size: farthest-corner;
+      --tw-mask-radial-position: center;
+      --tw-mask-conic-position: 0deg;
+      --tw-mask-conic-from-position: 0%;
+      --tw-mask-conic-to-position: 100%;
+      --tw-mask-conic-from-color: black;
+      --tw-mask-conic-to-color: transparent;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-text-shadow-color: initial;
+      --tw-text-shadow-alpha: 100%;
+    }
+  }
+}
+
 @layer theme {
   :root,
   :host {
@@ -269,8 +402,8 @@
       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
       Courier New, monospace;
     --font-family-sans:
-      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
+      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+      'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
     --font-family-serif:
       ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
     --font-size-xs: 0.75rem;
@@ -371,273 +504,22 @@
     --perspective-midrange: 800px;
     --perspective-distant: 1200px;
     --aspect-video: 16/9;
+    --default-transition-property:
+      color, background-color, border-color, outline-color,
+      text-decoration-color, fill, stroke, --tw-gradient-from,
+      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
+      translate, scale, rotate, filter, -webkit-backdrop-filter,
+      backdrop-filter, display, content-visibility, overlay, pointer-events;
     --default-transition-duration: 0.15s;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-inter), system-ui;
-    --default-font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+    --default-font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
     --default-mono-font-family: var(--font-plex-mono);
-    --default-mono-font-feature-settings: "ss02", "zero";
+    --default-mono-font-feature-settings: 'ss02', 'zero';
     --animate-flash-code: flash-code 2s forwards;
   }
-
-  @property --tw-space-x-reverse {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --tw-space-y-reverse {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --tw-gradient-position {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-gradient-from {
-    syntax: "<color>";
-    inherits: false;
-    initial-value: #0000;
-  }
-
-  @property --tw-gradient-via {
-    syntax: "<color>";
-    inherits: false;
-    initial-value: #0000;
-  }
-
-  @property --tw-gradient-to {
-    syntax: "<color>";
-    inherits: false;
-    initial-value: #0000;
-  }
-
-  @property --tw-gradient-stops {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-gradient-via-stops {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-gradient-from-position {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 0%;
-  }
-
-  @property --tw-gradient-via-position {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 50%;
-  }
-
-  @property --tw-gradient-to-position {
-    syntax: "<length-percentage>";
-    inherits: false;
-    initial-value: 100%;
-  }
-
-  @property --tw-border-style {
-    syntax: "*";
-    inherits: false;
-    initial-value: solid;
-  }
-
-  @property --tw-rotate-x {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-rotate-y {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-scale-x {
-    syntax: "*";
-    inherits: false;
-    initial-value: 1;
-  }
-
-  @property --tw-scale-y {
-    syntax: "*";
-    inherits: false;
-    initial-value: 1;
-  }
-
-  @property --tw-scale-z {
-    syntax: "*";
-    inherits: false;
-    initial-value: 1;
-  }
-
-  @property --tw-skew-x {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-skew-y {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-translate-x {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --tw-translate-y {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --tw-translate-z {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0;
-  }
-
-  @property --tw-shadow {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0 0 #0000;
-  }
-
-  @property --tw-shadow-color {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-shadow-alpha {
-    syntax: "<percentage>";
-    inherits: false;
-    initial-value: 100%;
-  }
-
-  @property --tw-inset-shadow {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0 0 #0000;
-  }
-
-  @property --tw-inset-shadow-color {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-inset-shadow-alpha {
-    syntax: "<percentage>";
-    inherits: false;
-    initial-value: 100%;
-  }
-
-  @property --tw-ring-color {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-ring-shadow {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0 0 #0000;
-  }
-
-  @property --tw-inset-ring-color {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-inset-ring-shadow {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0 0 #0000;
-  }
-
-  @property --tw-ring-inset {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-ring-offset-width {
-    syntax: "<length>";
-    inherits: false;
-    initial-value: 0px;
-  }
-
-  @property --tw-ring-offset-color {
-    syntax: "*";
-    inherits: false;
-    initial-value: #fff;
-  }
-
-  @property --tw-ring-offset-shadow {
-    syntax: "*";
-    inherits: false;
-    initial-value: 0 0 #0000;
-  }
-
-  @property --tw-ordinal {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-slashed-zero {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-numeric-figure {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-numeric-spacing {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @property --tw-numeric-fraction {
-    syntax: "*";
-    inherits: false;
-  }
-
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  @keyframes ping {
-    75%,
-    to {
-      opacity: 0;
-      transform: scale(2);
-    }
-  }
-  @keyframes pulse {
-    50% {
-      opacity: 0.5;
-    }
-  }
-  @keyframes bounce {
-    0%,
-    to {
-      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-      transform: translateY(-25%);
-    }
-    50% {
-      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-      transform: none;
-    }
-  }
 }
+
 @layer base {
   progress,
   sub,
@@ -664,8 +546,8 @@
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
     font-family:
-      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
     font-feature-settings: normal;
     font-variation-settings: normal;
     -webkit-tap-highlight-color: transparent;
@@ -700,8 +582,8 @@
   pre,
   samp {
     font-family:
-      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-      "Courier New", monospace;
+      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+      'Courier New', monospace;
     font-feature-settings: normal;
     font-variation-settings: normal;
     font-size: 1em;
@@ -813,18 +695,288 @@
   }
   ::file-selector-button,
   button,
-  input:where([type="button"], [type="reset"], [type="submit"]) {
+  input:where([type='button'], [type='reset'], [type='submit']) {
     appearance: button;
   }
   ::-webkit-inner-spin-button,
   ::-webkit-outer-spin-button {
     height: auto;
   }
-  [hidden]:where(:not([hidden="until-found"])) {
+  [hidden]:where(:not([hidden='until-found'])) {
     display: none !important;
   }
 }
 
+@property --tw-space-x-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-space-y-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-gradient-position {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-gradient-from {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-via {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-to {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-stops {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-gradient-via-stops {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-gradient-from-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 0%;
+}
+
+@property --tw-gradient-via-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 50%;
+}
+
+@property --tw-gradient-to-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-divide-x-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-divide-y-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-border-style {
+  syntax: '*';
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-rotate-x {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-rotate-y {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-scale-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-z {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-skew-x {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-skew-y {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-z {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-ring-offset-width {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0px;
+}
+
+@property --tw-ring-offset-color {
+  syntax: '*';
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ordinal {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-slashed-zero {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-numeric-figure {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-numeric-spacing {
+  syntax: '*';
+  inherits: false;
+}
+
+@property --tw-numeric-fraction {
+  syntax: '*';
+  inherits: false;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%,
+  to {
+    opacity: 0;
+    transform: scale(2);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%,
+  to {
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    transform: translateY(-25%);
+  }
+  50% {
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    transform: none;
+  }
+}
+
 @layer styles {
   .accent {
     accent-color: var(--accent);
@@ -956,6 +1108,9 @@
   .dark .dark\:border-y {
     border-block-color: var(--dark-border-y);
   }
+  .bg-image {
+    background-image: var(--bg-image);
+  }
   .bg-position {
     background-position: var(--bg-position);
   }
@@ -1291,6 +1446,46 @@
   .cursor {
     cursor: var(--cursor);
   }
+  .divide-x :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(
+      var(--spacing) * var(--border-w) * var(--tw-divide-x-reverse)
+    );
+    border-inline-end-width: calc(
+      var(--spacing) * var(--border-w) * (1 - var(--tw-divide-x-reverse))
+    );
+  }
+  .\[divide-x\] :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(
+      var(--border-w) * var(--tw-divide-x-reverse)
+    );
+    border-inline-end-width: calc(
+      var(--border-w) * (1 - var(--tw-divide-x-reverse))
+    );
+  }
+  .divide-y :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-block-style: var(--tw-border-style);
+    border-block-start-width: calc(
+      var(--spacing) * var(--border-w) * var(--tw-divide-y-reverse)
+    );
+    border-block-end-width: calc(
+      var(--spacing) * var(--border-w) * (1 - var(--tw-divide-y-reverse))
+    );
+  }
+  .\[divide-y\] :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-block-style: var(--tw-border-style);
+    border-block-start-width: calc(
+      var(--border-w) * var(--tw-divide-y-reverse)
+    );
+    border-block-end-width: calc(
+      var(--border-w) * (1 - var(--tw-divide-y-reverse))
+    );
+  }
   .fill\/o {
     fill: color-mix(in oklab, var(--fill) var(--fill-o, 100%), transparent);
   }
@@ -1331,6 +1526,27 @@
   .font-size {
     font-size: var(--font-size);
   }
+  .gap {
+    gap: calc(var(--spacing) * var(--gap));
+  }
+  .gap-x {
+    column-gap: calc(var(--spacing) * var(--gap-x));
+  }
+  .gap-y {
+    row-gap: calc(var(--spacing) * var(--gap-y));
+  }
+  .\[gap\] {
+    gap: var(--gap);
+  }
+  .\[gap-x\] {
+    column-gap: var(--gap-x);
+  }
+  .\[gap-y\] {
+    row-gap: var(--gap-y);
+  }
+  .from-position {
+    --tw-gradient-from-position: var(--from-position);
+  }
   .from {
     --tw-gradient-from: var(--from);
     --tw-gradient-stops: var(
@@ -1375,26 +1591,102 @@
       var(--tw-gradient-to) var(--tw-gradient-to-position)
     );
   }
-  .from-position {
-    --tw-gradient-from-position: var(--from-position);
+  .via {
+    --tw-gradient-via: var(--via);
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .gap {
-    gap: calc(var(--spacing) * var(--gap));
+  .dark .dark\:via {
+    --tw-gradient-via: var(--dark-via);
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .gap-x {
-    column-gap: calc(var(--spacing) * var(--gap-x));
+  .via\/o {
+    --tw-gradient-via: color-mix(
+      in oklab,
+      var(--via) var(--via-o, 100%),
+      transparent
+    );
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .gap-y {
-    row-gap: calc(var(--spacing) * var(--gap-y));
+  .dark .dark\:via\/o {
+    --tw-gradient-via: color-mix(
+      in oklab,
+      var(--dark-via) var(--dark-via-o, 100%),
+      transparent
+    );
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .\[gap\] {
-    gap: var(--gap);
+  .via-position {
+    --tw-gradient-via-position: var(--via-position);
   }
-  .\[gap-x\] {
-    column-gap: var(--gap-x);
+  .to {
+    --tw-gradient-to: var(--to);
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
   }
-  .\[gap-y\] {
-    row-gap: var(--gap-y);
+  .dark .dark\:to {
+    --tw-gradient-to: var(--dark-to);
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .to\/o {
+    --tw-gradient-to: color-mix(
+      in oklab,
+      var(--to) var(--to-o, 100%),
+      transparent
+    );
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .dark .dark\:to\/o {
+    --tw-gradient-to: color-mix(
+      in oklab,
+      var(--dark-to) var(--dark-to-o, 100%),
+      transparent
+    );
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .to-position {
+    --tw-gradient-to-position: var(--to-position);
+  }
+  .gradient-position {
+    --tw-gradient-position: var(--gradient-position, in oklab);
   }
   .grayscale {
     filter: grayscale(--grayscale);
@@ -1955,6 +2247,30 @@
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
       var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .space-x > :not(:last-child) {
+    margin-inline-start: calc(
+      var(--spacing) * var(--space-x) * var(--tw-space-x-reverse)
+    );
+    margin-inline-end: calc(
+      var(--spacing) * var(--space-x) * (1 - var(--tw-space-x-reverse))
+    );
+  }
+  .\[space-x\] > :not(:last-child) {
+    margin-inline-start: calc(var(--space-x) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(var(--space-x) * (1 - var(--tw-space-x-reverse)));
+  }
+  .space-y > :not(:last-child) {
+    margin-block-start: calc(
+      var(--spacing) * var(--space-y) * var(--tw-space-y-reverse)
+    );
+    margin-block-end: calc(
+      var(--spacing) * var(--space-y) * (1 - var(--tw-space-y-reverse))
+    );
+  }
+  .\[space-y\] > :not(:last-child) {
+    margin-block-start: calc(var(--space-y) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--space-y) * (1 - var(--tw-space-y-reverse)));
+  }
   .stroke-w {
     stroke-width: var(--stroke-w);
   }
@@ -1996,53 +2312,6 @@
   .underline-offset {
     text-underline-offset: var(--underline-offset);
   }
-  .to {
-    --tw-gradient-to: var(--to);
-    --tw-gradient-stops: var(
-      --tw-gradient-to-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .dark .dark\:to {
-    --tw-gradient-to: var(--dark-to);
-    --tw-gradient-stops: var(
-      --tw-gradient-to-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .to\/o {
-    --tw-gradient-to: color-mix(
-      in oklab,
-      var(--to) var(--to-o, 100%),
-      transparent
-    );
-    --tw-gradient-stops: var(
-      --tw-gradient-to-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .dark .dark\:to\/o {
-    --tw-gradient-to: color-mix(
-      in oklab,
-      var(--dark-to) var(--dark-to-o, 100%),
-      transparent
-    );
-    --tw-gradient-stops: var(
-      --tw-gradient-to-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .to-position {
-    --tw-gradient-to-position: var(--to-position);
-  }
   .top {
     top: calc(var(--spacing) * var(--top));
   }
@@ -2058,14 +2327,14 @@
   .delay {
     transition-delay: var(--delay);
   }
-  .duration {
-    transition-duration: var(--duration);
-  }
-  .\[transition\] {
-    transition-property: var(--transition);
+  .transition {
+    transition-property: var(--transition, var(--default-transition-property));
     transition-timing-function: var(--default-transition-timing-function);
     transition-duration: var(--default-transition-duration);
   }
+  .duration {
+    transition-duration: var(--duration);
+  }
   .ease {
     transition-timing-function: var(--ease);
   }
@@ -2091,67 +2360,20 @@
     --tw-translate-y: calc(var(--spacing) * var(--translate-y));
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .\[translate-y\] {
-    --tw-translate-y: var(--translate-y);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-z {
-    --tw-translate-z: calc(var(--spacing) * var(--translate-z));
-    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
-  }
-  .\[translate-z\] {
-    --tw-translate-z: var(--translate-z);
-    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
-  }
-  .align {
-    vertical-align: var(--align);
-  }
-  .via {
-    --tw-gradient-via: var(--via);
-    --tw-gradient-stops: var(
-      --tw-gradient-via-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-via) var(--tw-gradient-via-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .dark .dark\:via {
-    --tw-gradient-via: var(--dark-via);
-    --tw-gradient-stops: var(
-      --tw-gradient-via-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-via) var(--tw-gradient-via-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
-  }
-  .via\/o {
-    --tw-gradient-via: color-mix(
-      in oklab,
-      var(--via) var(--via-o, 100%),
-      transparent
-    );
-    --tw-gradient-stops: var(
-      --tw-gradient-via-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-via) var(--tw-gradient-via-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
+  .\[translate-y\] {
+    --tw-translate-y: var(--translate-y);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .dark .dark\:via\/o {
-    --tw-gradient-via: color-mix(
-      in oklab,
-      var(--dark-via) var(--dark-via-o, 100%),
-      transparent
-    );
-    --tw-gradient-stops: var(
-      --tw-gradient-via-stops,
-      var(--tw-gradient-position),
-      var(--tw-gradient-via) var(--tw-gradient-via-position),
-      var(--tw-gradient-to) var(--tw-gradient-to-position)
-    );
+  .translate-z {
+    --tw-translate-z: calc(var(--spacing) * var(--translate-z));
+    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
   }
-  .via-position {
-    --tw-gradient-via-position: var(--via-position);
+  .\[translate-z\] {
+    --tw-translate-z: var(--translate-z);
+    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
+  }
+  .align {
+    vertical-align: var(--align);
   }
   .w {
     width: calc(var(--spacing) * var(--w));
@@ -2296,6 +2518,9 @@
     .dark .dark\:sm\:border-y {
       border-block-color: var(--dark-sm-border-y);
     }
+    .sm\:bg-image {
+      background-image: var(--sm-bg-image);
+    }
     .sm\:bg-position {
       background-position: var(--sm-bg-position);
     }
@@ -2639,6 +2864,46 @@
     .sm\:cursor {
       cursor: var(--sm-cursor);
     }
+    .sm\:divide-x :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--spacing) * var(--sm-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--spacing) * var(--sm-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .sm\:\[divide-x\] :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--sm-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--sm-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .sm\:divide-y :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--spacing) * var(--sm-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--spacing) * var(--sm-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
+    .sm\:\[divide-y\] :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--sm-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--sm-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
     .sm\:fill\/o {
       fill: color-mix(
         in oklab,
@@ -2683,6 +2948,27 @@
     .sm\:font-size {
       font-size: var(--sm-font-size);
     }
+    .sm\:gap {
+      gap: calc(var(--spacing) * var(--sm-gap));
+    }
+    .sm\:gap-x {
+      column-gap: calc(var(--spacing) * var(--sm-gap-x));
+    }
+    .sm\:gap-y {
+      row-gap: calc(var(--spacing) * var(--sm-gap-y));
+    }
+    .sm\:\[gap\] {
+      gap: var(--sm-gap);
+    }
+    .sm\:\[gap-x\] {
+      column-gap: var(--sm-gap-x);
+    }
+    .sm\:\[gap-y\] {
+      row-gap: var(--sm-gap-y);
+    }
+    .sm\:from-position {
+      --tw-gradient-from-position: var(--sm-from-position);
+    }
     .sm\:from {
       --tw-gradient-from: var(--sm-from);
       --tw-gradient-stops: var(
@@ -2727,26 +3013,102 @@
         var(--tw-gradient-to) var(--tw-gradient-to-position)
       );
     }
-    .sm\:from-position {
-      --tw-gradient-from-position: var(--sm-from-position);
+    .sm\:via {
+      --tw-gradient-via: var(--sm-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .sm\:gap {
-      gap: calc(var(--spacing) * var(--sm-gap));
+    .dark .dark\:sm\:via {
+      --tw-gradient-via: var(--dark-sm-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .sm\:gap-x {
-      column-gap: calc(var(--spacing) * var(--sm-gap-x));
+    .sm\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--sm-via) var(--sm-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .sm\:gap-y {
-      row-gap: calc(var(--spacing) * var(--sm-gap-y));
+    .dark .dark\:sm\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--dark-sm-via) var(--dark-sm-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .sm\:\[gap\] {
-      gap: var(--sm-gap);
+    .sm\:via-position {
+      --tw-gradient-via-position: var(--sm-via-position);
     }
-    .sm\:\[gap-x\] {
-      column-gap: var(--sm-gap-x);
+    .sm\:to {
+      --tw-gradient-to: var(--sm-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
     }
-    .sm\:\[gap-y\] {
-      row-gap: var(--sm-gap-y);
+    .dark .dark\:sm\:to {
+      --tw-gradient-to: var(--dark-sm-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .sm\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--sm-to) var(--sm-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .dark .dark\:sm\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--dark-sm-to) var(--dark-sm-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .sm\:to-position {
+      --tw-gradient-to-position: var(--sm-to-position);
+    }
+    .sm\:gradient-position {
+      --tw-gradient-position: var(--sm-gradient-position, in oklab);
     }
     .sm\:grayscale {
       filter: grayscale(--sm-grayscale);
@@ -3307,6 +3669,34 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
+    .sm\:space-x > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--spacing) * var(--sm-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--spacing) * var(--sm-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .sm\:\[space-x\] > :not(:last-child) {
+      margin-inline-start: calc(var(--sm-space-x) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(
+        var(--sm-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .sm\:space-y > :not(:last-child) {
+      margin-block-start: calc(
+        var(--spacing) * var(--sm-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--spacing) * var(--sm-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
+    .sm\:\[space-y\] > :not(:last-child) {
+      margin-block-start: calc(var(--sm-space-y) * var(--tw-space-y-reverse));
+      margin-block-end: calc(
+        var(--sm-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
     .sm\:stroke-w {
       stroke-width: var(--sm-stroke-w);
     }
@@ -3348,53 +3738,6 @@
     .sm\:underline-offset {
       text-underline-offset: var(--sm-underline-offset);
     }
-    .sm\:to {
-      --tw-gradient-to: var(--sm-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:sm\:to {
-      --tw-gradient-to: var(--dark-sm-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .sm\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--sm-to) var(--sm-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:sm\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--dark-sm-to) var(--dark-sm-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .sm\:to-position {
-      --tw-gradient-to-position: var(--sm-to-position);
-    }
     .sm\:top {
       top: calc(var(--spacing) * var(--sm-top));
     }
@@ -3410,14 +3753,17 @@
     .sm\:delay {
       transition-delay: var(--sm-delay);
     }
-    .sm\:duration {
-      transition-duration: var(--sm-duration);
-    }
-    .sm\:\[transition\] {
-      transition-property: var(--sm-transition);
+    .sm\:transition {
+      transition-property: var(
+        --sm-transition,
+        var(--default-transition-property)
+      );
       transition-timing-function: var(--default-transition-timing-function);
       transition-duration: var(--default-transition-duration);
     }
+    .sm\:duration {
+      transition-duration: var(--sm-duration);
+    }
     .sm\:ease {
       transition-timing-function: var(--sm-ease);
     }
@@ -3440,72 +3786,25 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     .sm\:translate-y {
-      --tw-translate-y: calc(var(--spacing) * var(--sm-translate-y));
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .sm\:\[translate-y\] {
-      --tw-translate-y: var(--sm-translate-y);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .sm\:translate-z {
-      --tw-translate-z: calc(var(--spacing) * var(--sm-translate-z));
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .sm\:\[translate-z\] {
-      --tw-translate-z: var(--sm-translate-z);
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .sm\:align {
-      vertical-align: var(--sm-align);
-    }
-    .sm\:via {
-      --tw-gradient-via: var(--sm-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:sm\:via {
-      --tw-gradient-via: var(--dark-sm-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+      --tw-translate-y: calc(var(--spacing) * var(--sm-translate-y));
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .sm\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--sm-via) var(--sm-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .sm\:\[translate-y\] {
+      --tw-translate-y: var(--sm-translate-y);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .dark .dark\:sm\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--dark-sm-via) var(--dark-sm-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .sm\:translate-z {
+      --tw-translate-z: calc(var(--spacing) * var(--sm-translate-z));
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .sm\:via-position {
-      --tw-gradient-via-position: var(--sm-via-position);
+    .sm\:\[translate-z\] {
+      --tw-translate-z: var(--sm-translate-z);
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
+    }
+    .sm\:align {
+      vertical-align: var(--sm-align);
     }
     .sm\:w {
       width: calc(var(--spacing) * var(--sm-w));
@@ -3651,6 +3950,9 @@
     .dark .dark\:md\:border-y {
       border-block-color: var(--dark-md-border-y);
     }
+    .md\:bg-image {
+      background-image: var(--md-bg-image);
+    }
     .md\:bg-position {
       background-position: var(--md-bg-position);
     }
@@ -3994,6 +4296,46 @@
     .md\:cursor {
       cursor: var(--md-cursor);
     }
+    .md\:divide-x :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--spacing) * var(--md-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--spacing) * var(--md-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .md\:\[divide-x\] :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--md-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--md-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .md\:divide-y :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--spacing) * var(--md-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--spacing) * var(--md-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
+    .md\:\[divide-y\] :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--md-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--md-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
     .md\:fill\/o {
       fill: color-mix(
         in oklab,
@@ -4038,6 +4380,27 @@
     .md\:font-size {
       font-size: var(--md-font-size);
     }
+    .md\:gap {
+      gap: calc(var(--spacing) * var(--md-gap));
+    }
+    .md\:gap-x {
+      column-gap: calc(var(--spacing) * var(--md-gap-x));
+    }
+    .md\:gap-y {
+      row-gap: calc(var(--spacing) * var(--md-gap-y));
+    }
+    .md\:\[gap\] {
+      gap: var(--md-gap);
+    }
+    .md\:\[gap-x\] {
+      column-gap: var(--md-gap-x);
+    }
+    .md\:\[gap-y\] {
+      row-gap: var(--md-gap-y);
+    }
+    .md\:from-position {
+      --tw-gradient-from-position: var(--md-from-position);
+    }
     .md\:from {
       --tw-gradient-from: var(--md-from);
       --tw-gradient-stops: var(
@@ -4082,26 +4445,102 @@
         var(--tw-gradient-to) var(--tw-gradient-to-position)
       );
     }
-    .md\:from-position {
-      --tw-gradient-from-position: var(--md-from-position);
+    .md\:via {
+      --tw-gradient-via: var(--md-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .md\:gap {
-      gap: calc(var(--spacing) * var(--md-gap));
+    .dark .dark\:md\:via {
+      --tw-gradient-via: var(--dark-md-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .md\:gap-x {
-      column-gap: calc(var(--spacing) * var(--md-gap-x));
+    .md\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--md-via) var(--md-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .md\:gap-y {
-      row-gap: calc(var(--spacing) * var(--md-gap-y));
+    .dark .dark\:md\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--dark-md-via) var(--dark-md-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .md\:\[gap\] {
-      gap: var(--md-gap);
+    .md\:via-position {
+      --tw-gradient-via-position: var(--md-via-position);
     }
-    .md\:\[gap-x\] {
-      column-gap: var(--md-gap-x);
+    .md\:to {
+      --tw-gradient-to: var(--md-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
     }
-    .md\:\[gap-y\] {
-      row-gap: var(--md-gap-y);
+    .dark .dark\:md\:to {
+      --tw-gradient-to: var(--dark-md-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .md\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--md-to) var(--md-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .dark .dark\:md\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--dark-md-to) var(--dark-md-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .md\:to-position {
+      --tw-gradient-to-position: var(--md-to-position);
+    }
+    .md\:gradient-position {
+      --tw-gradient-position: var(--md-gradient-position, in oklab);
     }
     .md\:grayscale {
       filter: grayscale(--md-grayscale);
@@ -4662,6 +5101,34 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
+    .md\:space-x > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--spacing) * var(--md-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--spacing) * var(--md-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .md\:\[space-x\] > :not(:last-child) {
+      margin-inline-start: calc(var(--md-space-x) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(
+        var(--md-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .md\:space-y > :not(:last-child) {
+      margin-block-start: calc(
+        var(--spacing) * var(--md-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--spacing) * var(--md-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
+    .md\:\[space-y\] > :not(:last-child) {
+      margin-block-start: calc(var(--md-space-y) * var(--tw-space-y-reverse));
+      margin-block-end: calc(
+        var(--md-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
     .md\:stroke-w {
       stroke-width: var(--md-stroke-w);
     }
@@ -4703,53 +5170,6 @@
     .md\:underline-offset {
       text-underline-offset: var(--md-underline-offset);
     }
-    .md\:to {
-      --tw-gradient-to: var(--md-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:md\:to {
-      --tw-gradient-to: var(--dark-md-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .md\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--md-to) var(--md-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:md\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--dark-md-to) var(--dark-md-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .md\:to-position {
-      --tw-gradient-to-position: var(--md-to-position);
-    }
     .md\:top {
       top: calc(var(--spacing) * var(--md-top));
     }
@@ -4765,14 +5185,17 @@
     .md\:delay {
       transition-delay: var(--md-delay);
     }
-    .md\:duration {
-      transition-duration: var(--md-duration);
-    }
-    .md\:\[transition\] {
-      transition-property: var(--md-transition);
+    .md\:transition {
+      transition-property: var(
+        --md-transition,
+        var(--default-transition-property)
+      );
       transition-timing-function: var(--default-transition-timing-function);
       transition-duration: var(--default-transition-duration);
     }
+    .md\:duration {
+      transition-duration: var(--md-duration);
+    }
     .md\:ease {
       transition-timing-function: var(--md-ease);
     }
@@ -4799,68 +5222,21 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     .md\:\[translate-y\] {
-      --tw-translate-y: var(--md-translate-y);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .md\:translate-z {
-      --tw-translate-z: calc(var(--spacing) * var(--md-translate-z));
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .md\:\[translate-z\] {
-      --tw-translate-z: var(--md-translate-z);
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .md\:align {
-      vertical-align: var(--md-align);
-    }
-    .md\:via {
-      --tw-gradient-via: var(--md-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:md\:via {
-      --tw-gradient-via: var(--dark-md-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+      --tw-translate-y: var(--md-translate-y);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .md\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--md-via) var(--md-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .md\:translate-z {
+      --tw-translate-z: calc(var(--spacing) * var(--md-translate-z));
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .dark .dark\:md\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--dark-md-via) var(--dark-md-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .md\:\[translate-z\] {
+      --tw-translate-z: var(--md-translate-z);
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .md\:via-position {
-      --tw-gradient-via-position: var(--md-via-position);
+    .md\:align {
+      vertical-align: var(--md-align);
     }
     .md\:w {
       width: calc(var(--spacing) * var(--md-w));
@@ -5006,6 +5382,9 @@
     .dark .dark\:lg\:border-y {
       border-block-color: var(--dark-lg-border-y);
     }
+    .lg\:bg-image {
+      background-image: var(--lg-bg-image);
+    }
     .lg\:bg-position {
       background-position: var(--lg-bg-position);
     }
@@ -5349,6 +5728,46 @@
     .lg\:cursor {
       cursor: var(--lg-cursor);
     }
+    .lg\:divide-x :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--spacing) * var(--lg-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--spacing) * var(--lg-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .lg\:\[divide-x\] :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--lg-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--lg-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .lg\:divide-y :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--spacing) * var(--lg-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--spacing) * var(--lg-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
+    .lg\:\[divide-y\] :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--lg-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--lg-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
     .lg\:fill\/o {
       fill: color-mix(
         in oklab,
@@ -5393,6 +5812,27 @@
     .lg\:font-size {
       font-size: var(--lg-font-size);
     }
+    .lg\:gap {
+      gap: calc(var(--spacing) * var(--lg-gap));
+    }
+    .lg\:gap-x {
+      column-gap: calc(var(--spacing) * var(--lg-gap-x));
+    }
+    .lg\:gap-y {
+      row-gap: calc(var(--spacing) * var(--lg-gap-y));
+    }
+    .lg\:\[gap\] {
+      gap: var(--lg-gap);
+    }
+    .lg\:\[gap-x\] {
+      column-gap: var(--lg-gap-x);
+    }
+    .lg\:\[gap-y\] {
+      row-gap: var(--lg-gap-y);
+    }
+    .lg\:from-position {
+      --tw-gradient-from-position: var(--lg-from-position);
+    }
     .lg\:from {
       --tw-gradient-from: var(--lg-from);
       --tw-gradient-stops: var(
@@ -5437,26 +5877,102 @@
         var(--tw-gradient-to) var(--tw-gradient-to-position)
       );
     }
-    .lg\:from-position {
-      --tw-gradient-from-position: var(--lg-from-position);
+    .lg\:via {
+      --tw-gradient-via: var(--lg-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .lg\:gap {
-      gap: calc(var(--spacing) * var(--lg-gap));
+    .dark .dark\:lg\:via {
+      --tw-gradient-via: var(--dark-lg-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .lg\:gap-x {
-      column-gap: calc(var(--spacing) * var(--lg-gap-x));
+    .lg\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--lg-via) var(--lg-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .lg\:gap-y {
-      row-gap: calc(var(--spacing) * var(--lg-gap-y));
+    .dark .dark\:lg\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--dark-lg-via) var(--dark-lg-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .lg\:\[gap\] {
-      gap: var(--lg-gap);
+    .lg\:via-position {
+      --tw-gradient-via-position: var(--lg-via-position);
     }
-    .lg\:\[gap-x\] {
-      column-gap: var(--lg-gap-x);
+    .lg\:to {
+      --tw-gradient-to: var(--lg-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
     }
-    .lg\:\[gap-y\] {
-      row-gap: var(--lg-gap-y);
+    .dark .dark\:lg\:to {
+      --tw-gradient-to: var(--dark-lg-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .lg\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--lg-to) var(--lg-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .dark .dark\:lg\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--dark-lg-to) var(--dark-lg-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .lg\:to-position {
+      --tw-gradient-to-position: var(--lg-to-position);
+    }
+    .lg\:gradient-position {
+      --tw-gradient-position: var(--lg-gradient-position, in oklab);
     }
     .lg\:grayscale {
       filter: grayscale(--lg-grayscale);
@@ -6017,6 +6533,34 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
+    .lg\:space-x > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--spacing) * var(--lg-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--spacing) * var(--lg-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .lg\:\[space-x\] > :not(:last-child) {
+      margin-inline-start: calc(var(--lg-space-x) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(
+        var(--lg-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .lg\:space-y > :not(:last-child) {
+      margin-block-start: calc(
+        var(--spacing) * var(--lg-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--spacing) * var(--lg-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
+    .lg\:\[space-y\] > :not(:last-child) {
+      margin-block-start: calc(var(--lg-space-y) * var(--tw-space-y-reverse));
+      margin-block-end: calc(
+        var(--lg-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
     .lg\:stroke-w {
       stroke-width: var(--lg-stroke-w);
     }
@@ -6058,53 +6602,6 @@
     .lg\:underline-offset {
       text-underline-offset: var(--lg-underline-offset);
     }
-    .lg\:to {
-      --tw-gradient-to: var(--lg-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:lg\:to {
-      --tw-gradient-to: var(--dark-lg-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .lg\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--lg-to) var(--lg-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:lg\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--dark-lg-to) var(--dark-lg-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .lg\:to-position {
-      --tw-gradient-to-position: var(--lg-to-position);
-    }
     .lg\:top {
       top: calc(var(--spacing) * var(--lg-top));
     }
@@ -6120,14 +6617,17 @@
     .lg\:delay {
       transition-delay: var(--lg-delay);
     }
-    .lg\:duration {
-      transition-duration: var(--lg-duration);
-    }
-    .lg\:\[transition\] {
-      transition-property: var(--lg-transition);
+    .lg\:transition {
+      transition-property: var(
+        --lg-transition,
+        var(--default-transition-property)
+      );
       transition-timing-function: var(--default-transition-timing-function);
       transition-duration: var(--default-transition-duration);
     }
+    .lg\:duration {
+      transition-duration: var(--lg-duration);
+    }
     .lg\:ease {
       transition-timing-function: var(--lg-ease);
     }
@@ -6150,72 +6650,25 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     .lg\:translate-y {
-      --tw-translate-y: calc(var(--spacing) * var(--lg-translate-y));
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .lg\:\[translate-y\] {
-      --tw-translate-y: var(--lg-translate-y);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .lg\:translate-z {
-      --tw-translate-z: calc(var(--spacing) * var(--lg-translate-z));
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .lg\:\[translate-z\] {
-      --tw-translate-z: var(--lg-translate-z);
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .lg\:align {
-      vertical-align: var(--lg-align);
-    }
-    .lg\:via {
-      --tw-gradient-via: var(--lg-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:lg\:via {
-      --tw-gradient-via: var(--dark-lg-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+      --tw-translate-y: calc(var(--spacing) * var(--lg-translate-y));
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .lg\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--lg-via) var(--lg-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .lg\:\[translate-y\] {
+      --tw-translate-y: var(--lg-translate-y);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .dark .dark\:lg\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--dark-lg-via) var(--dark-lg-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .lg\:translate-z {
+      --tw-translate-z: calc(var(--spacing) * var(--lg-translate-z));
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .lg\:via-position {
-      --tw-gradient-via-position: var(--lg-via-position);
+    .lg\:\[translate-z\] {
+      --tw-translate-z: var(--lg-translate-z);
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
+    }
+    .lg\:align {
+      vertical-align: var(--lg-align);
     }
     .lg\:w {
       width: calc(var(--spacing) * var(--lg-w));
@@ -6361,6 +6814,9 @@
     .dark .dark\:xl\:border-y {
       border-block-color: var(--dark-xl-border-y);
     }
+    .xl\:bg-image {
+      background-image: var(--xl-bg-image);
+    }
     .xl\:bg-position {
       background-position: var(--xl-bg-position);
     }
@@ -6704,6 +7160,46 @@
     .xl\:cursor {
       cursor: var(--xl-cursor);
     }
+    .xl\:divide-x :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--spacing) * var(--xl-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--spacing) * var(--xl-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .xl\:\[divide-x\] :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--xl-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--xl-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .xl\:divide-y :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--spacing) * var(--xl-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--spacing) * var(--xl-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
+    .xl\:\[divide-y\] :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--xl-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--xl-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
     .xl\:fill\/o {
       fill: color-mix(
         in oklab,
@@ -6748,6 +7244,27 @@
     .xl\:font-size {
       font-size: var(--xl-font-size);
     }
+    .xl\:gap {
+      gap: calc(var(--spacing) * var(--xl-gap));
+    }
+    .xl\:gap-x {
+      column-gap: calc(var(--spacing) * var(--xl-gap-x));
+    }
+    .xl\:gap-y {
+      row-gap: calc(var(--spacing) * var(--xl-gap-y));
+    }
+    .xl\:\[gap\] {
+      gap: var(--xl-gap);
+    }
+    .xl\:\[gap-x\] {
+      column-gap: var(--xl-gap-x);
+    }
+    .xl\:\[gap-y\] {
+      row-gap: var(--xl-gap-y);
+    }
+    .xl\:from-position {
+      --tw-gradient-from-position: var(--xl-from-position);
+    }
     .xl\:from {
       --tw-gradient-from: var(--xl-from);
       --tw-gradient-stops: var(
@@ -6792,26 +7309,102 @@
         var(--tw-gradient-to) var(--tw-gradient-to-position)
       );
     }
-    .xl\:from-position {
-      --tw-gradient-from-position: var(--xl-from-position);
+    .xl\:via {
+      --tw-gradient-via: var(--xl-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .xl\:gap {
-      gap: calc(var(--spacing) * var(--xl-gap));
+    .dark .dark\:xl\:via {
+      --tw-gradient-via: var(--dark-xl-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .xl\:gap-x {
-      column-gap: calc(var(--spacing) * var(--xl-gap-x));
+    .xl\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--xl-via) var(--xl-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .xl\:gap-y {
-      row-gap: calc(var(--spacing) * var(--xl-gap-y));
+    .dark .dark\:xl\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--dark-xl-via) var(--dark-xl-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .xl\:\[gap\] {
-      gap: var(--xl-gap);
+    .xl\:via-position {
+      --tw-gradient-via-position: var(--xl-via-position);
     }
-    .xl\:\[gap-x\] {
-      column-gap: var(--xl-gap-x);
+    .xl\:to {
+      --tw-gradient-to: var(--xl-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
     }
-    .xl\:\[gap-y\] {
-      row-gap: var(--xl-gap-y);
+    .dark .dark\:xl\:to {
+      --tw-gradient-to: var(--dark-xl-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .xl\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--xl-to) var(--xl-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .dark .dark\:xl\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--dark-xl-to) var(--dark-xl-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .xl\:to-position {
+      --tw-gradient-to-position: var(--xl-to-position);
+    }
+    .xl\:gradient-position {
+      --tw-gradient-position: var(--xl-gradient-position, in oklab);
     }
     .xl\:grayscale {
       filter: grayscale(--xl-grayscale);
@@ -7372,6 +7965,34 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
+    .xl\:space-x > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--spacing) * var(--xl-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--spacing) * var(--xl-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .xl\:\[space-x\] > :not(:last-child) {
+      margin-inline-start: calc(var(--xl-space-x) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(
+        var(--xl-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .xl\:space-y > :not(:last-child) {
+      margin-block-start: calc(
+        var(--spacing) * var(--xl-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--spacing) * var(--xl-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
+    .xl\:\[space-y\] > :not(:last-child) {
+      margin-block-start: calc(var(--xl-space-y) * var(--tw-space-y-reverse));
+      margin-block-end: calc(
+        var(--xl-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
     .xl\:stroke-w {
       stroke-width: var(--xl-stroke-w);
     }
@@ -7413,53 +8034,6 @@
     .xl\:underline-offset {
       text-underline-offset: var(--xl-underline-offset);
     }
-    .xl\:to {
-      --tw-gradient-to: var(--xl-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:xl\:to {
-      --tw-gradient-to: var(--dark-xl-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .xl\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--xl-to) var(--xl-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:xl\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--dark-xl-to) var(--dark-xl-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .xl\:to-position {
-      --tw-gradient-to-position: var(--xl-to-position);
-    }
     .xl\:top {
       top: calc(var(--spacing) * var(--xl-top));
     }
@@ -7475,14 +8049,17 @@
     .xl\:delay {
       transition-delay: var(--xl-delay);
     }
-    .xl\:duration {
-      transition-duration: var(--xl-duration);
-    }
-    .xl\:\[transition\] {
-      transition-property: var(--xl-transition);
+    .xl\:transition {
+      transition-property: var(
+        --xl-transition,
+        var(--default-transition-property)
+      );
       transition-timing-function: var(--default-transition-timing-function);
       transition-duration: var(--default-transition-duration);
     }
+    .xl\:duration {
+      transition-duration: var(--xl-duration);
+    }
     .xl\:ease {
       transition-timing-function: var(--xl-ease);
     }
@@ -7509,68 +8086,21 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
     .xl\:\[translate-y\] {
-      --tw-translate-y: var(--xl-translate-y);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .xl\:translate-z {
-      --tw-translate-z: calc(var(--spacing) * var(--xl-translate-z));
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .xl\:\[translate-z\] {
-      --tw-translate-z: var(--xl-translate-z);
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .xl\:align {
-      vertical-align: var(--xl-align);
-    }
-    .xl\:via {
-      --tw-gradient-via: var(--xl-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:xl\:via {
-      --tw-gradient-via: var(--dark-xl-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+      --tw-translate-y: var(--xl-translate-y);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .xl\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--xl-via) var(--xl-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .xl\:translate-z {
+      --tw-translate-z: calc(var(--spacing) * var(--xl-translate-z));
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .dark .dark\:xl\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--dark-xl-via) var(--dark-xl-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .xl\:\[translate-z\] {
+      --tw-translate-z: var(--xl-translate-z);
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .xl\:via-position {
-      --tw-gradient-via-position: var(--xl-via-position);
+    .xl\:align {
+      vertical-align: var(--xl-align);
     }
     .xl\:w {
       width: calc(var(--spacing) * var(--xl-w));
@@ -7716,6 +8246,9 @@
     .dark .dark\:2xl\:border-y {
       border-block-color: var(--dark-2xl-border-y);
     }
+    .\32xl\:bg-image {
+      background-image: var(--\32xl-bg-image);
+    }
     .\32xl\:bg-position {
       background-position: var(--\32xl-bg-position);
     }
@@ -8063,6 +8596,48 @@
     .\32xl\:cursor {
       cursor: var(--\32xl-cursor);
     }
+    .\32xl\:divide-x :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--spacing) * var(--\32xl-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--spacing) * var(--\32xl-border-w) *
+          (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .\32xl\:\[divide-x\] :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(
+        var(--\32xl-border-w) * var(--tw-divide-x-reverse)
+      );
+      border-inline-end-width: calc(
+        var(--\32xl-border-w) * (1 - var(--tw-divide-x-reverse))
+      );
+    }
+    .\32xl\:divide-y :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--spacing) * var(--\32xl-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--spacing) * var(--\32xl-border-w) *
+          (1 - var(--tw-divide-y-reverse))
+      );
+    }
+    .\32xl\:\[divide-y\] :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-block-style: var(--tw-border-style);
+      border-block-start-width: calc(
+        var(--\32xl-border-w) * var(--tw-divide-y-reverse)
+      );
+      border-block-end-width: calc(
+        var(--\32xl-border-w) * (1 - var(--tw-divide-y-reverse))
+      );
+    }
     .\32xl\:fill\/o {
       fill: color-mix(
         in oklab,
@@ -8107,6 +8682,27 @@
     .\32xl\:font-size {
       font-size: var(--\32xl-font-size);
     }
+    .\32xl\:gap {
+      gap: calc(var(--spacing) * var(--\32xl-gap));
+    }
+    .\32xl\:gap-x {
+      column-gap: calc(var(--spacing) * var(--\32xl-gap-x));
+    }
+    .\32xl\:gap-y {
+      row-gap: calc(var(--spacing) * var(--\32xl-gap-y));
+    }
+    .\32xl\:\[gap\] {
+      gap: var(--\32xl-gap);
+    }
+    .\32xl\:\[gap-x\] {
+      column-gap: var(--\32xl-gap-x);
+    }
+    .\32xl\:\[gap-y\] {
+      row-gap: var(--\32xl-gap-y);
+    }
+    .\32xl\:from-position {
+      --tw-gradient-from-position: var(--\32xl-from-position);
+    }
     .\32xl\:from {
       --tw-gradient-from: var(--\32xl-from);
       --tw-gradient-stops: var(
@@ -8151,26 +8747,102 @@
         var(--tw-gradient-to) var(--tw-gradient-to-position)
       );
     }
-    .\32xl\:from-position {
-      --tw-gradient-from-position: var(--\32xl-from-position);
+    .\32xl\:via {
+      --tw-gradient-via: var(--\32xl-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .\32xl\:gap {
-      gap: calc(var(--spacing) * var(--\32xl-gap));
+    .dark .dark\:2xl\:via {
+      --tw-gradient-via: var(--dark-2xl-via);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .\32xl\:gap-x {
-      column-gap: calc(var(--spacing) * var(--\32xl-gap-x));
+    .\32xl\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--\32xl-via) var(--\32xl-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .\32xl\:gap-y {
-      row-gap: calc(var(--spacing) * var(--\32xl-gap-y));
+    .dark .dark\:2xl\:via\/o {
+      --tw-gradient-via: color-mix(
+        in oklab,
+        var(--dark-2xl-via) var(--dark-2xl-via-o, 100%),
+        transparent
+      );
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
     }
-    .\32xl\:\[gap\] {
-      gap: var(--\32xl-gap);
+    .\32xl\:via-position {
+      --tw-gradient-via-position: var(--\32xl-via-position);
     }
-    .\32xl\:\[gap-x\] {
-      column-gap: var(--\32xl-gap-x);
+    .\32xl\:to {
+      --tw-gradient-to: var(--\32xl-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
     }
-    .\32xl\:\[gap-y\] {
-      row-gap: var(--\32xl-gap-y);
+    .dark .dark\:2xl\:to {
+      --tw-gradient-to: var(--dark-2xl-to);
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .\32xl\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--\32xl-to) var(--\32xl-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .dark .dark\:2xl\:to\/o {
+      --tw-gradient-to: color-mix(
+        in oklab,
+        var(--dark-2xl-to) var(--dark-2xl-to-o, 100%),
+        transparent
+      );
+      --tw-gradient-stops: var(
+        --tw-gradient-via-stops,
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position)
+      );
+    }
+    .\32xl\:to-position {
+      --tw-gradient-to-position: var(--\32xl-to-position);
+    }
+    .\32xl\:gradient-position {
+      --tw-gradient-position: var(--\32xl-gradient-position, in oklab);
     }
     .\32xl\:grayscale {
       filter: grayscale(--\32xl-grayscale);
@@ -8733,6 +9405,38 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
+    .\32xl\:space-x > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--spacing) * var(--\32xl-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--spacing) * var(--\32xl-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .\32xl\:\[space-x\] > :not(:last-child) {
+      margin-inline-start: calc(
+        var(--\32xl-space-x) * var(--tw-space-x-reverse)
+      );
+      margin-inline-end: calc(
+        var(--\32xl-space-x) * (1 - var(--tw-space-x-reverse))
+      );
+    }
+    .\32xl\:space-y > :not(:last-child) {
+      margin-block-start: calc(
+        var(--spacing) * var(--\32xl-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--spacing) * var(--\32xl-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
+    .\32xl\:\[space-y\] > :not(:last-child) {
+      margin-block-start: calc(
+        var(--\32xl-space-y) * var(--tw-space-y-reverse)
+      );
+      margin-block-end: calc(
+        var(--\32xl-space-y) * (1 - var(--tw-space-y-reverse))
+      );
+    }
     .\32xl\:stroke-w {
       stroke-width: var(--\32xl-stroke-w);
     }
@@ -8774,53 +9478,6 @@
     .\32xl\:underline-offset {
       text-underline-offset: var(--\32xl-underline-offset);
     }
-    .\32xl\:to {
-      --tw-gradient-to: var(--\32xl-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:2xl\:to {
-      --tw-gradient-to: var(--dark-2xl-to);
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .\32xl\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--\32xl-to) var(--\32xl-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:2xl\:to\/o {
-      --tw-gradient-to: color-mix(
-        in oklab,
-        var(--dark-2xl-to) var(--dark-2xl-to-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-to-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .\32xl\:to-position {
-      --tw-gradient-to-position: var(--\32xl-to-position);
-    }
     .\32xl\:top {
       top: calc(var(--spacing) * var(--\32xl-top));
     }
@@ -8836,14 +9493,17 @@
     .\32xl\:delay {
       transition-delay: var(--\32xl-delay);
     }
-    .\32xl\:duration {
-      transition-duration: var(--\32xl-duration);
-    }
-    .\32xl\:\[transition\] {
-      transition-property: var(--\32xl-transition);
+    .\32xl\:transition {
+      transition-property: var(
+        --\32xl-transition,
+        var(--default-transition-property)
+      );
       transition-timing-function: var(--default-transition-timing-function);
       transition-duration: var(--default-transition-duration);
     }
+    .\32xl\:duration {
+      transition-duration: var(--\32xl-duration);
+    }
     .\32xl\:ease {
       transition-timing-function: var(--\32xl-ease);
     }
@@ -8869,69 +9529,22 @@
       --tw-translate-y: calc(var(--spacing) * var(--\32xl-translate-y));
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .\32xl\:\[translate-y\] {
-      --tw-translate-y: var(--\32xl-translate-y);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .\32xl\:translate-z {
-      --tw-translate-z: calc(var(--spacing) * var(--\32xl-translate-z));
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .\32xl\:\[translate-z\] {
-      --tw-translate-z: var(--\32xl-translate-z);
-      translate: var(--tw-translate-x) var(--tw-translate-y)
-        var(--tw-translate-z);
-    }
-    .\32xl\:align {
-      vertical-align: var(--\32xl-align);
-    }
-    .\32xl\:via {
-      --tw-gradient-via: var(--\32xl-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .dark .dark\:2xl\:via {
-      --tw-gradient-via: var(--dark-2xl-via);
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
-    }
-    .\32xl\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--\32xl-via) var(--\32xl-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .\32xl\:\[translate-y\] {
+      --tw-translate-y: var(--\32xl-translate-y);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-    .dark .dark\:2xl\:via\/o {
-      --tw-gradient-via: color-mix(
-        in oklab,
-        var(--dark-2xl-via) var(--dark-2xl-via-o, 100%),
-        transparent
-      );
-      --tw-gradient-stops: var(
-        --tw-gradient-via-stops,
-        var(--tw-gradient-position),
-        var(--tw-gradient-via) var(--tw-gradient-via-position),
-        var(--tw-gradient-to) var(--tw-gradient-to-position)
-      );
+    .\32xl\:translate-z {
+      --tw-translate-z: calc(var(--spacing) * var(--\32xl-translate-z));
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
     }
-    .\32xl\:via-position {
-      --tw-gradient-via-position: var(--\32xl-via-position);
+    .\32xl\:\[translate-z\] {
+      --tw-translate-z: var(--\32xl-translate-z);
+      translate: var(--tw-translate-x) var(--tw-translate-y)
+        var(--tw-translate-z);
+    }
+    .\32xl\:align {
+      vertical-align: var(--\32xl-align);
     }
     .\32xl\:w {
       width: calc(var(--spacing) * var(--\32xl-w));
@@ -9159,6 +9772,9 @@
   .bg-clip-text {
     background-clip: text;
   }
+  .bg-image-none {
+    background-image: none;
+  }
   .bg-origin-border {
     background-origin: border-box;
   }
@@ -10146,6 +10762,12 @@
   .hidden {
     display: none;
   }
+  .divide-x-reverse :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 1;
+  }
+  .divide-y-reverse :where(& > :not(:last-child)) {
+    --tw-divide-y-reverse: 1;
+  }
   .field-sizing-fixed {
     field-sizing: fixed;
   }
@@ -10419,37 +11041,38 @@
   .forced-color-adjust-none {
     forced-color-adjust: none;
   }
-  .bg-gradient-to-t {
-    --tw-gradient-position: to top in oklab;
+  .linear {
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-tr {
+  .radial {
+    background-image: radial-gradient(var(--tw-gradient-stops));
+  }
+  .conic {
+    background-image: conic-gradient(var(--tw-gradient-stops));
+  }
+  .linear-to-t {
+    --tw-gradient-position: to top in oklab;
+  }
+  .linear-to-tr {
     --tw-gradient-position: to top right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-r {
+  .linear-to-r {
     --tw-gradient-position: to right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-br {
+  .linear-to-br {
     --tw-gradient-position: to bottom right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-b {
+  .linear-to-b {
     --tw-gradient-position: to bottom in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-bl {
+  .linear-to-bl {
     --tw-gradient-position: to bottom left in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-l {
+  .linear-to-l {
     --tw-gradient-position: to left in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
-  .bg-gradient-to-tl {
+  .linear-to-tl {
     --tw-gradient-position: to top left in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
   }
   .grid-flow-row {
     grid-auto-flow: row;
@@ -10809,12 +11432,10 @@
     margin-inline-end: auto;
   }
   .mx-auto {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline: auto;
   }
   .my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
+    margin-block: auto;
   }
   .mask-clip-border {
     mask-clip: border-box;
@@ -11489,10 +12110,6 @@
   .sticky {
     position: sticky;
   }
-  .bg-radial {
-    --tw-gradient-position: in oklab;
-    background-image: radial-gradient(var(--tw-gradient-stops));
-  }
   .resize-none {
     resize: none;
   }
@@ -11600,10 +12217,10 @@
     width: fit-content;
     height: fit-content;
   }
-  .space-x-reverse {
+  .space-x-reverse :where(& > :not(:last-child)) {
     --tw-space-x-reverse: 1;
   }
-  .space-y-reverse {
+  .space-y-reverse :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 1;
   }
   .table-auto {
@@ -11766,61 +12383,23 @@
   .duration-initial {
     transition-duration: initial;
   }
-  .transition {
-    transition-property:
-      color,
-      background-color,
-      border-color,
-      outline-color,
-      text-decoration-color,
-      fill,
-      stroke,
-      --tw-gradient-from,
-      --tw-gradient-via,
-      --tw-gradient-to,
-      opacity,
-      box-shadow,
-      transform,
-      translate,
-      scale,
-      rotate,
-      filter,
-      -webkit-backdrop-filter,
-      backdrop-filter,
-      display,
-      content-visibility,
-      overlay,
-      pointer-events;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
-  }
   .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
+    --default-transition-property: all;
   }
   .transition-colors {
-    transition-property:
+    --default-transition-property:
       color, background-color, border-color, outline-color,
       text-decoration-color, fill, stroke, --tw-gradient-from,
       --tw-gradient-via, --tw-gradient-to;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
   }
   .transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
+    --default-transition-property: opacity;
   }
   .transition-shadow {
-    transition-property: box-shadow;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
+    --default-transition-property: box-shadow;
   }
   .transition-transform {
-    transition-property: transform, translate, scale, rotate;
-    transition-timing-function: var(--default-transition-timing-function);
-    transition-duration: var(--default-transition-duration);
+    --default-transition-property: transform, translate, scale, rotate;
   }
   .transition-none {
     transition-property: none;
@@ -12220,6 +12799,9 @@
     .sm\:bg-clip-text {
       background-clip: text;
     }
+    .sm\:bg-image-none {
+      background-image: none;
+    }
     .sm\:bg-origin-border {
       background-origin: border-box;
     }
@@ -13208,6 +13790,12 @@
     .sm\:hidden {
       display: none;
     }
+    .sm\:divide-x-reverse :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 1;
+    }
+    .sm\:divide-y-reverse :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 1;
+    }
     .sm\:field-sizing-fixed {
       field-sizing: fixed;
     }
@@ -13481,37 +14069,38 @@
     .sm\:forced-color-adjust-none {
       forced-color-adjust: none;
     }
-    .sm\:bg-gradient-to-t {
-      --tw-gradient-position: to top in oklab;
+    .sm\:linear {
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-tr {
+    .sm\:radial {
+      background-image: radial-gradient(var(--tw-gradient-stops));
+    }
+    .sm\:conic {
+      background-image: conic-gradient(var(--tw-gradient-stops));
+    }
+    .sm\:linear-to-t {
+      --tw-gradient-position: to top in oklab;
+    }
+    .sm\:linear-to-tr {
       --tw-gradient-position: to top right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-r {
+    .sm\:linear-to-r {
       --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-br {
+    .sm\:linear-to-br {
       --tw-gradient-position: to bottom right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-b {
+    .sm\:linear-to-b {
       --tw-gradient-position: to bottom in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-bl {
+    .sm\:linear-to-bl {
       --tw-gradient-position: to bottom left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-l {
+    .sm\:linear-to-l {
       --tw-gradient-position: to left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .sm\:bg-gradient-to-tl {
+    .sm\:linear-to-tl {
       --tw-gradient-position: to top left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
     .sm\:grid-flow-row {
       grid-auto-flow: row;
@@ -13871,12 +14460,10 @@
       margin-inline-end: auto;
     }
     .sm\:mx-auto {
-      margin-left: auto;
-      margin-right: auto;
+      margin-inline: auto;
     }
     .sm\:my-auto {
-      margin-top: auto;
-      margin-bottom: auto;
+      margin-block: auto;
     }
     .sm\:mask-clip-border {
       mask-clip: border-box;
@@ -14551,10 +15138,6 @@
     .sm\:sticky {
       position: sticky;
     }
-    .sm\:bg-radial {
-      --tw-gradient-position: in oklab;
-      background-image: radial-gradient(var(--tw-gradient-stops));
-    }
     .sm\:resize-none {
       resize: none;
     }
@@ -14662,10 +15245,10 @@
       width: fit-content;
       height: fit-content;
     }
-    .sm\:space-x-reverse {
+    .sm\:space-x-reverse :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 1;
     }
-    .sm\:space-y-reverse {
+    .sm\:space-y-reverse :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 1;
     }
     .sm\:table-auto {
@@ -14828,61 +15411,23 @@
     .sm\:duration-initial {
       transition-duration: initial;
     }
-    .sm\:transition {
-      transition-property:
-        color,
-        background-color,
-        border-color,
-        outline-color,
-        text-decoration-color,
-        fill,
-        stroke,
-        --tw-gradient-from,
-        --tw-gradient-via,
-        --tw-gradient-to,
-        opacity,
-        box-shadow,
-        transform,
-        translate,
-        scale,
-        rotate,
-        filter,
-        -webkit-backdrop-filter,
-        backdrop-filter,
-        display,
-        content-visibility,
-        overlay,
-        pointer-events;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
-    }
     .sm\:transition-all {
-      transition-property: all;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: all;
     }
     .sm\:transition-colors {
-      transition-property:
+      --default-transition-property:
         color, background-color, border-color, outline-color,
         text-decoration-color, fill, stroke, --tw-gradient-from,
         --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
     }
     .sm\:transition-opacity {
-      transition-property: opacity;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: opacity;
     }
     .sm\:transition-shadow {
-      transition-property: box-shadow;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: box-shadow;
     }
     .sm\:transition-transform {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: transform, translate, scale, rotate;
     }
     .sm\:transition-none {
       transition-property: none;
@@ -15283,6 +15828,9 @@
     .md\:bg-clip-text {
       background-clip: text;
     }
+    .md\:bg-image-none {
+      background-image: none;
+    }
     .md\:bg-origin-border {
       background-origin: border-box;
     }
@@ -16271,6 +16819,12 @@
     .md\:hidden {
       display: none;
     }
+    .md\:divide-x-reverse :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 1;
+    }
+    .md\:divide-y-reverse :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 1;
+    }
     .md\:field-sizing-fixed {
       field-sizing: fixed;
     }
@@ -16544,37 +17098,38 @@
     .md\:forced-color-adjust-none {
       forced-color-adjust: none;
     }
-    .md\:bg-gradient-to-t {
-      --tw-gradient-position: to top in oklab;
+    .md\:linear {
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-tr {
+    .md\:radial {
+      background-image: radial-gradient(var(--tw-gradient-stops));
+    }
+    .md\:conic {
+      background-image: conic-gradient(var(--tw-gradient-stops));
+    }
+    .md\:linear-to-t {
+      --tw-gradient-position: to top in oklab;
+    }
+    .md\:linear-to-tr {
       --tw-gradient-position: to top right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-r {
+    .md\:linear-to-r {
       --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-br {
+    .md\:linear-to-br {
       --tw-gradient-position: to bottom right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-b {
+    .md\:linear-to-b {
       --tw-gradient-position: to bottom in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-bl {
+    .md\:linear-to-bl {
       --tw-gradient-position: to bottom left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-l {
+    .md\:linear-to-l {
       --tw-gradient-position: to left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .md\:bg-gradient-to-tl {
+    .md\:linear-to-tl {
       --tw-gradient-position: to top left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
     .md\:grid-flow-row {
       grid-auto-flow: row;
@@ -16934,12 +17489,10 @@
       margin-inline-end: auto;
     }
     .md\:mx-auto {
-      margin-left: auto;
-      margin-right: auto;
+      margin-inline: auto;
     }
     .md\:my-auto {
-      margin-top: auto;
-      margin-bottom: auto;
+      margin-block: auto;
     }
     .md\:mask-clip-border {
       mask-clip: border-box;
@@ -17614,10 +18167,6 @@
     .md\:sticky {
       position: sticky;
     }
-    .md\:bg-radial {
-      --tw-gradient-position: in oklab;
-      background-image: radial-gradient(var(--tw-gradient-stops));
-    }
     .md\:resize-none {
       resize: none;
     }
@@ -17725,10 +18274,10 @@
       width: fit-content;
       height: fit-content;
     }
-    .md\:space-x-reverse {
+    .md\:space-x-reverse :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 1;
     }
-    .md\:space-y-reverse {
+    .md\:space-y-reverse :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 1;
     }
     .md\:table-auto {
@@ -17891,61 +18440,23 @@
     .md\:duration-initial {
       transition-duration: initial;
     }
-    .md\:transition {
-      transition-property:
-        color,
-        background-color,
-        border-color,
-        outline-color,
-        text-decoration-color,
-        fill,
-        stroke,
-        --tw-gradient-from,
-        --tw-gradient-via,
-        --tw-gradient-to,
-        opacity,
-        box-shadow,
-        transform,
-        translate,
-        scale,
-        rotate,
-        filter,
-        -webkit-backdrop-filter,
-        backdrop-filter,
-        display,
-        content-visibility,
-        overlay,
-        pointer-events;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
-    }
     .md\:transition-all {
-      transition-property: all;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: all;
     }
     .md\:transition-colors {
-      transition-property:
+      --default-transition-property:
         color, background-color, border-color, outline-color,
         text-decoration-color, fill, stroke, --tw-gradient-from,
         --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
     }
     .md\:transition-opacity {
-      transition-property: opacity;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: opacity;
     }
     .md\:transition-shadow {
-      transition-property: box-shadow;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: box-shadow;
     }
     .md\:transition-transform {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: transform, translate, scale, rotate;
     }
     .md\:transition-none {
       transition-property: none;
@@ -18346,6 +18857,9 @@
     .lg\:bg-clip-text {
       background-clip: text;
     }
+    .lg\:bg-image-none {
+      background-image: none;
+    }
     .lg\:bg-origin-border {
       background-origin: border-box;
     }
@@ -19334,6 +19848,12 @@
     .lg\:hidden {
       display: none;
     }
+    .lg\:divide-x-reverse :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 1;
+    }
+    .lg\:divide-y-reverse :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 1;
+    }
     .lg\:field-sizing-fixed {
       field-sizing: fixed;
     }
@@ -19607,37 +20127,38 @@
     .lg\:forced-color-adjust-none {
       forced-color-adjust: none;
     }
-    .lg\:bg-gradient-to-t {
-      --tw-gradient-position: to top in oklab;
+    .lg\:linear {
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-tr {
+    .lg\:radial {
+      background-image: radial-gradient(var(--tw-gradient-stops));
+    }
+    .lg\:conic {
+      background-image: conic-gradient(var(--tw-gradient-stops));
+    }
+    .lg\:linear-to-t {
+      --tw-gradient-position: to top in oklab;
+    }
+    .lg\:linear-to-tr {
       --tw-gradient-position: to top right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-r {
+    .lg\:linear-to-r {
       --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-br {
+    .lg\:linear-to-br {
       --tw-gradient-position: to bottom right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-b {
+    .lg\:linear-to-b {
       --tw-gradient-position: to bottom in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-bl {
+    .lg\:linear-to-bl {
       --tw-gradient-position: to bottom left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-l {
+    .lg\:linear-to-l {
       --tw-gradient-position: to left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .lg\:bg-gradient-to-tl {
+    .lg\:linear-to-tl {
       --tw-gradient-position: to top left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
     .lg\:grid-flow-row {
       grid-auto-flow: row;
@@ -19997,12 +20518,10 @@
       margin-inline-end: auto;
     }
     .lg\:mx-auto {
-      margin-left: auto;
-      margin-right: auto;
+      margin-inline: auto;
     }
     .lg\:my-auto {
-      margin-top: auto;
-      margin-bottom: auto;
+      margin-block: auto;
     }
     .lg\:mask-clip-border {
       mask-clip: border-box;
@@ -20677,10 +21196,6 @@
     .lg\:sticky {
       position: sticky;
     }
-    .lg\:bg-radial {
-      --tw-gradient-position: in oklab;
-      background-image: radial-gradient(var(--tw-gradient-stops));
-    }
     .lg\:resize-none {
       resize: none;
     }
@@ -20788,10 +21303,10 @@
       width: fit-content;
       height: fit-content;
     }
-    .lg\:space-x-reverse {
+    .lg\:space-x-reverse :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 1;
     }
-    .lg\:space-y-reverse {
+    .lg\:space-y-reverse :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 1;
     }
     .lg\:table-auto {
@@ -20954,61 +21469,23 @@
     .lg\:duration-initial {
       transition-duration: initial;
     }
-    .lg\:transition {
-      transition-property:
-        color,
-        background-color,
-        border-color,
-        outline-color,
-        text-decoration-color,
-        fill,
-        stroke,
-        --tw-gradient-from,
-        --tw-gradient-via,
-        --tw-gradient-to,
-        opacity,
-        box-shadow,
-        transform,
-        translate,
-        scale,
-        rotate,
-        filter,
-        -webkit-backdrop-filter,
-        backdrop-filter,
-        display,
-        content-visibility,
-        overlay,
-        pointer-events;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
-    }
     .lg\:transition-all {
-      transition-property: all;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: all;
     }
     .lg\:transition-colors {
-      transition-property:
+      --default-transition-property:
         color, background-color, border-color, outline-color,
         text-decoration-color, fill, stroke, --tw-gradient-from,
         --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
     }
     .lg\:transition-opacity {
-      transition-property: opacity;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: opacity;
     }
     .lg\:transition-shadow {
-      transition-property: box-shadow;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: box-shadow;
     }
     .lg\:transition-transform {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: transform, translate, scale, rotate;
     }
     .lg\:transition-none {
       transition-property: none;
@@ -21409,6 +21886,9 @@
     .xl\:bg-clip-text {
       background-clip: text;
     }
+    .xl\:bg-image-none {
+      background-image: none;
+    }
     .xl\:bg-origin-border {
       background-origin: border-box;
     }
@@ -22397,6 +22877,12 @@
     .xl\:hidden {
       display: none;
     }
+    .xl\:divide-x-reverse :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 1;
+    }
+    .xl\:divide-y-reverse :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 1;
+    }
     .xl\:field-sizing-fixed {
       field-sizing: fixed;
     }
@@ -22670,37 +23156,38 @@
     .xl\:forced-color-adjust-none {
       forced-color-adjust: none;
     }
-    .xl\:bg-gradient-to-t {
-      --tw-gradient-position: to top in oklab;
+    .xl\:linear {
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-tr {
+    .xl\:radial {
+      background-image: radial-gradient(var(--tw-gradient-stops));
+    }
+    .xl\:conic {
+      background-image: conic-gradient(var(--tw-gradient-stops));
+    }
+    .xl\:linear-to-t {
+      --tw-gradient-position: to top in oklab;
+    }
+    .xl\:linear-to-tr {
       --tw-gradient-position: to top right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-r {
+    .xl\:linear-to-r {
       --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-br {
+    .xl\:linear-to-br {
       --tw-gradient-position: to bottom right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-b {
+    .xl\:linear-to-b {
       --tw-gradient-position: to bottom in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-bl {
+    .xl\:linear-to-bl {
       --tw-gradient-position: to bottom left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-l {
+    .xl\:linear-to-l {
       --tw-gradient-position: to left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .xl\:bg-gradient-to-tl {
+    .xl\:linear-to-tl {
       --tw-gradient-position: to top left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
     .xl\:grid-flow-row {
       grid-auto-flow: row;
@@ -23060,12 +23547,10 @@
       margin-inline-end: auto;
     }
     .xl\:mx-auto {
-      margin-left: auto;
-      margin-right: auto;
+      margin-inline: auto;
     }
     .xl\:my-auto {
-      margin-top: auto;
-      margin-bottom: auto;
+      margin-block: auto;
     }
     .xl\:mask-clip-border {
       mask-clip: border-box;
@@ -23740,10 +24225,6 @@
     .xl\:sticky {
       position: sticky;
     }
-    .xl\:bg-radial {
-      --tw-gradient-position: in oklab;
-      background-image: radial-gradient(var(--tw-gradient-stops));
-    }
     .xl\:resize-none {
       resize: none;
     }
@@ -23851,10 +24332,10 @@
       width: fit-content;
       height: fit-content;
     }
-    .xl\:space-x-reverse {
+    .xl\:space-x-reverse :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 1;
     }
-    .xl\:space-y-reverse {
+    .xl\:space-y-reverse :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 1;
     }
     .xl\:table-auto {
@@ -24017,61 +24498,23 @@
     .xl\:duration-initial {
       transition-duration: initial;
     }
-    .xl\:transition {
-      transition-property:
-        color,
-        background-color,
-        border-color,
-        outline-color,
-        text-decoration-color,
-        fill,
-        stroke,
-        --tw-gradient-from,
-        --tw-gradient-via,
-        --tw-gradient-to,
-        opacity,
-        box-shadow,
-        transform,
-        translate,
-        scale,
-        rotate,
-        filter,
-        -webkit-backdrop-filter,
-        backdrop-filter,
-        display,
-        content-visibility,
-        overlay,
-        pointer-events;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
-    }
     .xl\:transition-all {
-      transition-property: all;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: all;
     }
     .xl\:transition-colors {
-      transition-property:
+      --default-transition-property:
         color, background-color, border-color, outline-color,
         text-decoration-color, fill, stroke, --tw-gradient-from,
         --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
     }
     .xl\:transition-opacity {
-      transition-property: opacity;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: opacity;
     }
     .xl\:transition-shadow {
-      transition-property: box-shadow;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: box-shadow;
     }
     .xl\:transition-transform {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: transform, translate, scale, rotate;
     }
     .xl\:transition-none {
       transition-property: none;
@@ -24472,6 +24915,9 @@
     .\32xl\:bg-clip-text {
       background-clip: text;
     }
+    .\32xl\:bg-image-none {
+      background-image: none;
+    }
     .\32xl\:bg-origin-border {
       background-origin: border-box;
     }
@@ -25460,6 +25906,12 @@
     .\32xl\:hidden {
       display: none;
     }
+    .\32xl\:divide-x-reverse :where(& > :not(:last-child)) {
+      --tw-divide-x-reverse: 1;
+    }
+    .\32xl\:divide-y-reverse :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 1;
+    }
     .\32xl\:field-sizing-fixed {
       field-sizing: fixed;
     }
@@ -25733,37 +26185,38 @@
     .\32xl\:forced-color-adjust-none {
       forced-color-adjust: none;
     }
-    .\32xl\:bg-gradient-to-t {
-      --tw-gradient-position: to top in oklab;
+    .\32xl\:linear {
       background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-tr {
+    .\32xl\:radial {
+      background-image: radial-gradient(var(--tw-gradient-stops));
+    }
+    .\32xl\:conic {
+      background-image: conic-gradient(var(--tw-gradient-stops));
+    }
+    .\32xl\:linear-to-t {
+      --tw-gradient-position: to top in oklab;
+    }
+    .\32xl\:linear-to-tr {
       --tw-gradient-position: to top right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-r {
+    .\32xl\:linear-to-r {
       --tw-gradient-position: to right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-br {
+    .\32xl\:linear-to-br {
       --tw-gradient-position: to bottom right in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-b {
+    .\32xl\:linear-to-b {
       --tw-gradient-position: to bottom in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-bl {
+    .\32xl\:linear-to-bl {
       --tw-gradient-position: to bottom left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-l {
+    .\32xl\:linear-to-l {
       --tw-gradient-position: to left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
-    .\32xl\:bg-gradient-to-tl {
+    .\32xl\:linear-to-tl {
       --tw-gradient-position: to top left in oklab;
-      background-image: linear-gradient(var(--tw-gradient-stops));
     }
     .\32xl\:grid-flow-row {
       grid-auto-flow: row;
@@ -26123,12 +26576,10 @@
       margin-inline-end: auto;
     }
     .\32xl\:mx-auto {
-      margin-left: auto;
-      margin-right: auto;
+      margin-inline: auto;
     }
     .\32xl\:my-auto {
-      margin-top: auto;
-      margin-bottom: auto;
+      margin-block: auto;
     }
     .\32xl\:mask-clip-border {
       mask-clip: border-box;
@@ -26803,10 +27254,6 @@
     .\32xl\:sticky {
       position: sticky;
     }
-    .\32xl\:bg-radial {
-      --tw-gradient-position: in oklab;
-      background-image: radial-gradient(var(--tw-gradient-stops));
-    }
     .\32xl\:resize-none {
       resize: none;
     }
@@ -26914,10 +27361,10 @@
       width: fit-content;
       height: fit-content;
     }
-    .\32xl\:space-x-reverse {
+    .\32xl\:space-x-reverse :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 1;
     }
-    .\32xl\:space-y-reverse {
+    .\32xl\:space-y-reverse :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 1;
     }
     .\32xl\:table-auto {
@@ -27080,61 +27527,23 @@
     .\32xl\:duration-initial {
       transition-duration: initial;
     }
-    .\32xl\:transition {
-      transition-property:
-        color,
-        background-color,
-        border-color,
-        outline-color,
-        text-decoration-color,
-        fill,
-        stroke,
-        --tw-gradient-from,
-        --tw-gradient-via,
-        --tw-gradient-to,
-        opacity,
-        box-shadow,
-        transform,
-        translate,
-        scale,
-        rotate,
-        filter,
-        -webkit-backdrop-filter,
-        backdrop-filter,
-        display,
-        content-visibility,
-        overlay,
-        pointer-events;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
-    }
     .\32xl\:transition-all {
-      transition-property: all;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: all;
     }
     .\32xl\:transition-colors {
-      transition-property:
+      --default-transition-property:
         color, background-color, border-color, outline-color,
         text-decoration-color, fill, stroke, --tw-gradient-from,
         --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
     }
     .\32xl\:transition-opacity {
-      transition-property: opacity;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: opacity;
     }
     .\32xl\:transition-shadow {
-      transition-property: box-shadow;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: box-shadow;
     }
     .\32xl\:transition-transform {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--default-transition-timing-function);
-      transition-duration: var(--default-transition-duration);
+      --default-transition-property: transform, translate, scale, rotate;
     }
     .\32xl\:transition-none {
       transition-property: none;