@tuwaio/sdk 0.7.1 → 0.8.0

package/dist/styles/all.css

@@ -19,18 +19,17 @@
     'Liberation Mono',
     monospace
   );
-    --novacore-color-black: #000;
     --novacore-color-white: #fff;
     --novacore-spacing: 0.25rem;
+    --novacore-text-xs: 0.75rem;
+    --novacore-text-xs--line-height: calc(1 / 0.75);
     --novacore-text-sm: 0.875rem;
     --novacore-text-sm--line-height: calc(1.25 / 0.875);
     --novacore-text-lg: 1.125rem;
     --novacore-text-lg--line-height: calc(1.75 / 1.125);
-    --novacore-font-weight-semibold: 600;
     --novacore-font-weight-bold: 700;
     --novacore-tracking-tight: -0.025em;
     --novacore-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --novacore-blur-sm: 8px;
     --novacore-default-transition-duration: 150ms;
     --novacore-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
@@ -128,9 +127,6 @@
   .novacore\:h-12 {
     height: calc(var(--novacore-spacing) * 12);
   }
-  .novacore\:h-20 {
-    height: calc(var(--novacore-spacing) * 20);
-  }
   .novacore\:h-full {
     height: 100%;
   }
@@ -140,8 +136,8 @@
   .novacore\:min-h-\[36px\] {
     min-height: 36px;
   }
-  .novacore\:w-1\/3 {
-    width: calc(1 / 3 * 100%);
+  .novacore\:w-1\/4 {
+    width: calc(1 / 4 * 100%);
   }
   .novacore\:w-4 {
     width: calc(var(--novacore-spacing) * 4);
@@ -197,6 +193,9 @@
   .novacore\:gap-1 {
     gap: var(--novacore-spacing);
   }
+  .novacore\:gap-1\.5 {
+    gap: calc(var(--novacore-spacing) * 1.5);
+  }
   .novacore\:overflow-hidden {
     overflow: hidden;
   }
@@ -212,8 +211,8 @@
   .novacore\:rounded-\[var\(--tuwa-rounded-corners\)\] {
     border-radius: var(--tuwa-rounded-corners);
   }
-  .novacore\:rounded-full {
-    border-radius: calc(infinity * 1px);
+  .novacore\:rounded-\[var\(--tuwa-rounded-full\)\] {
+    border-radius: var(--tuwa-rounded-full);
   }
   .novacore\:rounded-t-\[var\(--tuwa-rounded-corners\)\] {
     border-top-left-radius: var(--tuwa-rounded-corners);
@@ -230,11 +229,14 @@
   .novacore\:border-\[var\(--tuwa-border-primary\)\] {
     border-color: var(--tuwa-border-primary);
   }
-  .novacore\:border-white\/10 {
-    border-color: var(--novacore-color-white);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--novacore-color-white) 10%, transparent);
-    }
+  .novacore\:border-\[var\(--tuwa-border-strong\)\] {
+    border-color: var(--tuwa-border-strong);
+  }
+  .novacore\:border-\[var\(--tuwa-button-primary-bg\)\] {
+    border-color: var(--tuwa-button-primary-bg);
+  }
+  .novacore\:bg-\[rgb\(16_16_20\/0\.5\)\] {
+    background-color: rgb(16 16 20/0.5);
   }
   .novacore\:bg-\[var\(--tuwa-bg-muted\)\] {
     background-color: var(--tuwa-bg-muted);
@@ -242,8 +244,8 @@
   .novacore\:bg-\[var\(--tuwa-bg-primary\)\] {
     background-color: var(--tuwa-bg-primary);
   }
-  .novacore\:bg-\[var\(--tuwa-button-gradient-from\)\] {
-    background-color: var(--tuwa-button-gradient-from);
+  .novacore\:bg-\[var\(--tuwa-button-primary-bg\)\] {
+    background-color: var(--tuwa-button-primary-bg);
   }
   .novacore\:bg-\[var\(--tuwa-standart-button-bg\)\] {
     background-color: var(--tuwa-standart-button-bg);
@@ -251,12 +253,6 @@
   .novacore\:bg-\[var\(--tuwa-testnet-icons\)\] {
     background-color: var(--tuwa-testnet-icons);
   }
-  .novacore\:bg-black\/55 {
-    background-color: var(--novacore-color-black);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--novacore-color-black) 55%, transparent);
-    }
-  }
   .novacore\:p-0 {
     padding: 0px;
   }
@@ -266,9 +262,15 @@
   .novacore\:p-4 {
     padding: calc(var(--novacore-spacing) * 4);
   }
+  .novacore\:px-1\.5 {
+    padding-inline: calc(var(--novacore-spacing) * 1.5);
+  }
   .novacore\:px-3 {
     padding-inline: calc(var(--novacore-spacing) * 3);
   }
+  .novacore\:py-0\.5 {
+    padding-block: calc(var(--novacore-spacing) * 0.5);
+  }
   .novacore\:py-2 {
     padding-block: calc(var(--novacore-spacing) * 2);
   }
@@ -283,6 +285,24 @@
     font-size: var(--novacore-text-sm);
     line-height: var(--tw-leading, var(--novacore-text-sm--line-height));
   }
+  .novacore\:text-xs {
+    font-size: var(--novacore-text-xs);
+    line-height: var(--tw-leading, var(--novacore-text-xs--line-height));
+  }
+  .novacore\:text-\[10px\] {
+    font-size: 10px;
+  }
+  .novacore\:text-\[11px\] {
+    font-size: 11px;
+  }
+  .novacore\:leading-3 {
+    --tw-leading: calc(var(--novacore-spacing) * 3);
+    line-height: calc(var(--novacore-spacing) * 3);
+  }
+  .novacore\:leading-4 {
+    --tw-leading: calc(var(--novacore-spacing) * 4);
+    line-height: calc(var(--novacore-spacing) * 4);
+  }
   .novacore\:leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -291,9 +311,9 @@
     --tw-font-weight: var(--novacore-font-weight-bold);
     font-weight: var(--novacore-font-weight-bold);
   }
-  .novacore\:font-semibold {
-    --tw-font-weight: var(--novacore-font-weight-semibold);
-    font-weight: var(--novacore-font-weight-semibold);
+  .novacore\:tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
   }
   .novacore\:tracking-tight {
     --tw-tracking: var(--novacore-tracking-tight);
@@ -320,21 +340,12 @@
   .novacore\:text-white {
     color: var(--novacore-color-white);
   }
+  .novacore\:uppercase {
+    text-transform: uppercase;
+  }
   .novacore\:opacity-0 {
     opacity: 0%;
   }
-  .novacore\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
-  }
-  .novacore\:backdrop-blur-sm {
-    --tw-backdrop-blur: blur(var(--novacore-blur-sm));
-    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-  }
-  .novacore\:backdrop-saturate-150 {
-    --tw-backdrop-saturate: saturate(150%);
-    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-  }
   .novacore\:transition-colors {
     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(--tw-ease, var(--novacore-default-transition-timing-function));
@@ -356,11 +367,14 @@
     backface-visibility: hidden;
   }
   @media (hover: hover) {
+    .novacore\:hover\:border-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      border-color: var(--tuwa-button-primary-bg-hover);
+    }
     .novacore\:hover\:bg-\[var\(--tuwa-bg-muted\)\]:hover {
       background-color: var(--tuwa-bg-muted);
     }
-    .novacore\:hover\:bg-\[var\(--tuwa-button-gradient-from-hover\)\]:hover {
-      background-color: var(--tuwa-button-gradient-from-hover);
+    .novacore\:hover\:bg-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      background-color: var(--tuwa-button-primary-bg-hover);
     }
     .novacore\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
       background-color: var(--tuwa-standart-button-hover);
@@ -368,10 +382,6 @@
     .novacore\:hover\:text-\[var\(--tuwa-text-primary\)\]:hover {
       color: var(--tuwa-text-primary);
     }
-    .novacore\: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);
-    }
   }
   .novacore\:disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
@@ -569,6 +579,34 @@
   .tuwa-quasar-loader--compact .tuwa-ql-dash--near {
     stroke-width: 4;
   }
+  .tuwa-quasar-loader--pixel svg {
+    shape-rendering: crispEdges;
+  }
+  .tuwa-qlp-orbit {
+    fill: currentColor;
+    opacity: 0.2;
+    animation: tuwa-qlp-light var(--tuwa-loader-speed) step-end infinite;
+    animation-delay: calc(var(--tuwa-loader-speed) * (var(--i) / var(--n) - 1));
+  }
+  .tuwa-qlp-beam {
+    fill: currentColor;
+    opacity: 0.2;
+    animation: tuwa-qlp-light var(--tuwa-loader-speed) step-end infinite;
+    animation-delay: calc(var(--tuwa-loader-speed) * (0.2 + 0.6 * var(--j) / var(--len) - 1));
+  }
+  .tuwa-qlp-node {
+    fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+    opacity: 0.25;
+    animation: tuwa-ql-node var(--tuwa-loader-speed) step-end infinite;
+  }
+  .tuwa-qlp-glow {
+    fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+    opacity: 0.12;
+    animation: tuwa-qlp-glow var(--tuwa-loader-speed) step-end infinite;
+  }
+  .tuwa-qlp-core {
+    fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+  }
   @media (prefers-reduced-motion: reduce) {
     .tuwa-quasar-loader * {
       animation: none !important;
@@ -582,6 +620,10 @@
     .tuwa-ql-beam {
       opacity: 0;
     }
+    .tuwa-qlp-park {
+      fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+      opacity: 1;
+    }
   }
 }
 @keyframes tuwa-ql-orbit {
@@ -626,6 +668,31 @@
     opacity: 0.3;
   }
 }
+@keyframes tuwa-qlp-light {
+  0% {
+    fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+    opacity: 1;
+  }
+  6% {
+    fill: var(--tuwa-loader-accent, var(--tuwa-text-accent));
+    opacity: 0.55;
+  }
+  12%, 100% {
+    fill: currentColor;
+    opacity: 0.2;
+  }
+}
+@keyframes tuwa-qlp-glow {
+  0%, 100% {
+    opacity: 0.12;
+  }
+  25%, 75% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.3;
+  }
+}
 @layer components {
   .tuwa-status-glint {
     animation: tuwa-status-glint 1.6s ease-in-out infinite;
@@ -635,7 +702,7 @@
       transform: translateX(-100%);
     }
     to {
-      transform: translateX(300%);
+      transform: translateX(400%);
     }
   }
   @media (prefers-reduced-motion: reduce) {
@@ -663,15 +730,80 @@
   a:hover .tuwa-trash-lid, a:focus-visible .tuwa-trash-lid, button:not(:disabled):hover .tuwa-trash-lid, button:not(:disabled):focus-visible .tuwa-trash-lid {
     transform: rotate(14deg) translateY(-1px);
   }
-  a:active .tuwa-trash-lid, button:active .tuwa-trash-lid {
+  a:active .tuwa-trash-lid, button:not(:disabled):active .tuwa-trash-lid {
+    transform: none;
+    transition-duration: 90ms;
+  }
+  .tuwa-link-arrow-px, .tuwa-exit-arrow-px, .tuwa-trash-lid-px {
+    transition: transform 220ms cubic-bezier(0.2, 0, 0, 1);
+  }
+  a:hover .tuwa-link-arrow-px, a:focus-visible .tuwa-link-arrow-px, button:not(:disabled):hover .tuwa-link-arrow-px, button:not(:disabled):focus-visible .tuwa-link-arrow-px {
+    transform: translate(2px, -2px);
+  }
+  a:hover .tuwa-exit-arrow-px, a:focus-visible .tuwa-exit-arrow-px, button:not(:disabled):hover .tuwa-exit-arrow-px, button:not(:disabled):focus-visible .tuwa-exit-arrow-px {
+    transform: translateX(-2px);
+  }
+  a:hover .tuwa-trash-lid-px, a:focus-visible .tuwa-trash-lid-px, button:not(:disabled):hover .tuwa-trash-lid-px, button:not(:disabled):focus-visible .tuwa-trash-lid-px {
+    transform: translate(1px, -2px);
+  }
+  a:active .tuwa-trash-lid-px, button:not(:disabled):active .tuwa-trash-lid-px {
     transform: none;
     transition-duration: 90ms;
   }
+  .tuwa-link-icon, .tuwa-exit-icon, .tuwa-trash-icon {
+    transition: color 200ms ease;
+  }
+  .tuwa-copy-px-sheets {
+    transition: opacity 120ms steps(2, end);
+  }
+  [data-copied] .tuwa-copy-px-sheets {
+    opacity: 0;
+  }
+  .tuwa-copy-px-check {
+    opacity: 0;
+  }
+  [data-copied] .tuwa-copy-px-check {
+    opacity: 1;
+  }
   @media (prefers-reduced-motion: reduce) {
-    .tuwa-link-arrow, .tuwa-exit-arrow, .tuwa-trash-lid {
+    .tuwa-link-arrow, .tuwa-exit-arrow, .tuwa-trash-lid, .tuwa-link-arrow-px, .tuwa-exit-arrow-px, .tuwa-trash-lid-px {
       transition: none;
       transform: none !important;
     }
+    .tuwa-copy-px-sheets {
+      transition: none;
+    }
+  }
+}
+a:not(.tuwa-solid):hover .tuwa-link-icon, a:not(.tuwa-solid):focus-visible .tuwa-link-icon, button:not(.tuwa-solid):not(:disabled):hover .tuwa-link-icon, button:not(.tuwa-solid):not(:disabled):focus-visible .tuwa-link-icon {
+  color: var(--tuwa-text-accent);
+}
+a:not(.tuwa-solid):hover .tuwa-exit-icon, a:not(.tuwa-solid):focus-visible .tuwa-exit-icon, button:not(.tuwa-solid):not(:disabled):hover .tuwa-exit-icon, button:not(.tuwa-solid):not(:disabled):focus-visible .tuwa-exit-icon, a:not(.tuwa-solid):hover .tuwa-trash-icon, a:not(.tuwa-solid):focus-visible .tuwa-trash-icon, button:not(.tuwa-solid):not(:disabled):hover .tuwa-trash-icon, button:not(.tuwa-solid):not(:disabled):focus-visible .tuwa-trash-icon {
+  color: var(--tuwa-error-icon);
+}
+@layer components {
+  @keyframes nova-icon-fly {
+    from {
+      opacity: 0;
+      transform: translate(var(--nova-px-x, 0px), var(--nova-px-y, 0px));
+    }
+  }
+  [data-motion='assemble'] [data-px] {
+    animation: nova-icon-fly 520ms cubic-bezier(0.34, 1.4, 0.64, 1) both;
+    animation-delay: calc(var(--nova-px-start, 0ms) + var(--nova-px-delay, 0ms));
+  }
+  @keyframes nova-icon-breathe {
+    50% {
+      opacity: 0.35;
+    }
+  }
+  svg[data-motion='breathe'] [data-breathe] {
+    animation: nova-icon-breathe 1.6s ease-in-out both;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [data-motion] [data-px], svg[data-motion] [data-breathe] {
+      animation: none;
+    }
   }
 }
 @layer base {
@@ -685,7 +817,7 @@
     [class*='novacon:font-mono'],
     [class*='novatx:font-mono'],
     [class*='novapay:font-mono']
-  ) {
+  ):not([class*=':tracking-']) {
     letter-spacing: -0.025em !important;
   }
   :is(
@@ -702,9 +834,14 @@
       [class*='novacon:font-mono'],
       [class*='novatx:font-mono'],
       [class*='novapay:font-mono']
-    ),
+    ):not([class*=':tracking-']),
   :lang(uk)
-    :is(h1, h2, h3, h4, h5, h6):is([class*='novacore:'], [class*='novacon:'], [class*='novatx:'], [class*='novapay:']) {
+    :is(h1, h2, h3, h4, h5, h6):is(
+      [class*='novacore:'],
+      [class*='novacon:'],
+      [class*='novatx:'],
+      [class*='novapay:']
+    ):not([class*=':tracking-']) {
     letter-spacing: normal !important;
   }
 }
@@ -718,29 +855,32 @@
   --tuwa-pending-bg: oklch(97.3% 0.071 103.193);
   --tuwa-pending-text: oklch(47.6% 0.114 61.907);
   --tuwa-pending-icon: oklch(68.1% 0.162 75.834);
-  --tuwa-info-bg: oklch(96.7% 0.003 264.542);
-  --tuwa-info-text: oklch(44.6% 0.03 256.802);
-  --tuwa-info-icon: oklch(55.1% 0.027 264.364);
-  --tuwa-text-primary: oklch(21% 0.034 264.665);
-  --tuwa-text-secondary: oklch(55.1% 0.027 264.364);
-  --tuwa-text-tertiary: oklch(70.7% 0.022 261.325);
-  --tuwa-text-accent: oklch(54.6% 0.245 262.881);
-  --tuwa-text-on-accent: #fff;
-  --tuwa-bg-primary: #fff;
-  --tuwa-bg-secondary: oklch(98.5% 0.002 247.839);
-  --tuwa-bg-muted: oklch(96.7% 0.003 264.542);
-  --tuwa-border-primary: oklch(92.8% 0.006 264.531);
-  --tuwa-border-secondary: oklch(96.7% 0.003 264.542);
+  --tuwa-info-bg: #e9e8e4;
+  --tuwa-info-text: #55545a;
+  --tuwa-info-icon: #8e8e90;
+  --tuwa-text-primary: #101014;
+  --tuwa-text-secondary: #636366;
+  --tuwa-text-tertiary: #8e8e90;
+  --tuwa-text-accent: #0052ff;
+  --tuwa-text-on-accent: #ffffff;
+  --tuwa-bg-primary: #faf9f7;
+  --tuwa-bg-secondary: #f2f1ee;
+  --tuwa-bg-muted: #e9e8e4;
+  --tuwa-border-primary: #d6d5d1;
+  --tuwa-border-secondary: #e4e3df;
+  --tuwa-border-strong: #a9a8a6;
   --tuwa-button-primary-bg: var(--tuwa-button-gradient-from);
   --tuwa-button-primary-bg-hover: var(--tuwa-button-gradient-from-hover);
-  --tuwa-button-gradient-from: oklch(54.6% 0.245 262.881);
-  --tuwa-button-gradient-to: oklch(58.8% 0.158 241.966);
-  --tuwa-button-gradient-from-hover: oklch(48.8% 0.243 264.376);
-  --tuwa-button-gradient-to-hover: oklch(50% 0.134 242.749);
-  --tuwa-standart-button-bg: oklch(96.7% 0.003 264.542);
-  --tuwa-standart-button-hover: oklch(92.8% 0.006 264.531);
+  --tuwa-button-gradient-from: #0052ff;
+  --tuwa-button-gradient-to: #5b8cff;
+  --tuwa-button-gradient-from-hover: #0047de;
+  --tuwa-button-gradient-to-hover: #0052ff;
+  --tuwa-standart-button-bg: transparent;
+  --tuwa-standart-button-hover: #e9e8e4;
   --tuwa-testnet-icons: #6b655e;
-  --tuwa-rounded-corners: 4px;
+  --tuwa-scanline: rgb(16 16 20 / 0.015);
+  --tuwa-rounded-corners: 0px;
+  --tuwa-rounded-full: 0px;
   --tuwa-ring-width: 2px;
   --tuwa-font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
   --tuwa-font-mono: 'Geist Mono', 'JetBrains Mono', 'Cascadia Code', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
@@ -782,26 +922,31 @@ html[lang^='uk'],
   --tuwa-pending-bg: oklch(42.1% 0.095 57.708);
   --tuwa-pending-text: oklch(90.5% 0.182 98.111);
   --tuwa-pending-icon: oklch(85.2% 0.199 91.936);
-  --tuwa-info-bg: oklch(37.3% 0.034 259.733);
-  --tuwa-info-text: oklch(87.2% 0.01 258.338);
-  --tuwa-info-icon: oklch(70.7% 0.022 261.325);
-  --tuwa-text-primary: oklch(98.5% 0.002 247.839);
-  --tuwa-text-secondary: oklch(70.7% 0.022 261.325);
-  --tuwa-text-tertiary: oklch(55.1% 0.027 264.364);
-  --tuwa-text-accent: oklch(70.7% 0.165 254.624);
-  --tuwa-text-on-accent: #fff;
-  --tuwa-bg-primary: oklch(21% 0.034 264.665);
-  --tuwa-bg-secondary: oklch(27.8% 0.033 256.848);
-  --tuwa-bg-muted: oklch(37.3% 0.034 259.733);
-  --tuwa-border-primary: oklch(37.3% 0.034 259.733);
-  --tuwa-border-secondary: oklch(27.8% 0.033 256.848);
-  --tuwa-button-gradient-from: oklch(54.6% 0.245 262.881);
-  --tuwa-button-gradient-to: oklch(82.8% 0.111 230.318);
-  --tuwa-button-gradient-from-hover: oklch(48.8% 0.243 264.376);
-  --tuwa-button-gradient-to-hover: oklch(74.6% 0.16 232.661);
-  --tuwa-standart-button-bg: oklch(37.3% 0.034 259.733);
-  --tuwa-standart-button-hover: oklch(27.8% 0.033 256.848);
+  --tuwa-info-bg: #222327;
+  --tuwa-info-text: #b9b8b5;
+  --tuwa-info-icon: #77767a;
+  --tuwa-text-primary: #f2f1ee;
+  --tuwa-text-secondary: #9d9c9a;
+  --tuwa-text-tertiary: #77767a;
+  --tuwa-text-accent: #60a5fa;
+  --tuwa-text-on-accent: #ffffff;
+  --tuwa-bg-primary: #101014;
+  --tuwa-bg-secondary: #17181b;
+  --tuwa-bg-muted: #222327;
+  --tuwa-border-primary: #2b2c30;
+  --tuwa-border-secondary: #1d1e22;
+  --tuwa-border-strong: #55565a;
+  --tuwa-button-gradient-from: #0052ff;
+  --tuwa-button-gradient-to: #60a5fa;
+  --tuwa-button-gradient-from-hover: #0047de;
+  --tuwa-button-gradient-to-hover: #93c5fd;
+  --tuwa-standart-button-bg: transparent;
+  --tuwa-standart-button-hover: #222327;
   --tuwa-testnet-icons: #6b655e;
+  --tuwa-scanline: rgb(242 241 238 / 0.012);
+}
+.tuwa-scanlines {
+  background-image: repeating-linear-gradient(to bottom, var(--tuwa-scanline) 0 1px, transparent 1px 4px);
 }
 .Toastify[id^='nova-'] {
   pointer-events: auto;
@@ -816,12 +961,12 @@ html[lang^='uk'],
   }
   .NovaCustomScroll::-webkit-scrollbar {
     width: 4px;
-    border-radius: 4px;
+    border-radius: var(--tuwa-rounded-corners);
     background-color: var(--tuwa-border-primary);
   }
   .NovaCustomScroll::-webkit-scrollbar-thumb {
     background-color: var(--tuwa-text-secondary);
-    border-radius: 4px;
+    border-radius: var(--tuwa-rounded-corners);
   }
   .NovaCustomScroll::-webkit-scrollbar-thumb:hover {
     background-color: var(--tuwa-text-primary);
@@ -834,12 +979,12 @@ html[lang^='uk'],
   }
   .NovaCustomScrollNoPadding::-webkit-scrollbar {
     width: 4px;
-    border-radius: 4px;
+    border-radius: var(--tuwa-rounded-corners);
     background-color: var(--tuwa-border-primary);
   }
   .NovaCustomScrollNoPadding::-webkit-scrollbar-thumb {
     background-color: var(--tuwa-text-secondary);
-    border-radius: 4px;
+    border-radius: var(--tuwa-rounded-corners);
   }
   .NovaCustomScrollNoPadding::-webkit-scrollbar-thumb:hover {
     background-color: var(--tuwa-text-primary);
@@ -868,107 +1013,6 @@ html[lang^='uk'],
   syntax: "*";
   inherits: false;
 }
-@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-backdrop-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-backdrop-sepia {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -1005,29 +1049,6 @@ html[lang^='uk'],
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: 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-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-translate-x: 0;
       --tw-translate-y: 0;
@@ -1047,14 +1068,6 @@ html[lang^='uk'],
   :root, :host {
     --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;
     --novatx-container-2xl: 42rem;
@@ -1069,12 +1082,9 @@ html[lang^='uk'],
     --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;
     --novatx-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --novatx-default-transition-duration: 150ms;
@@ -1225,6 +1235,9 @@ html[lang^='uk'],
   .novatx\:min-h-\[28px\] {
     min-height: 28px;
   }
+  .novatx\:min-h-\[36px\] {
+    min-height: 36px;
+  }
   .novatx\:min-h-\[42px\] {
     min-height: 42px;
   }
@@ -1370,6 +1383,16 @@ html[lang^='uk'],
   .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;
   }
@@ -1390,18 +1413,14 @@ html[lang^='uk'],
   .novatx\:overflow-y-auto {
     overflow-y: auto;
   }
-  .novatx\:rounded {
-    border-radius: 0.25rem;
+  .novatx\:\!rounded-\[var\(--tuwa-rounded-corners\)\] {
+    border-radius: var(--tuwa-rounded-corners) !important;
   }
   .novatx\:rounded-\[var\(--tuwa-rounded-corners\)\] {
     border-radius: var(--tuwa-rounded-corners);
   }
-  .novatx\:rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
-  .novatx\:rounded-t-\[var\(--tuwa-rounded-corners\)\] {
-    border-top-left-radius: var(--tuwa-rounded-corners);
-    border-top-right-radius: var(--tuwa-rounded-corners);
+  .novatx\:rounded-\[var\(--tuwa-rounded-full\)\] {
+    border-radius: var(--tuwa-rounded-full);
   }
   .novatx\:border {
     border-style: var(--tw-border-style);
@@ -1419,6 +1438,33 @@ html[lang^='uk'],
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .novatx\:border-\[\#2b2c30\] {
+    border-color: #2b2c30;
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-error-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-error-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-error-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-info-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-info-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-info-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-pending-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-pending-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-pending-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-success-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-success-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-success-icon) 35%,transparent);
+    }
+  }
   .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)) {
@@ -1428,8 +1474,11 @@ html[lang^='uk'],
   .novatx\:border-\[var\(--tuwa-border-primary\)\] {
     border-color: var(--tuwa-border-primary);
   }
-  .novatx\:border-\[var\(--tuwa-border-secondary\)\] {
-    border-color: var(--tuwa-border-secondary);
+  .novatx\:border-\[var\(--tuwa-border-strong\)\] {
+    border-color: var(--tuwa-border-strong);
+  }
+  .novatx\:border-\[var\(--tuwa-button-primary-bg\)\] {
+    border-color: var(--tuwa-button-primary-bg);
   }
   .novatx\:border-\[var\(--tuwa-error-icon\)\]\/20 {
     border-color: var(--tuwa-error-icon);
@@ -1479,20 +1528,11 @@ html[lang^='uk'],
       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-\[\#0b0b0e\] {
+    background-color: #0b0b0e;
   }
   .novatx\:bg-\[var\(--tuwa-bg-primary\)\] {
     background-color: var(--tuwa-bg-primary);
@@ -1551,8 +1591,8 @@ html[lang^='uk'],
   .novatx\:bg-current {
     background-color: currentcolor;
   }
-  .novatx\:bg-slate-900 {
-    background-color: var(--novatx-color-slate-900);
+  .novatx\:bg-transparent {
+    background-color: transparent;
   }
   .novatx\:\!p-0 {
     padding: 0px !important;
@@ -1614,9 +1654,6 @@ html[lang^='uk'],
   .novatx\:pt-2 {
     padding-top: calc(var(--novatx-spacing) * 2);
   }
-  .novatx\:pt-3 {
-    padding-top: calc(var(--novatx-spacing) * 3);
-  }
   .novatx\:pr-1 {
     padding-right: var(--novatx-spacing);
   }
@@ -1673,10 +1710,6 @@ html[lang^='uk'],
     --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);
-  }
   .novatx\:font-bold {
     --tw-font-weight: var(--novatx-font-weight-bold);
     font-weight: var(--novatx-font-weight-bold);
@@ -1689,14 +1722,14 @@ html[lang^='uk'],
     --tw-font-weight: var(--novatx-font-weight-semibold);
     font-weight: var(--novatx-font-weight-semibold);
   }
+  .novatx\:tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
   .novatx\:tracking-tight {
     --tw-tracking: var(--novatx-tracking-tight);
     letter-spacing: var(--novatx-tracking-tight);
   }
-  .novatx\:tracking-widest {
-    --tw-tracking: var(--novatx-tracking-widest);
-    letter-spacing: var(--novatx-tracking-widest);
-  }
   .novatx\:\[overflow-wrap\:anywhere\] {
     overflow-wrap: anywhere;
   }
@@ -1709,6 +1742,15 @@ html[lang^='uk'],
   .novatx\:whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .novatx\:text-\[\#9d9c9a\] {
+    color: #9d9c9a;
+  }
+  .novatx\:text-\[\#101014\] {
+    color: #101014;
+  }
+  .novatx\:text-\[\#e9e8e4\] {
+    color: #e9e8e4;
+  }
   .novatx\:text-\[var\(--tuwa-error-icon\)\] {
     color: var(--tuwa-error-icon);
   }
@@ -1754,18 +1796,6 @@ html[lang^='uk'],
   .novatx\:text-\[var\(--tuwa-text-tertiary\)\] {
     color: var(--tuwa-text-tertiary);
   }
-  .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);
-  }
   .novatx\:capitalize {
     text-transform: capitalize;
   }
@@ -1779,18 +1809,6 @@ html[lang^='uk'],
     --tw-shadow: 0 0 #0000 !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
-  .novatx\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {
-    --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));
@@ -1814,10 +1832,6 @@ html[lang^='uk'],
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
-  .novatx\:ease-in-out {
-    --tw-ease: var(--novatx-ease-in-out);
-    transition-timing-function: var(--novatx-ease-in-out);
-  }
   .novatx\:select-none {
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -1831,15 +1845,15 @@ html[lang^='uk'],
     border-bottom-width: 0px;
   }
   @media (hover: hover) {
+    .novatx\:hover\:border-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      border-color: var(--tuwa-button-primary-bg-hover);
+    }
     .novatx\:hover\:bg-\[var\(--tuwa-bg-muted\)\]:hover {
       background-color: var(--tuwa-bg-muted);
     }
     .novatx\:hover\:bg-\[var\(--tuwa-bg-secondary\)\]:hover {
       background-color: var(--tuwa-bg-secondary);
     }
-    .novatx\:hover\:bg-\[var\(--tuwa-border-primary\)\]:hover {
-      background-color: var(--tuwa-border-primary);
-    }
     .novatx\:hover\:bg-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
       background-color: var(--tuwa-button-primary-bg-hover);
     }
@@ -1851,6 +1865,12 @@ html[lang^='uk'],
         background-color: color-mix(in oklab, var(--tuwa-error-icon) 10%, transparent);
       }
     }
+    .novatx\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
+      background-color: var(--tuwa-standart-button-hover);
+    }
+    .novatx\:hover\:text-\[\#f2f1ee\]:hover {
+      color: #f2f1ee;
+    }
     .novatx\:hover\:text-\[var\(--tuwa-error-icon\)\]:hover {
       color: var(--tuwa-error-icon);
     }
@@ -1863,19 +1883,12 @@ html[lang^='uk'],
     .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\: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);
@@ -1891,12 +1904,6 @@ html[lang^='uk'],
     --tw-outline-style: none;
     outline-style: none;
   }
-  .novatx\:active\:scale-95:active {
-    --tw-scale-x: 95%;
-    --tw-scale-y: 95%;
-    --tw-scale-z: 95%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .novatx\:disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
@@ -1924,9 +1931,6 @@ html[lang^='uk'],
     .novatx\:sm\:max-w-md {
       max-width: var(--novatx-container-md);
     }
-    .novatx\:sm\:rounded-\[var\(--tuwa-rounded-corners\)\] {
-      border-radius: var(--tuwa-rounded-corners);
-    }
     .novatx\:sm\:p-5 {
       padding: calc(var(--novatx-spacing) * 5);
     }
@@ -1942,6 +1946,51 @@ html[lang^='uk'],
     }
   }
 }
+.tuwa-tx-px-ring {
+  fill: currentColor;
+  opacity: 0.22;
+  animation: tuwa-tx-px-run 1.4s step-end infinite;
+  animation-delay: calc(1.4s * (var(--i) / var(--n) - 1));
+}
+.tuwa-tx-px-dot {
+  fill: currentColor;
+  animation: tuwa-tx-px-breathe 1.6s step-end infinite;
+}
+@keyframes tuwa-tx-px-run {
+  0% {
+    opacity: 1;
+  }
+  12% {
+    opacity: 0.6;
+  }
+  25%,
+  100% {
+    opacity: 0.22;
+  }
+}
+@keyframes tuwa-tx-px-breathe {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .tuwa-tx-px-ring,
+  .tuwa-tx-px-dot {
+    animation: none;
+  }
+  .tuwa-tx-px-park {
+    opacity: 1;
+  }
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -2017,35 +2066,16 @@ html[lang^='uk'],
 @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-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
+  initial-value: #fff;
 }
-@property --tw-scale-y {
+@property --tw-ring-offset-shadow {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
+  initial-value: 0 0 #0000;
 }
-@property --tw-scale-z {
+@property --tw-duration {
   syntax: "*";
   inherits: false;
-  initial-value: 1;
 }
 @keyframes spin {
   to {
@@ -2060,6 +2090,7 @@ html[lang^='uk'],
 @layer properties {
   @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-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -2079,10 +2110,6 @@ html[lang^='uk'],
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
     }
   }
 }
@@ -2116,16 +2143,13 @@ html[lang^='uk'],
     --novacon-font-weight-medium: 500;
     --novacon-font-weight-semibold: 600;
     --novacon-font-weight-bold: 700;
-    --novacon-tracking-wider: 0.05em;
     --novacon-leading-tight: 1.25;
     --novacon-leading-snug: 1.375;
     --novacon-leading-relaxed: 1.625;
     --novacon-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-    --novacon-animate-spin: spin 1s linear infinite;
     --novacon-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --novacon-default-transition-duration: 150ms;
     --novacon-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --novacon-animate-rotate: novacon-rotate var(--tw-duration, 1500ms) var(--tw-ease, ease) infinite;
   }
 }
 @layer utilities {
@@ -2149,8 +2173,8 @@ html[lang^='uk'],
   .novacon\:relative {
     position: relative;
   }
-  .novacon\:-inset-\[2px\] {
-    inset: calc(2px * -1);
+  .novacon\:-inset-px {
+    inset: -1px;
   }
   .novacon\:inset-0 {
     inset: 0px;
@@ -2362,6 +2386,9 @@ html[lang^='uk'],
   .novacon\:h-3 {
     height: calc(var(--novacon-spacing) * 3);
   }
+  .novacon\:h-3\.5 {
+    height: calc(var(--novacon-spacing) * 3.5);
+  }
   .novacon\:h-4 {
     height: calc(var(--novacon-spacing) * 4);
   }
@@ -2398,9 +2425,6 @@ html[lang^='uk'],
   .novacon\:h-64 {
     height: calc(var(--novacon-spacing) * 64);
   }
-  .novacon\:h-\[2px\] {
-    height: 2px;
-  }
   .novacon\:h-\[18px\] {
     height: 18px;
   }
@@ -2410,8 +2434,8 @@ html[lang^='uk'],
   .novacon\:h-\[125px\] {
     height: 125px;
   }
-  .novacon\:h-\[calc\(100\%_\+_4px\)\] {
-    height: calc(100% + 4px);
+  .novacon\:h-\[calc\(100\%_\+_2px\)\] {
+    height: calc(100% + 2px);
   }
   .novacon\:h-auto {
     height: auto;
@@ -2419,6 +2443,9 @@ html[lang^='uk'],
   .novacon\:h-full {
     height: 100%;
   }
+  .novacon\:h-px {
+    height: 1px;
+  }
   .novacon\:max-h-32 {
     max-height: calc(var(--novacon-spacing) * 32);
   }
@@ -2452,6 +2479,9 @@ html[lang^='uk'],
   .novacon\:w-3 {
     width: calc(var(--novacon-spacing) * 3);
   }
+  .novacon\:w-3\.5 {
+    width: calc(var(--novacon-spacing) * 3.5);
+  }
   .novacon\:w-4 {
     width: calc(var(--novacon-spacing) * 4);
   }
@@ -2506,8 +2536,8 @@ html[lang^='uk'],
   .novacon\:w-\[210px\] {
     width: 210px;
   }
-  .novacon\:w-\[calc\(100\%_\+_4px\)\] {
-    width: calc(100% + 4px);
+  .novacon\:w-\[calc\(100\%_\+_2px\)\] {
+    width: calc(100% + 2px);
   }
   .novacon\:w-full {
     width: 100%;
@@ -2570,9 +2600,6 @@ html[lang^='uk'],
   .novacon\:animate-pulse {
     animation: var(--novacon-animate-pulse);
   }
-  .novacon\:animate-spin {
-    animation: var(--novacon-animate-spin);
-  }
   .novacon\:cursor-default {
     cursor: default;
   }
@@ -2619,6 +2646,9 @@ html[lang^='uk'],
   .novacon\:justify-start {
     justify-content: flex-start;
   }
+  .novacon\:gap-0 {
+    gap: 0px;
+  }
   .novacon\:gap-0\.5 {
     gap: calc(var(--novacon-spacing) * 0.5);
   }
@@ -2668,6 +2698,16 @@ html[lang^='uk'],
     margin-inline-start: calc(calc(var(--novacon-spacing) * 3) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--novacon-spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
   }
+  :where(.novacon\: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(.novacon\:divide-\[var\(--tuwa-border-primary\)\] > :not(:last-child)) {
+    border-color: var(--tuwa-border-primary);
+  }
   .novacon\:truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2691,6 +2731,9 @@ html[lang^='uk'],
   .novacon\:overflow-y-auto {
     overflow-y: auto;
   }
+  .novacon\:\!rounded-\[var\(--tuwa-rounded-corners\)\] {
+    border-radius: var(--tuwa-rounded-corners) !important;
+  }
   .novacon\:rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -2700,8 +2743,8 @@ html[lang^='uk'],
   .novacon\:rounded-\[var\(--tuwa-rounded-corners\)\] {
     border-radius: var(--tuwa-rounded-corners);
   }
-  .novacon\:rounded-full {
-    border-radius: calc(infinity * 1px);
+  .novacon\:rounded-\[var\(--tuwa-rounded-full\)\] {
+    border-radius: var(--tuwa-rounded-full);
   }
   .novacon\:border {
     border-style: var(--tw-border-style);
@@ -2723,18 +2766,39 @@ html[lang^='uk'],
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .novacon\:border-\[color-mix\(in_srgb\,var\(--tuwa-pending-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-pending-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-pending-icon) 35%,transparent);
+    }
+  }
+  .novacon\:border-\[color-mix\(in_srgb\,var\(--tuwa-pending-text\)_25\%\,transparent\)\] {
+    border-color: var(--tuwa-pending-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-pending-text) 25%,transparent);
+    }
+  }
+  .novacon\:border-\[color-mix\(in_srgb\,var\(--tuwa-success-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-success-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-success-icon) 35%,transparent);
+    }
+  }
   .novacon\:border-\[var\(--tuwa-bg-secondary\)\] {
     border-color: var(--tuwa-bg-secondary);
   }
   .novacon\:border-\[var\(--tuwa-border-primary\)\] {
     border-color: var(--tuwa-border-primary);
   }
+  .novacon\:border-\[var\(--tuwa-border-strong\)\] {
+    border-color: var(--tuwa-border-strong);
+  }
+  .novacon\:border-\[var\(--tuwa-button-primary-bg\)\] {
+    border-color: var(--tuwa-button-primary-bg);
+  }
   .novacon\:border-\[var\(--tuwa-error-text\)\] {
     border-color: var(--tuwa-error-text);
   }
-  .novacon\:border-\[var\(--tuwa-pending-text\)\] {
-    border-color: var(--tuwa-pending-text);
-  }
   .novacon\:border-\[var\(--tuwa-success-text\)\] {
     border-color: var(--tuwa-success-text);
   }
@@ -2747,16 +2811,37 @@ html[lang^='uk'],
   .novacon\:border-red-500 {
     border-color: var(--novacon-color-red-500);
   }
-  .novacon\:border-t-transparent {
-    border-top-color: transparent;
-  }
   .novacon\:\!bg-transparent {
     background-color: transparent !important;
   }
-  .novacon\:bg-\[var\(--tuwa-bg-accent\)\]\/10 {
-    background-color: var(--tuwa-bg-accent);
+  .novacon\:bg-\[color-mix\(in_srgb\,var\(--tuwa-error-text\)_5\%\,transparent\)\] {
+    background-color: var(--tuwa-error-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--tuwa-error-text) 5%,transparent);
+    }
+  }
+  .novacon\:bg-\[color-mix\(in_srgb\,var\(--tuwa-success-text\)_5\%\,transparent\)\] {
+    background-color: var(--tuwa-success-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--tuwa-success-text) 5%,transparent);
+    }
+  }
+  .novacon\:bg-\[color-mix\(in_srgb\,var\(--tuwa-success-text\)_10\%\,transparent\)\] {
+    background-color: var(--tuwa-success-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--tuwa-success-text) 10%,transparent);
+    }
+  }
+  .novacon\:bg-\[color-mix\(in_srgb\,var\(--tuwa-text-accent\)_5\%\,transparent\)\] {
+    background-color: var(--tuwa-text-accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--tuwa-text-accent) 5%,transparent);
+    }
+  }
+  .novacon\:bg-\[color-mix\(in_srgb\,var\(--tuwa-text-accent\)_6\%\,var\(--tuwa-bg-primary\)\)\] {
+    background-color: var(--tuwa-text-accent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--tuwa-bg-accent) 10%, transparent);
+      background-color: color-mix(in srgb,var(--tuwa-text-accent) 6%,var(--tuwa-bg-primary));
     }
   }
   .novacon\:bg-\[var\(--tuwa-bg-muted\)\] {
@@ -2780,14 +2865,14 @@ html[lang^='uk'],
   .novacon\:bg-\[var\(--tuwa-button-primary-bg\)\] {
     background-color: var(--tuwa-button-primary-bg);
   }
+  .novacon\:bg-\[var\(--tuwa-error-icon\)\] {
+    background-color: var(--tuwa-error-icon);
+  }
   .novacon\:bg-\[var\(--tuwa-error-text\)\] {
     background-color: var(--tuwa-error-text);
   }
-  .novacon\:bg-\[var\(--tuwa-success-bg\)\]\/20 {
+  .novacon\:bg-\[var\(--tuwa-success-bg\)\] {
     background-color: var(--tuwa-success-bg);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--tuwa-success-bg) 20%, transparent);
-    }
   }
   .novacon\:bg-\[var\(--tuwa-success-text\)\] {
     background-color: var(--tuwa-success-text);
@@ -2801,15 +2886,9 @@ html[lang^='uk'],
   .novacon\:bg-\[var\(--tuwa-warning-bg\)\] {
     background-color: var(--tuwa-warning-bg);
   }
-  .novacon\:bg-red-500 {
-    background-color: var(--novacon-color-red-500);
-  }
   .novacon\:bg-transparent {
     background-color: transparent;
   }
-  .novacon\:bg-\[radial-gradient\(ellipse_80\%_80\%_at_50\%_-20\%\,rgba\(0\,82\,255\,0\.12\)\,rgba\(255\,255\,255\,0\)\)\] {
-    background-image: radial-gradient(ellipse 80% 80% at 50% -20%,rgba(0,82,255,0.12),rgba(255,255,255,0));
-  }
   .novacon\:object-cover {
     -o-object-fit: cover;
        object-fit: cover;
@@ -2850,9 +2929,6 @@ html[lang^='uk'],
   .novacon\:px-2 {
     padding-inline: calc(var(--novacon-spacing) * 2);
   }
-  .novacon\:px-2\.5 {
-    padding-inline: calc(var(--novacon-spacing) * 2.5);
-  }
   .novacon\:px-3 {
     padding-inline: calc(var(--novacon-spacing) * 3);
   }
@@ -2871,6 +2947,9 @@ html[lang^='uk'],
   .novacon\:py-2 {
     padding-block: calc(var(--novacon-spacing) * 2);
   }
+  .novacon\:py-2\.5 {
+    padding-block: calc(var(--novacon-spacing) * 2.5);
+  }
   .novacon\:py-4 {
     padding-block: calc(var(--novacon-spacing) * 4);
   }
@@ -2933,6 +3012,13 @@ html[lang^='uk'],
   .novacon\:text-\[10px\] {
     font-size: 10px;
   }
+  .novacon\:text-\[11px\] {
+    font-size: 11px;
+  }
+  .novacon\:leading-3 {
+    --tw-leading: calc(var(--novacon-spacing) * 3);
+    line-height: calc(var(--novacon-spacing) * 3);
+  }
   .novacon\:leading-\[0\] {
     --tw-leading: 0;
     line-height: 0;
@@ -2961,9 +3047,9 @@ html[lang^='uk'],
     --tw-font-weight: var(--novacon-font-weight-semibold);
     font-weight: var(--novacon-font-weight-semibold);
   }
-  .novacon\:tracking-wider {
-    --tw-tracking: var(--novacon-tracking-wider);
-    letter-spacing: var(--novacon-tracking-wider);
+  .novacon\:tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
   }
   .novacon\:break-words {
     overflow-wrap: break-word;
@@ -2977,6 +3063,9 @@ html[lang^='uk'],
   .novacon\:text-\[var\(--tuwa-error-text\)\] {
     color: var(--tuwa-error-text);
   }
+  .novacon\:text-\[var\(--tuwa-pending-text\)\] {
+    color: var(--tuwa-pending-text);
+  }
   .novacon\:text-\[var\(--tuwa-success-text\)\] {
     color: var(--tuwa-success-text);
   }
@@ -3034,17 +3123,9 @@ html[lang^='uk'],
   .novacon\:opacity-100 {
     opacity: 100%;
   }
-  .novacon\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
-  }
-  .novacon\:shadow-sm {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
-  }
-  .novacon\:shadow-xl {
-    --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);
+  .novacon\:\!shadow-none {
+    --tw-shadow: 0 0 #0000 !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
   .novacon\:ring-1 {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3060,6 +3141,20 @@ html[lang^='uk'],
   .novacon\:ring-\[var\(--tuwa-text-secondary\)\] {
     --tw-ring-color: var(--tuwa-text-secondary);
   }
+  .novacon\:outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .novacon\:outline-1 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .novacon\:outline-\[color-mix\(in_srgb\,var\(--tuwa-success-icon\)_35\%\,transparent\)\] {
+    outline-color: var(--tuwa-success-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in srgb,var(--tuwa-success-icon) 35%,transparent);
+    }
+  }
   .novacon\: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, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
@@ -3090,6 +3185,9 @@ html[lang^='uk'],
     transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--novacon-default-transition-duration));
   }
+  .novacon\:delay-150 {
+    transition-delay: 150ms;
+  }
   .novacon\:duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -3102,6 +3200,12 @@ html[lang^='uk'],
     --tw-ease: var(--novacon-ease-in-out);
     transition-timing-function: var(--novacon-ease-in-out);
   }
+  .novacon\:delay-150 {
+    animation-delay: calc(150*1ms);
+    animation-delay: .15s;
+    --tw-animation-delay: calc(150*1ms);
+    --tw-animation-delay: .15s;
+  }
   .novacon\:outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -3111,6 +3215,12 @@ html[lang^='uk'],
     -moz-user-select: none;
          user-select: none;
   }
+  .novacon\:\[--tuwa-chase-border\:1px\] {
+    --tuwa-chase-border: 1px;
+  }
+  .novacon\:\[--tuwa-chase-border\:2px\] {
+    --tuwa-chase-border: 2px;
+  }
   @media (hover: hover) {
     :is(:where(.novacon\:group):hover .novacon\:group-hover\:ml-6) {
       margin-left: calc(var(--novacon-spacing) * 6);
@@ -3161,60 +3271,6 @@ html[lang^='uk'],
   .novacon\:placeholder\:text-\[var\(--tuwa-text-secondary\)\]::placeholder {
     color: var(--tuwa-text-secondary);
   }
-  .novacon\:before\:absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-  }
-  .novacon\:before\:inset-0::before {
-    content: var(--tw-content);
-    inset: 0px;
-  }
-  .novacon\:before\:rounded-full::before {
-    content: var(--tw-content);
-    border-radius: calc(infinity * 1px);
-  }
-  .novacon\:before\:u-shadow-inner-base::before {
-    content: var(--tw-content);
-    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
-  }
-  .novacon\:before\:content-\[\'\'\]::before {
-    --tw-content: '';
-    content: var(--tw-content);
-  }
-  .novacon\:after\:absolute::after {
-    content: var(--tw-content);
-    position: absolute;
-  }
-  .novacon\:after\:inset-0::after {
-    content: var(--tw-content);
-    inset: 0px;
-  }
-  .novacon\:after\:animate-rotate::after {
-    content: var(--tw-content);
-    animation: var(--novacon-animate-rotate);
-  }
-  .novacon\:after\:rounded-full::after {
-    content: var(--tw-content);
-    border-radius: calc(infinity * 1px);
-  }
-  .novacon\:after\:u-shadow-inset-arc::after {
-    content: var(--tw-content);
-    box-shadow: 0 2px 0 var(--tuwa-pending-icon) inset;
-  }
-  .novacon\:after\:duration-2000::after {
-    content: var(--tw-content);
-    --tw-duration: 2000ms;
-    transition-duration: 2000ms;
-  }
-  .novacon\:after\:ease-linear::after {
-    content: var(--tw-content);
-    --tw-ease: linear;
-    transition-timing-function: linear;
-  }
-  .novacon\:after\:content-\[\'\'\]::after {
-    --tw-content: '';
-    content: var(--tw-content);
-  }
   .novacon\:focus-within\:ring-2:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
@@ -3223,14 +3279,28 @@ html[lang^='uk'],
     --tw-ring-color: var(--tuwa-text-accent);
   }
   @media (hover: hover) {
+    .novacon\:hover\:z-1:hover {
+      z-index: 1;
+    }
     .novacon\:hover\:scale-110:hover {
       --tw-scale-x: 110%;
       --tw-scale-y: 110%;
       --tw-scale-z: 110%;
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
-    .novacon\:hover\:scale-\[1\.02\]:hover {
-      scale: 1.02;
+    .novacon\:hover\:border-\[var\(--tuwa-border-strong\)\]:hover {
+      border-color: var(--tuwa-border-strong);
+    }
+    .novacon\:hover\:border-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      border-color: var(--tuwa-button-primary-bg-hover);
+    }
+    .novacon\:hover\:bg-\[color-mix\(in_srgb\,var\(--tuwa-error-text\)_10\%\,transparent\)\]:hover {
+      background-color: var(--tuwa-error-text);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .novacon\:hover\:bg-\[color-mix\(in_srgb\,var\(--tuwa-error-text\)_10\%\,transparent\)\]:hover {
+        background-color: color-mix(in srgb,var(--tuwa-error-text) 10%,transparent);
+      }
     }
     .novacon\:hover\:bg-\[var\(--tuwa-bg-error\)\]\/10:hover {
       background-color: var(--tuwa-bg-error);
@@ -3246,9 +3316,6 @@ html[lang^='uk'],
     .novacon\:hover\:bg-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
       background-color: var(--tuwa-button-primary-bg-hover);
     }
-    .novacon\:hover\:bg-\[var\(--tuwa-error-text\)\]:hover {
-      background-color: var(--tuwa-error-text);
-    }
     .novacon\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
       background-color: var(--tuwa-standart-button-hover);
     }
@@ -3267,10 +3334,6 @@ html[lang^='uk'],
     .novacon\:hover\:text-\[var\(--tuwa-text-secondary\)\]:hover {
       color: var(--tuwa-text-secondary);
     }
-    .novacon\:hover\:shadow-sm:hover {
-      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
-    }
   }
   .novacon\:focus\:bg-\[var\(--tuwa-bg-muted\)\]:focus {
     background-color: var(--tuwa-bg-muted);
@@ -3301,6 +3364,9 @@ html[lang^='uk'],
     --tw-ring-offset-width: var(--tuwa-ring-width);
     --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
+  .novacon\:focus\:ring-offset-\[var\(--tuwa-bg-primary\)\]:focus {
+    --tw-ring-offset-color: var(--tuwa-bg-primary);
+  }
   .novacon\:focus\:ring-offset-\[var\(--tuwa-border-secondary\)\]:focus {
     --tw-ring-offset-color: var(--tuwa-border-secondary);
   }
@@ -3311,6 +3377,9 @@ html[lang^='uk'],
   .novacon\:focus\:ring-inset:focus {
     --tw-ring-inset: inset;
   }
+  .novacon\:focus-visible\:z-1:focus-visible {
+    z-index: 1;
+  }
   .novacon\:focus-visible\:ring-\[length\:var\(--tuwa-ring-width\)\]:focus-visible {
     --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);
@@ -3344,15 +3413,15 @@ html[lang^='uk'],
     --tw-scale-z: 95%;
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .novacon\:active\:scale-\[0\.98\]:active {
-    scale: 0.98;
+  .novacon\:active\:bg-\[color-mix\(in_srgb\,var\(--tuwa-error-text\)_20\%\,transparent\)\]:active {
+    background-color: var(--tuwa-error-text);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--tuwa-error-text) 20%,transparent);
+    }
   }
   .novacon\:active\:bg-\[var\(--tuwa-bg-muted\)\]:active {
     background-color: var(--tuwa-bg-muted);
   }
-  .novacon\:active\:bg-\[var\(--tuwa-error-text\)\]:active {
-    background-color: var(--tuwa-error-text);
-  }
   .novacon\:disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
@@ -3360,12 +3429,6 @@ html[lang^='uk'],
     opacity: 50%;
   }
   @media (hover: hover) {
-    .novacon\:disabled\:hover\:scale-100:disabled:hover {
-      --tw-scale-x: 100%;
-      --tw-scale-y: 100%;
-      --tw-scale-z: 100%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
     .novacon\:disabled\:hover\:bg-\[var\(--tuwa-bg-secondary\)\]:disabled:hover {
       background-color: var(--tuwa-bg-secondary);
     }
@@ -3404,15 +3467,6 @@ html[lang^='uk'],
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .novacon\:motion-reduce\:animate-none {
-      animation: none;
-    }
-    .novacon\:motion-reduce\:after\:animate-none::after {
-      content: var(--tw-content);
-      animation: none;
-    }
-  }
   @media (width >= 480px) {
     .novacon\:min-\[480px\]\:block {
       display: block;
@@ -3638,6 +3692,9 @@ html[lang^='uk'],
       width: 80px !important;
     }
   }
+  .novacon\:\[\&\>\*\+\*\]\:-mt-px > * + * {
+    margin-top: -1px;
+  }
   .novacon\:\[\&\>img\]\:h-full\! > img {
     height: 100% !important;
   }
@@ -3735,6 +3792,39 @@ html[lang^='uk'],
   inherits: false;
   initial-value: 0;
 }
+@property --tuwa-chase-angle {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 0deg;
+}
+.tuwa-square-chase::after {
+  content: '';
+  position: absolute;
+  inset: calc(-1 * var(--tuwa-chase-border, 1px));
+  padding: var(--tuwa-chase-border, 1px);
+  border-radius: inherit;
+  pointer-events: none;
+  background: conic-gradient(from var(--tuwa-chase-angle), var(--tuwa-pending-icon) 0 14%, transparent 14% 100%);
+  -webkit-mask: linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  -webkit-mask: linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+          mask: linear-gradient(#000 0 0) content-box exclude,
+    linear-gradient(#000 0 0);
+  animation: tuwa-square-chase 2.4s linear infinite;
+}
+@keyframes tuwa-square-chase {
+  to {
+    --tuwa-chase-angle: 360deg;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .tuwa-square-chase::after {
+    animation: none;
+  }
+}
 div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
   z-index: 101 !important;
 }
@@ -3757,6 +3847,89 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
 .novacon-art-float {
   animation: novacon-art-float 8s ease-in-out infinite;
 }
+.novacon-art-px-net {
+  opacity: 0.12;
+}
+.novacon-art-px-path {
+  fill: var(--tuwa-text-accent);
+  opacity: 0.45;
+}
+.novacon-art-px-flow {
+  fill: var(--tuwa-text-accent);
+  opacity: 0;
+  animation: novacon-art-px-flow var(--s, 9s) linear infinite;
+  animation-delay: calc(var(--d0, 2s) + var(--s, 9s) * 0.58 * var(--i) / var(--len));
+}
+.novacon-art-px-twinkle {
+  opacity: 0.2;
+  animation: novacon-art-px-twinkle 7s ease-in-out var(--art-delay, 0s) infinite;
+}
+.novacon-art-px-glow {
+  opacity: 0.18;
+  animation: novacon-art-px-glow 5s ease-in-out infinite;
+}
+.novacon-art-px-float {
+  animation: novacon-art-px-float 8s ease-in-out infinite;
+}
+.novacon-art-px-core {
+  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
+  animation: novacon-art-px-in 1ms linear both;
+  animation-delay: calc(var(--art-start, 0.55s) + 0.8s);
+}
+@keyframes novacon-art-px-in {
+  from {
+    visibility: hidden;
+  }
+}
+@keyframes novacon-art-px-flow {
+  0% {
+    opacity: 0;
+  }
+  1.5% {
+    opacity: var(--art-opacity, 1);
+  }
+  7%,
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes novacon-art-px-twinkle {
+  0%,
+  100% {
+    opacity: 0.16;
+  }
+  50% {
+    opacity: 0.42;
+  }
+}
+@keyframes novacon-art-px-glow {
+  0%,
+  100% {
+    opacity: 0.12;
+  }
+  50% {
+    opacity: 0.26;
+  }
+}
+@keyframes novacon-art-px-float {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-1px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .novacon-art-px-flow,
+  .novacon-art-px-twinkle,
+  .novacon-art-px-glow,
+  .novacon-art-px-float,
+  .novacon-art-px-core {
+    animation: none;
+    transition: none;
+  }
+}
 @keyframes novacon-art-flow {
   0% {
     stroke-dashoffset: 5;
@@ -3828,12 +4001,7 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
   padding: 1px;
   border-radius: inherit;
   pointer-events: none;
-  background: conic-gradient(
-    from var(--tuwa-add-wallet-angle),
-    transparent 0 72%,
-    var(--tuwa-text-accent) 88%,
-    transparent 100%
-  );
+  background: conic-gradient(from var(--tuwa-add-wallet-angle), transparent 0 84%, var(--tuwa-text-accent) 84% 100%);
   -webkit-mask: linear-gradient(#000 0 0) content-box,
     linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
@@ -3857,9 +4025,7 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
 .tuwa-add-wallet-ring {
   stroke: var(--tuwa-text-accent);
   stroke-width: 1;
-  stroke-dasharray: 3 3.28;
-  transform-box: fill-box;
-  transform-origin: center;
+  stroke-dasharray: 3 3;
   animation: tuwa-add-wallet-turn 12s linear infinite;
   animation-play-state: paused;
 }
@@ -3900,10 +4066,60 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
 }
 @keyframes tuwa-add-wallet-turn {
   to {
-    transform: rotate(360deg);
+    stroke-dashoffset: -120;
+  }
+}
+.tuwa-add-wallet-px-dot {
+  fill: var(--tuwa-text-accent);
+  opacity: 0.9;
+}
+.tuwa-add-wallet-px-dot--b {
+  opacity: 0.35;
+}
+.tuwa-add-wallet:hover .tuwa-add-wallet-px-dot,
+.tuwa-add-wallet:focus-visible .tuwa-add-wallet-px-dot {
+  animation: tuwa-add-wallet-px-turn 0.8s step-end infinite;
+}
+.tuwa-add-wallet:hover .tuwa-add-wallet-px-dot--b,
+.tuwa-add-wallet:focus-visible .tuwa-add-wallet-px-dot--b {
+  animation-delay: -0.4s;
+}
+.tuwa-add-wallet-px-plus {
+  fill: var(--tuwa-text-accent);
+}
+.tuwa-add-wallet-px-arrow {
+  opacity: 0.5;
+  transition: transform 160ms step-end,
+    opacity 200ms ease;
+}
+.tuwa-add-wallet:hover .tuwa-add-wallet-px-arrow,
+.tuwa-add-wallet:focus-visible .tuwa-add-wallet-px-arrow {
+  opacity: 1;
+  transform: translateX(1px);
+}
+.tuwa-remember-px {
+  opacity: 0;
+}
+[data-on] > .tuwa-remember-px {
+  opacity: 1;
+}
+@keyframes tuwa-add-wallet-px-turn {
+  0% {
+    opacity: 0.9;
+  }
+  50% {
+    opacity: 0.35;
   }
 }
 @media (prefers-reduced-motion: reduce) {
+  .tuwa-add-wallet-px-dot,
+  .tuwa-add-wallet-px-arrow,
+  .tuwa-remember-px,
+  [data-on] > .tuwa-remember-px {
+    animation: none !important;
+    transition: none;
+    transform: none !important;
+  }
   .tuwa-add-wallet::before {
     animation: none;
     background: var(--tuwa-text-accent);
@@ -3978,6 +4194,11 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4060,6 +4281,11 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -4083,16 +4309,6 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
   inherits: false;
   initial-value: 1;
 }
-@property --tw-content {
-  syntax: "*";
-  initial-value: "";
-  inherits: false;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
 @keyframes pulse {
   50% {
     opacity: 0.5;
@@ -4112,14 +4328,6 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
     filter: blur(var(--tw-exit-blur,0));
   }
 }
-@keyframes novacon-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
 @layer properties {
   @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 {
@@ -4136,6 +4344,7 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
       --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -4154,12 +4363,12 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --tw-content: "";
       --tw-animation-delay: 0s;
       --tw-animation-direction: normal;
       --tw-animation-duration: initial;
@@ -4177,6 +4386,7 @@ div[data-radix-popper-content-wrapper]:has(> [class*='novacon:']) {
       --tw-exit-scale: 1;
       --tw-exit-translate-x: 0;
       --tw-exit-translate-y: 0;
+      --tuwa-chase-angle: 0deg;
       --tuwa-add-wallet-angle: 0deg;
     }
   }