@tuwaio/sdk 0.6.11 → 0.7.0

package/dist/styles/nova-transactions.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -6,6 +6,12 @@
     --novatx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
     --novatx-color-red-500: oklch(63.7% 0.237 25.331);
+    --novatx-color-slate-100: oklch(96.8% 0.007 247.896);
+    --novatx-color-slate-200: oklch(92.9% 0.013 255.508);
+    --novatx-color-slate-400: oklch(70.4% 0.04 256.788);
+    --novatx-color-slate-700: oklch(37.2% 0.044 257.287);
+    --novatx-color-slate-800: oklch(27.9% 0.041 260.031);
+    --novatx-color-slate-900: oklch(20.8% 0.042 265.755);
     --novatx-color-white: #fff;
     --novatx-spacing: 0.25rem;
     --novatx-container-md: 28rem;
@@ -16,12 +22,15 @@
     --novatx-text-sm--line-height: calc(1.25 / 0.875);
     --novatx-text-lg: 1.125rem;
     --novatx-text-lg--line-height: calc(1.75 / 1.125);
+    --novatx-text-xl: 1.25rem;
+    --novatx-text-xl--line-height: calc(1.75 / 1.25);
     --novatx-font-weight-medium: 500;
     --novatx-font-weight-semibold: 600;
     --novatx-font-weight-bold: 700;
     --novatx-font-weight-black: 900;
     --novatx-tracking-tight: -0.025em;
     --novatx-tracking-widest: 0.1em;
+    --novatx-leading-tight: 1.25;
     --novatx-leading-relaxed: 1.625;
     --novatx-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --novatx-animate-spin: spin 1s linear infinite;
@@ -51,12 +60,18 @@
   .novatx\:relative {
     position: relative;
   }
+  .novatx\:sticky {
+    position: sticky;
+  }
   .novatx\:inset-0 {
     inset: 0px;
   }
   .novatx\:inset-\[6\.5px\] {
     inset: 6.5px;
   }
+  .novatx\:top-0 {
+    top: 0px;
+  }
   .novatx\:top-\[9px\] {
     top: 9px;
   }
@@ -78,6 +93,9 @@
   .novatx\:z-12 {
     z-index: 12;
   }
+  .novatx\:m-0 {
+    margin: 0px;
+  }
   .novatx\:mt-1 {
     margin-top: var(--novatx-spacing);
   }
@@ -93,20 +111,14 @@
   .novatx\:mb-2 {
     margin-bottom: calc(var(--novatx-spacing) * 2);
   }
-  .novatx\:ml-4 {
-    margin-left: calc(var(--novatx-spacing) * 4);
-  }
-  .novatx\:ml-auto {
-    margin-left: auto;
-  }
   .novatx\:block {
     display: block;
   }
   .novatx\:flex {
     display: flex;
   }
-  .novatx\:grid {
-    display: grid;
+  .novatx\:hidden {
+    display: none;
   }
   .novatx\:inline-flex {
     display: inline-flex;
@@ -129,20 +141,23 @@
   .novatx\:h-5 {
     height: calc(var(--novatx-spacing) * 5);
   }
-  .novatx\:h-6 {
-    height: calc(var(--novatx-spacing) * 6);
-  }
   .novatx\:h-8 {
     height: calc(var(--novatx-spacing) * 8);
   }
+  .novatx\:h-9 {
+    height: calc(var(--novatx-spacing) * 9);
+  }
   .novatx\:h-10 {
     height: calc(var(--novatx-spacing) * 10);
   }
   .novatx\:h-16 {
     height: calc(var(--novatx-spacing) * 16);
   }
-  .novatx\:h-\[42px\] {
-    height: 42px;
+  .novatx\:h-\[18px\] {
+    height: 18px;
+  }
+  .novatx\:h-\[26px\] {
+    height: 26px;
   }
   .novatx\:h-full {
     height: 100%;
@@ -189,26 +204,32 @@
   .novatx\:w-5 {
     width: calc(var(--novatx-spacing) * 5);
   }
-  .novatx\:w-6 {
-    width: calc(var(--novatx-spacing) * 6);
-  }
   .novatx\:w-8 {
     width: calc(var(--novatx-spacing) * 8);
   }
+  .novatx\:w-9 {
+    width: calc(var(--novatx-spacing) * 9);
+  }
   .novatx\:w-10 {
     width: calc(var(--novatx-spacing) * 10);
   }
   .novatx\:w-16 {
     width: calc(var(--novatx-spacing) * 16);
   }
+  .novatx\:w-\[18px\] {
+    width: 18px;
+  }
+  .novatx\:w-\[26px\] {
+    width: 26px;
+  }
   .novatx\:w-\[40px\] {
     width: 40px;
   }
   .novatx\:w-full {
     width: 100%;
   }
-  .novatx\:max-w-\[55\%\] {
-    max-width: 55%;
+  .novatx\:max-w-full {
+    max-width: 100%;
   }
   .novatx\:min-w-0 {
     min-width: 0px;
@@ -231,9 +252,6 @@
   .novatx\:origin-left {
     transform-origin: 0;
   }
-  .novatx\:animate-\[novatx-fade-out_0\.4s_ease-out_2s_forwards\] {
-    animation: novatx-fade-out 0.4s ease-out 2s forwards;
-  }
   .novatx\:animate-pulse {
     animation: var(--novatx-animate-pulse);
   }
@@ -243,15 +261,15 @@
   .novatx\:cursor-pointer {
     cursor: pointer;
   }
-  .novatx\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
   .novatx\:flex-col {
     flex-direction: column;
   }
   .novatx\:flex-wrap {
     flex-wrap: wrap;
   }
+  .novatx\:items-baseline {
+    align-items: baseline;
+  }
   .novatx\:items-center {
     align-items: center;
   }
@@ -267,6 +285,9 @@
   .novatx\:justify-end {
     justify-content: flex-end;
   }
+  .novatx\:gap-0\.5 {
+    gap: calc(var(--novatx-spacing) * 0.5);
+  }
   .novatx\:gap-1 {
     gap: var(--novatx-spacing);
   }
@@ -276,38 +297,15 @@
   .novatx\:gap-2 {
     gap: calc(var(--novatx-spacing) * 2);
   }
-  .novatx\:gap-2\.5 {
-    gap: calc(var(--novatx-spacing) * 2.5);
-  }
   .novatx\:gap-3 {
     gap: calc(var(--novatx-spacing) * 3);
   }
+  .novatx\:gap-3\.5 {
+    gap: calc(var(--novatx-spacing) * 3.5);
+  }
   .novatx\:gap-4 {
     gap: calc(var(--novatx-spacing) * 4);
   }
-  .novatx\:gap-6 {
-    gap: calc(var(--novatx-spacing) * 6);
-  }
-  :where(.novatx\:space-y-1 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(var(--novatx-spacing) * var(--tw-space-y-reverse));
-    margin-block-end: calc(var(--novatx-spacing) * calc(1 - var(--tw-space-y-reverse)));
-  }
-  :where(.novatx\:space-y-1\.5 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--novatx-spacing) * 1.5) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--novatx-spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
-  }
-  :where(.novatx\:space-y-2 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--novatx-spacing) * 2) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--novatx-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-  }
-  :where(.novatx\:space-y-6 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--novatx-spacing) * 6) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--novatx-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-  }
   .novatx\:gap-x-1 {
     -moz-column-gap: var(--novatx-spacing);
          column-gap: var(--novatx-spacing);
@@ -330,15 +328,8 @@
   .novatx\:gap-y-3 {
     row-gap: calc(var(--novatx-spacing) * 3);
   }
-  :where(.novatx\:divide-y > :not(:last-child)) {
-    --tw-divide-y-reverse: 0;
-    border-bottom-style: var(--tw-border-style);
-    border-top-style: var(--tw-border-style);
-    border-top-width: calc(1px * var(--tw-divide-y-reverse));
-    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  }
-  :where(.novatx\:divide-\[var\(--tuwa-border-primary\)\] > :not(:last-child)) {
-    border-color: var(--tuwa-border-primary);
+  .novatx\:self-center {
+    align-self: center;
   }
   .novatx\:self-start {
     align-self: flex-start;
@@ -386,9 +377,11 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .novatx\:border-none {
-    --tw-border-style: none;
-    border-style: none;
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-text-tertiary\)_55\%\,transparent\)\] {
+    border-color: var(--tuwa-text-tertiary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-text-tertiary) 55%,transparent);
+    }
   }
   .novatx\:border-\[var\(--tuwa-border-primary\)\] {
     border-color: var(--tuwa-border-primary);
@@ -402,36 +395,63 @@
       border-color: color-mix(in oklab, var(--tuwa-error-icon) 20%, transparent);
     }
   }
+  .novatx\:border-\[var\(--tuwa-error-icon\)\]\/25 {
+    border-color: var(--tuwa-error-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--tuwa-error-icon) 25%, transparent);
+    }
+  }
   .novatx\:border-\[var\(--tuwa-error-icon\)\]\/30 {
     border-color: var(--tuwa-error-icon);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--tuwa-error-icon) 30%, transparent);
     }
   }
+  .novatx\:border-\[var\(--tuwa-info-icon\)\]\/25 {
+    border-color: var(--tuwa-info-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--tuwa-info-icon) 25%, transparent);
+    }
+  }
+  .novatx\:border-\[var\(--tuwa-pending-icon\)\]\/25 {
+    border-color: var(--tuwa-pending-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--tuwa-pending-icon) 25%, transparent);
+    }
+  }
   .novatx\:border-\[var\(--tuwa-pending-icon\)\]\/30 {
     border-color: var(--tuwa-pending-icon);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--tuwa-pending-icon) 30%, transparent);
     }
   }
+  .novatx\:border-\[var\(--tuwa-success-icon\)\]\/25 {
+    border-color: var(--tuwa-success-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--tuwa-success-icon) 25%, transparent);
+    }
+  }
   .novatx\:border-\[var\(--tuwa-success-icon\)\]\/30 {
     border-color: var(--tuwa-success-icon);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--tuwa-success-icon) 30%, transparent);
     }
   }
+  .novatx\:border-slate-700 {
+    border-color: var(--novatx-color-slate-700);
+  }
+  .novatx\:border-slate-800 {
+    border-color: var(--novatx-color-slate-800);
+  }
+  .novatx\:border-transparent {
+    border-color: transparent;
+  }
   .novatx\:\!bg-transparent {
     background-color: transparent !important;
   }
   .novatx\:bg-\[var\(--tuwa-bg-muted\)\] {
     background-color: var(--tuwa-bg-muted);
   }
-  .novatx\:bg-\[var\(--tuwa-bg-muted\)\]\/50 {
-    background-color: var(--tuwa-bg-muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--tuwa-bg-muted) 50%, transparent);
-    }
-  }
   .novatx\:bg-\[var\(--tuwa-bg-primary\)\] {
     background-color: var(--tuwa-bg-primary);
   }
@@ -441,8 +461,8 @@
   .novatx\:bg-\[var\(--tuwa-border-primary\)\] {
     background-color: var(--tuwa-border-primary);
   }
-  .novatx\:bg-\[var\(--tuwa-button-gradient-from\)\] {
-    background-color: var(--tuwa-button-gradient-from);
+  .novatx\:bg-\[var\(--tuwa-button-primary-bg\)\] {
+    background-color: var(--tuwa-button-primary-bg);
   }
   .novatx\:bg-\[var\(--tuwa-error-bg\)\] {
     background-color: var(--tuwa-error-bg);
@@ -480,30 +500,21 @@
       background-color: color-mix(in oklab, var(--tuwa-success-icon) 10%, transparent);
     }
   }
+  .novatx\:bg-\[var\(--tuwa-text-accent\)\]\/10 {
+    background-color: var(--tuwa-text-accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--tuwa-text-accent) 10%, transparent);
+    }
+  }
   .novatx\:bg-current {
     background-color: currentcolor;
   }
-  .novatx\:bg-transparent {
-    background-color: transparent;
-  }
-  .novatx\:bg-gradient-to-r {
-    --tw-gradient-position: to right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
-  .novatx\:from-\[var\(--tuwa-button-gradient-from\)\] {
-    --tw-gradient-from: var(--tuwa-button-gradient-from);
-    --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));
-  }
-  .novatx\:to-\[var\(--tuwa-button-gradient-to\)\] {
-    --tw-gradient-to: var(--tuwa-button-gradient-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));
+  .novatx\:bg-slate-900 {
+    background-color: var(--novatx-color-slate-900);
   }
   .novatx\:\!p-0 {
     padding: 0px !important;
   }
-  .novatx\:p-0 {
-    padding: 0px;
-  }
   .novatx\:p-1 {
     padding: var(--novatx-spacing);
   }
@@ -525,15 +536,15 @@
   .novatx\:px-2 {
     padding-inline: calc(var(--novatx-spacing) * 2);
   }
-  .novatx\:px-2\.5 {
-    padding-inline: calc(var(--novatx-spacing) * 2.5);
-  }
   .novatx\:px-3 {
     padding-inline: calc(var(--novatx-spacing) * 3);
   }
   .novatx\:px-4 {
     padding-inline: calc(var(--novatx-spacing) * 4);
   }
+  .novatx\:px-5 {
+    padding-inline: calc(var(--novatx-spacing) * 5);
+  }
   .novatx\:py-0\.5 {
     padding-block: calc(var(--novatx-spacing) * 0.5);
   }
@@ -552,6 +563,9 @@
   .novatx\:py-3 {
     padding-block: calc(var(--novatx-spacing) * 3);
   }
+  .novatx\:py-3\.5 {
+    padding-block: calc(var(--novatx-spacing) * 3.5);
+  }
   .novatx\:py-4 {
     padding-block: calc(var(--novatx-spacing) * 4);
   }
@@ -561,20 +575,20 @@
   .novatx\:pt-3 {
     padding-top: calc(var(--novatx-spacing) * 3);
   }
-  .novatx\:pt-6 {
-    padding-top: calc(var(--novatx-spacing) * 6);
-  }
   .novatx\:pr-1 {
     padding-right: var(--novatx-spacing);
   }
+  .novatx\:pr-1\.5 {
+    padding-right: calc(var(--novatx-spacing) * 1.5);
+  }
   .novatx\:pr-6 {
     padding-right: calc(var(--novatx-spacing) * 6);
   }
   .novatx\:pb-1 {
     padding-bottom: var(--novatx-spacing);
   }
-  .novatx\:pb-2 {
-    padding-bottom: calc(var(--novatx-spacing) * 2);
+  .novatx\:pl-4 {
+    padding-left: calc(var(--novatx-spacing) * 4);
   }
   .novatx\:text-center {
     text-align: center;
@@ -582,6 +596,9 @@
   .novatx\:text-right {
     text-align: right;
   }
+  .novatx\:align-middle {
+    vertical-align: middle;
+  }
   .novatx\:font-mono {
     font-family: var(--novatx-font-mono);
   }
@@ -600,10 +617,20 @@
   .novatx\:text-\[10px\] {
     font-size: 10px;
   }
+  .novatx\:text-\[11px\] {
+    font-size: 11px;
+  }
+  .novatx\:text-\[13px\] {
+    font-size: 13px;
+  }
   .novatx\:leading-relaxed {
     --tw-leading: var(--novatx-leading-relaxed);
     line-height: var(--novatx-leading-relaxed);
   }
+  .novatx\:leading-tight {
+    --tw-leading: var(--novatx-leading-tight);
+    line-height: var(--novatx-leading-tight);
+  }
   .novatx\:font-black {
     --tw-font-weight: var(--novatx-font-weight-black);
     font-weight: var(--novatx-font-weight-black);
@@ -634,8 +661,8 @@
   .novatx\:wrap-break-word {
     overflow-wrap: break-word;
   }
-  .novatx\:break-all {
-    word-break: break-all;
+  .novatx\:whitespace-nowrap {
+    white-space: nowrap;
   }
   .novatx\:whitespace-pre-wrap {
     white-space: pre-wrap;
@@ -688,6 +715,12 @@
   .novatx\:text-red-500 {
     color: var(--novatx-color-red-500);
   }
+  .novatx\:text-slate-200 {
+    color: var(--novatx-color-slate-200);
+  }
+  .novatx\:text-slate-400 {
+    color: var(--novatx-color-slate-400);
+  }
   .novatx\:text-white {
     color: var(--novatx-color-white);
   }
@@ -697,8 +730,8 @@
   .novatx\:uppercase {
     text-transform: uppercase;
   }
-  .novatx\:opacity-60 {
-    opacity: 60%;
+  .novatx\:no-underline {
+    text-decoration-line: none;
   }
   .novatx\:\!shadow-none {
     --tw-shadow: 0 0 #0000 !important;
@@ -712,6 +745,10 @@
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .novatx\:shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .novatx\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--novatx-default-transition-timing-function));
@@ -761,8 +798,8 @@
     .novatx\:hover\:bg-\[var\(--tuwa-border-primary\)\]:hover {
       background-color: var(--tuwa-border-primary);
     }
-    .novatx\:hover\:bg-\[var\(--tuwa-button-gradient-from-hover\)\]:hover {
-      background-color: var(--tuwa-button-gradient-from-hover);
+    .novatx\:hover\:bg-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      background-color: var(--tuwa-button-primary-bg-hover);
     }
     .novatx\:hover\:bg-\[var\(--tuwa-error-icon\)\]\/10:hover {
       background-color: var(--tuwa-error-icon);
@@ -772,14 +809,6 @@
         background-color: color-mix(in oklab, var(--tuwa-error-icon) 10%, transparent);
       }
     }
-    .novatx\:hover\:from-\[var\(--tuwa-button-gradient-from-hover\)\]:hover {
-      --tw-gradient-from: var(--tuwa-button-gradient-from-hover);
-      --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));
-    }
-    .novatx\:hover\:to-\[var\(--tuwa-button-gradient-to-hover\)\]:hover {
-      --tw-gradient-to: var(--tuwa-button-gradient-to-hover);
-      --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));
-    }
     .novatx\:hover\:text-\[var\(--tuwa-error-icon\)\]:hover {
       color: var(--tuwa-error-icon);
     }
@@ -792,22 +821,22 @@
     .novatx\:hover\:text-\[var\(--tuwa-text-secondary\)\]:hover {
       color: var(--tuwa-text-secondary);
     }
+    .novatx\:hover\:text-slate-100:hover {
+      color: var(--novatx-color-slate-100);
+    }
     .novatx\:hover\:underline:hover {
       text-decoration-line: underline;
     }
     .novatx\:hover\:opacity-80:hover {
       opacity: 80%;
     }
-    .novatx\:hover\:opacity-90:hover {
-      opacity: 90%;
-    }
     .novatx\:hover\:shadow-xl:hover {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
   .novatx\:focus\:ring-\[length\:var\(--tuwa-ring-width\)\]:focus {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .novatx\:focus\:ring-\[var\(--tuwa-error-text\)\]\/50:focus {
@@ -841,8 +870,8 @@
     }
   }
   @media (width >= 40rem) {
-    .novatx\:sm\:mb-4 {
-      margin-bottom: calc(var(--novatx-spacing) * 4);
+    .novatx\:sm\:block {
+      display: block;
     }
     .novatx\:sm\:max-h-\[400px\] {
       max-height: 400px;
@@ -853,74 +882,29 @@
     .novatx\:sm\:max-w-md {
       max-width: var(--novatx-container-md);
     }
-    .novatx\:sm\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
     .novatx\:sm\:rounded-\[var\(--tuwa-rounded-corners\)\] {
       border-radius: var(--tuwa-rounded-corners);
     }
-    .novatx\:sm\:pb-4 {
-      padding-bottom: calc(var(--novatx-spacing) * 4);
+    .novatx\:sm\:p-5 {
+      padding: calc(var(--novatx-spacing) * 5);
+    }
+    .novatx\:sm\:px-5 {
+      padding-inline: calc(var(--novatx-spacing) * 5);
+    }
+    .novatx\:sm\:py-4 {
+      padding-block: calc(var(--novatx-spacing) * 4);
+    }
+    .novatx\:sm\:text-xl {
+      font-size: var(--novatx-text-xl);
+      line-height: var(--tw-leading, var(--novatx-text-xl--line-height));
     }
   }
 }
-@property --tw-space-y-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-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-leading {
   syntax: "*";
   inherits: false;
@@ -1032,20 +1016,9 @@
   }
 }
 @layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-space-y-reverse: 0;
-      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
-      --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-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;