@tuwaio/sdk 0.7.1 → 0.8.0

package/dist/styles/nova-connect.css

@@ -24,16 +24,13 @@
     --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 {
@@ -57,8 +54,8 @@
   .novacon\:relative {
     position: relative;
   }
-  .novacon\:-inset-\[2px\] {
-    inset: calc(2px * -1);
+  .novacon\:-inset-px {
+    inset: -1px;
   }
   .novacon\:inset-0 {
     inset: 0px;
@@ -270,6 +267,9 @@
   .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);
   }
@@ -306,9 +306,6 @@
   .novacon\:h-64 {
     height: calc(var(--novacon-spacing) * 64);
   }
-  .novacon\:h-\[2px\] {
-    height: 2px;
-  }
   .novacon\:h-\[18px\] {
     height: 18px;
   }
@@ -318,8 +315,8 @@
   .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;
@@ -327,6 +324,9 @@
   .novacon\:h-full {
     height: 100%;
   }
+  .novacon\:h-px {
+    height: 1px;
+  }
   .novacon\:max-h-32 {
     max-height: calc(var(--novacon-spacing) * 32);
   }
@@ -360,6 +360,9 @@
   .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);
   }
@@ -414,8 +417,8 @@
   .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%;
@@ -478,9 +481,6 @@
   .novacon\:animate-pulse {
     animation: var(--novacon-animate-pulse);
   }
-  .novacon\:animate-spin {
-    animation: var(--novacon-animate-spin);
-  }
   .novacon\:cursor-default {
     cursor: default;
   }
@@ -527,6 +527,9 @@
   .novacon\:justify-start {
     justify-content: flex-start;
   }
+  .novacon\:gap-0 {
+    gap: 0px;
+  }
   .novacon\:gap-0\.5 {
     gap: calc(var(--novacon-spacing) * 0.5);
   }
@@ -576,6 +579,16 @@
     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;
@@ -599,6 +612,9 @@
   .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;
   }
@@ -608,8 +624,8 @@
   .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);
@@ -631,18 +647,39 @@
     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);
   }
@@ -655,16 +692,37 @@
   .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 oklab, var(--tuwa-bg-accent) 10%, transparent);
+      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 srgb,var(--tuwa-text-accent) 6%,var(--tuwa-bg-primary));
     }
   }
   .novacon\:bg-\[var\(--tuwa-bg-muted\)\] {
@@ -688,14 +746,14 @@
   .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);
@@ -709,15 +767,9 @@
   .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;
@@ -758,9 +810,6 @@
   .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);
   }
@@ -779,6 +828,9 @@
   .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);
   }
@@ -841,6 +893,13 @@
   .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;
@@ -869,9 +928,9 @@
     --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;
@@ -885,6 +944,9 @@
   .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);
   }
@@ -942,17 +1004,9 @@
   .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);
@@ -968,6 +1022,20 @@
   .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));
@@ -998,6 +1066,9 @@
     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;
@@ -1010,6 +1081,12 @@
     --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;
@@ -1019,6 +1096,12 @@
     -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);
@@ -1069,60 +1152,6 @@
   .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);
@@ -1131,14 +1160,28 @@
     --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);
@@ -1154,9 +1197,6 @@
     .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);
     }
@@ -1175,10 +1215,6 @@
     .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);
@@ -1209,6 +1245,9 @@
     --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);
   }
@@ -1219,6 +1258,9 @@
   .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);
@@ -1252,15 +1294,15 @@
     --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;
   }
@@ -1268,12 +1310,6 @@
     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);
     }
@@ -1312,15 +1348,6 @@
     --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;
@@ -1546,6 +1573,9 @@
       width: 80px !important;
     }
   }
+  .novacon\:\[\&\>\*\+\*\]\:-mt-px > * + * {
+    margin-top: -1px;
+  }
   .novacon\:\[\&\>img\]\:h-full\! > img {
     height: 100% !important;
   }
@@ -1643,6 +1673,39 @@
   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;
 }
@@ -1665,6 +1728,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;
@@ -1736,12 +1882,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;
@@ -1765,9 +1906,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;
 }
@@ -1808,10 +1947,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);
@@ -1886,6 +2075,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;
@@ -1968,6 +2162,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;
@@ -1991,16 +2190,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;
@@ -2020,14 +2209,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 {
@@ -2044,6 +2225,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;
@@ -2062,12 +2244,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;
@@ -2085,6 +2267,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;
     }
   }