@tuwaio/nova-connect 0.4.5 → 0.4.7

package/dist/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -60,7 +60,7 @@
     inset: calc(2px * -1);
   }
   .novacon\:inset-0 {
-    inset: calc(var(--novacon-spacing) * 0);
+    inset: 0px;
   }
   .novacon\:inset-\[-4px\] {
     inset: -4px;
@@ -72,7 +72,7 @@
     top: calc(var(--novacon-spacing) * -2);
   }
   .novacon\:top-0 {
-    top: calc(var(--novacon-spacing) * 0);
+    top: 0px;
   }
   .novacon\:top-0\.5 {
     top: calc(var(--novacon-spacing) * 0.5);
@@ -102,7 +102,7 @@
     right: calc(var(--novacon-spacing) * -2);
   }
   .novacon\:right-0 {
-    right: calc(var(--novacon-spacing) * 0);
+    right: 0px;
   }
   .novacon\:right-0\.5 {
     right: calc(var(--novacon-spacing) * 0.5);
@@ -132,7 +132,7 @@
     bottom: calc(var(--novacon-spacing) * -1);
   }
   .novacon\:bottom-0 {
-    bottom: calc(var(--novacon-spacing) * 0);
+    bottom: 0px;
   }
   .novacon\:bottom-\[-10px\] {
     bottom: -10px;
@@ -192,7 +192,7 @@
     margin-inline: calc(var(--novacon-spacing) * 4);
   }
   .novacon\:mt-1 {
-    margin-top: calc(var(--novacon-spacing) * 1);
+    margin-top: var(--novacon-spacing);
   }
   .novacon\:mt-2 {
     margin-top: calc(var(--novacon-spacing) * 2);
@@ -207,10 +207,10 @@
     margin-top: calc(var(--novacon-spacing) * 6);
   }
   .novacon\:mr-1 {
-    margin-right: calc(var(--novacon-spacing) * 1);
+    margin-right: var(--novacon-spacing);
   }
   .novacon\:mb-1 {
-    margin-bottom: calc(var(--novacon-spacing) * 1);
+    margin-bottom: var(--novacon-spacing);
   }
   .novacon\:mb-2 {
     margin-bottom: calc(var(--novacon-spacing) * 2);
@@ -228,7 +228,7 @@
     margin-left: calc(var(--novacon-spacing) * -2);
   }
   .novacon\:ml-0 {
-    margin-left: calc(var(--novacon-spacing) * 0);
+    margin-left: 0px;
   }
   .novacon\:ml-2 {
     margin-left: calc(var(--novacon-spacing) * 2);
@@ -496,7 +496,7 @@
     gap: calc(var(--novacon-spacing) * 0.5);
   }
   .novacon\:gap-1 {
-    gap: calc(var(--novacon-spacing) * 1);
+    gap: var(--novacon-spacing);
   }
   .novacon\:gap-2 {
     gap: calc(var(--novacon-spacing) * 2);
@@ -510,40 +510,30 @@
   .novacon\:gap-6 {
     gap: calc(var(--novacon-spacing) * 6);
   }
-  .novacon\:space-y-1 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--novacon-spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--novacon-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.novacon\:space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--novacon-spacing) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--novacon-spacing) * calc(1 - var(--tw-space-y-reverse)));
   }
-  .novacon\:space-y-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.novacon\:space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
   }
-  .novacon\:space-x-1\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--novacon-spacing) * 1.5) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--novacon-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
-    }
+  :where(.novacon\:space-x-1\.5 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--novacon-spacing) * 1.5) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--novacon-spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
   }
-  .novacon\:space-x-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      margin-inline-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-x-reverse));
-      margin-inline-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-    }
+  :where(.novacon\:space-x-2 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
-  .novacon\:space-x-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-x-reverse: 0;
-      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\:space-x-3 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    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)));
   }
   .novacon\:truncate {
     overflow: hidden;
@@ -696,10 +686,10 @@
        object-fit: cover;
   }
   .novacon\:p-0 {
-    padding: calc(var(--novacon-spacing) * 0);
+    padding: 0px;
   }
   .novacon\:p-1 {
-    padding: calc(var(--novacon-spacing) * 1);
+    padding: var(--novacon-spacing);
   }
   .novacon\:p-1\.5 {
     padding: calc(var(--novacon-spacing) * 1.5);
@@ -720,7 +710,7 @@
     padding: calc(var(--novacon-spacing) * 8);
   }
   .novacon\:px-1 {
-    padding-inline: calc(var(--novacon-spacing) * 1);
+    padding-inline: var(--novacon-spacing);
   }
   .novacon\:px-1\.5 {
     padding-inline: calc(var(--novacon-spacing) * 1.5);
@@ -737,14 +727,11 @@
   .novacon\:px-4 {
     padding-inline: calc(var(--novacon-spacing) * 4);
   }
-  .novacon\:py-0 {
-    padding-block: calc(var(--novacon-spacing) * 0);
-  }
   .novacon\:py-0\.5 {
     padding-block: calc(var(--novacon-spacing) * 0.5);
   }
   .novacon\:py-1 {
-    padding-block: calc(var(--novacon-spacing) * 1);
+    padding-block: var(--novacon-spacing);
   }
   .novacon\:py-1\.5 {
     padding-block: calc(var(--novacon-spacing) * 1.5);
@@ -980,491 +967,295 @@
     -moz-user-select: none;
          user-select: none;
   }
-  .novacon\:group-hover\:ml-6 {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        margin-left: calc(var(--novacon-spacing) * 6);
-      }
+  @media (hover: hover) {
+    .novacon\:group-hover\:ml-6:is(:where(.novacon\:group):hover *) {
+      margin-left: calc(var(--novacon-spacing) * 6);
     }
-  }
-  .novacon\:group-hover\:translate-x-0 {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        --tw-translate-x: calc(var(--novacon-spacing) * 0);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
+    .novacon\:group-hover\:translate-x-0:is(:where(.novacon\:group):hover *) {
+      --tw-translate-x: 0px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
     }
-  }
-  .novacon\:group-hover\:scale-90 {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        --tw-scale-x: 90%;
-        --tw-scale-y: 90%;
-        --tw-scale-z: 90%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
+    .novacon\:group-hover\:scale-90:is(:where(.novacon\:group):hover *) {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
     }
-  }
-  .novacon\:group-hover\:text-\[var\(--tuwa-text-accent\)\] {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        color: var(--tuwa-text-accent);
-      }
+    .novacon\:group-hover\:text-\[var\(--tuwa-text-accent\)\]:is(:where(.novacon\:group):hover *) {
+      color: var(--tuwa-text-accent);
     }
-  }
-  .novacon\:group-hover\:text-\[var\(--tuwa-text-primary\)\] {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        color: var(--tuwa-text-primary);
-      }
+    .novacon\:group-hover\:text-\[var\(--tuwa-text-primary\)\]:is(:where(.novacon\:group):hover *) {
+      color: var(--tuwa-text-primary);
     }
-  }
-  .novacon\:group-hover\:opacity-0 {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        opacity: 0%;
-      }
+    .novacon\:group-hover\:opacity-0:is(:where(.novacon\:group):hover *) {
+      opacity: 0%;
     }
-  }
-  .novacon\:group-hover\:opacity-100 {
-    &:is(:where(.novacon\:group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
+    .novacon\:group-hover\:opacity-100:is(:where(.novacon\:group):hover *) {
+      opacity: 100%;
     }
   }
-  .novacon\:placeholder\:text-\[var\(--tuwa-text-secondary\)\] {
-    &::-moz-placeholder {
-      color: var(--tuwa-text-secondary);
-    }
-    &::placeholder {
-      color: var(--tuwa-text-secondary);
-    }
+  .novacon\:placeholder\:text-\[var\(--tuwa-text-secondary\)\]::-moz-placeholder {
+    color: var(--tuwa-text-secondary);
   }
-  .novacon\:before\:absolute {
-    &::before {
-      content: var(--tw-content);
-      position: absolute;
-    }
+  .novacon\:placeholder\:text-\[var\(--tuwa-text-secondary\)\]::placeholder {
+    color: var(--tuwa-text-secondary);
   }
-  .novacon\:before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: calc(var(--novacon-spacing) * 0);
-    }
+  .novacon\:before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
   }
-  .novacon\:before\:rounded-full {
-    &::before {
-      content: var(--tw-content);
-      border-radius: calc(infinity * 1px);
-    }
+  .novacon\:before\:inset-0::before {
+    content: var(--tw-content);
+    inset: 0px;
   }
-  .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\:rounded-full::before {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
   }
-  .novacon\:before\:content-\[\'\'\] {
-    &::before {
-      --tw-content: '';
-      content: var(--tw-content);
-    }
+  .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\:after\:absolute {
-    &::after {
-      content: var(--tw-content);
-      position: absolute;
-    }
+  .novacon\:before\:content-\[\'\'\]::before {
+    --tw-content: '';
+    content: var(--tw-content);
   }
-  .novacon\:after\:inset-0 {
-    &::after {
-      content: var(--tw-content);
-      inset: calc(var(--novacon-spacing) * 0);
-    }
+  .novacon\:after\:absolute::after {
+    content: var(--tw-content);
+    position: absolute;
   }
-  .novacon\:after\:animate-rotate {
-    &::after {
-      content: var(--tw-content);
-      animation: var(--novacon-animate-rotate);
-    }
+  .novacon\:after\:inset-0::after {
+    content: var(--tw-content);
+    inset: 0px;
   }
-  .novacon\:after\:rounded-full {
-    &::after {
-      content: var(--tw-content);
-      border-radius: calc(infinity * 1px);
-    }
+  .novacon\:after\:animate-rotate::after {
+    content: var(--tw-content);
+    animation: var(--novacon-animate-rotate);
   }
-  .novacon\:after\:u-shadow-inset-arc {
-    &::after {
-      content: var(--tw-content);
-      box-shadow: 0 2px 0 var(--tuwa-pending-icon) inset;
-    }
+  .novacon\:after\:rounded-full::after {
+    content: var(--tw-content);
+    border-radius: calc(infinity * 1px);
   }
-  .novacon\:after\:duration-2000 {
-    &::after {
-      content: var(--tw-content);
-      --tw-duration: 2000ms;
-      transition-duration: 2000ms;
-    }
+  .novacon\:after\:u-shadow-inset-arc::after {
+    content: var(--tw-content);
+    box-shadow: 0 2px 0 var(--tuwa-pending-icon) inset;
   }
-  .novacon\:after\:ease-linear {
-    &::after {
-      content: var(--tw-content);
-      --tw-ease: linear;
-      transition-timing-function: linear;
-    }
+  .novacon\:after\:duration-2000::after {
+    content: var(--tw-content);
+    --tw-duration: 2000ms;
+    transition-duration: 2000ms;
   }
-  .novacon\:after\:content-\[\'\'\] {
-    &::after {
-      --tw-content: '';
-      content: var(--tw-content);
-    }
+  .novacon\:after\:ease-linear::after {
+    content: var(--tw-content);
+    --tw-ease: linear;
+    transition-timing-function: linear;
   }
-  .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);
-    }
+  .novacon\:after\:content-\[\'\'\]::after {
+    --tw-content: '';
+    content: var(--tw-content);
   }
-  .novacon\:focus-within\:ring-\[var\(--tuwa-text-accent\)\] {
-    &:focus-within {
-      --tw-ring-color: var(--tuwa-text-accent);
-    }
+  .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);
   }
-  .novacon\:hover\:scale-110 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-scale-x: 110%;
-        --tw-scale-y: 110%;
-        --tw-scale-z: 110%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
+  .novacon\:focus-within\:ring-\[var\(--tuwa-text-accent\)\]:focus-within {
+    --tw-ring-color: var(--tuwa-text-accent);
   }
-  .novacon\:hover\:scale-\[1\.02\] {
-    &:hover {
-      @media (hover: hover) {
-        scale: 1.02;
-      }
+  @media (hover: hover) {
+    .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\:border-\[var\(--tuwa-text-accent\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--tuwa-text-accent);
-      }
+    .novacon\:hover\:scale-\[1\.02\]:hover {
+      scale: 1.02;
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-bg-error\)\]\/10 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-bg-error);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--tuwa-bg-error) 10%, transparent);
-        }
-      }
+    .novacon\:hover\:border-\[var\(--tuwa-text-accent\)\]:hover {
+      border-color: var(--tuwa-text-accent);
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-bg-muted\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-bg-muted);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-bg-error\)\]\/10:hover {
+      background-color: var(--tuwa-bg-error);
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-button-gradient-from-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-button-gradient-from-hover);
+    @supports (color: color-mix(in lab, red, red)) {
+      .novacon\:hover\:bg-\[var\(--tuwa-bg-error\)\]\/10:hover {
+        background-color: color-mix(in oklab, var(--tuwa-bg-error) 10%, transparent);
       }
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-error-text\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-error-text);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-bg-muted\)\]:hover {
+      background-color: var(--tuwa-bg-muted);
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-standart-button-hover);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-button-gradient-from-hover\)\]:hover {
+      background-color: var(--tuwa-button-gradient-from-hover);
     }
-  }
-  .novacon\:hover\:bg-\[var\(--tuwa-text-accent\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--tuwa-text-accent);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-error-text\)\]:hover {
+      background-color: var(--tuwa-error-text);
     }
-  }
-  .novacon\:hover\:bg-red-600 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--novacon-color-red-600);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
+      background-color: var(--tuwa-standart-button-hover);
     }
-  }
-  .novacon\:hover\:text-\[var\(--tuwa-error-text\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--tuwa-error-text);
-      }
+    .novacon\:hover\:bg-\[var\(--tuwa-text-accent\)\]:hover {
+      background-color: var(--tuwa-text-accent);
     }
-  }
-  .novacon\:hover\:text-\[var\(--tuwa-success-text\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--tuwa-success-text);
-      }
+    .novacon\:hover\:bg-red-600:hover {
+      background-color: var(--novacon-color-red-600);
     }
-  }
-  .novacon\:hover\:text-\[var\(--tuwa-text-accent\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--tuwa-text-accent);
-      }
+    .novacon\:hover\:text-\[var\(--tuwa-error-text\)\]:hover {
+      color: var(--tuwa-error-text);
     }
-  }
-  .novacon\:hover\:text-\[var\(--tuwa-text-primary\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--tuwa-text-primary);
-      }
+    .novacon\:hover\:text-\[var\(--tuwa-success-text\)\]:hover {
+      color: var(--tuwa-success-text);
     }
-  }
-  .novacon\:hover\:text-\[var\(--tuwa-text-secondary\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--tuwa-text-secondary);
-      }
+    .novacon\:hover\:text-\[var\(--tuwa-text-accent\)\]:hover {
+      color: var(--tuwa-text-accent);
     }
-  }
-  .novacon\:hover\:shadow-sm {
-    &:hover {
-      @media (hover: 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\:hover\:text-\[var\(--tuwa-text-primary\)\]:hover {
+      color: var(--tuwa-text-primary);
     }
-  }
-  .novacon\:focus\:bg-\[var\(--tuwa-bg-muted\)\] {
-    &:focus {
-      background-color: var(--tuwa-bg-muted);
+    .novacon\:hover\:text-\[var\(--tuwa-text-secondary\)\]:hover {
+      color: var(--tuwa-text-secondary);
     }
-  }
-  .novacon\: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);
+    .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\:ring-\[var\(--tuwa-border-primary\)\] {
-    &:focus {
-      --tw-ring-color: var(--tuwa-border-primary);
-    }
+  .novacon\:focus\:bg-\[var\(--tuwa-bg-muted\)\]:focus {
+    background-color: var(--tuwa-bg-muted);
   }
-  .novacon\:focus\:ring-\[var\(--tuwa-error-text\)\] {
-    &:focus {
-      --tw-ring-color: var(--tuwa-error-text);
-    }
+  .novacon\: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);
+    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\:ring-\[var\(--tuwa-text-accent\)\] {
-    &:focus {
-      --tw-ring-color: var(--tuwa-text-accent);
-    }
+  .novacon\:focus\:ring-\[var\(--tuwa-border-primary\)\]:focus {
+    --tw-ring-color: var(--tuwa-border-primary);
   }
-  .novacon\:focus\:ring-\[var\(--tuwa-text-secondary\)\] {
-    &:focus {
-      --tw-ring-color: var(--tuwa-text-secondary);
-    }
+  .novacon\:focus\:ring-\[var\(--tuwa-error-text\)\]:focus {
+    --tw-ring-color: var(--tuwa-error-text);
   }
-  .novacon\:focus\:ring-blue-500 {
-    &:focus {
-      --tw-ring-color: var(--novacon-color-blue-500);
-    }
+  .novacon\:focus\:ring-\[var\(--tuwa-text-accent\)\]:focus {
+    --tw-ring-color: var(--tuwa-text-accent);
   }
-  .novacon\:focus\:ring-red-500 {
-    &:focus {
-      --tw-ring-color: var(--novacon-color-red-500);
-    }
+  .novacon\:focus\:ring-\[var\(--tuwa-text-secondary\)\]:focus {
+    --tw-ring-color: var(--tuwa-text-secondary);
   }
-  .novacon\:focus\:ring-offset-\[length\:var\(--tuwa-ring-width\)\] {
-    &:focus {
-      --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-blue-500:focus {
+    --tw-ring-color: var(--novacon-color-blue-500);
   }
-  .novacon\:focus\:ring-offset-\[var\(--tuwa-border-secondary\)\] {
-    &:focus {
-      --tw-ring-offset-color: var(--tuwa-border-secondary);
-    }
+  .novacon\:focus\:ring-red-500:focus {
+    --tw-ring-color: var(--novacon-color-red-500);
   }
-  .novacon\:focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .novacon\:focus\:ring-offset-\[length\:var\(--tuwa-ring-width\)\]:focus {
+    --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-inset {
-    &:focus {
-      --tw-ring-inset: inset;
-    }
+  .novacon\:focus\:ring-offset-\[var\(--tuwa-border-secondary\)\]:focus {
+    --tw-ring-offset-color: var(--tuwa-border-secondary);
   }
-  .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);
-    }
+  .novacon\:focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .novacon\:focus-visible\:ring-\[var\(--tuwa-border-accent\)\] {
-    &:focus-visible {
-      --tw-ring-color: var(--tuwa-border-accent);
-    }
+  .novacon\:focus\:ring-inset:focus {
+    --tw-ring-inset: inset;
   }
-  .novacon\:focus-visible\:ring-offset-\[length\:var\(--tuwa-ring-width\)\] {
-    &:focus-visible {
-      --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-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);
   }
-  .novacon\:focus-visible\:ring-offset-\[var\(--tuwa-border-secondary\)\] {
-    &:focus-visible {
-      --tw-ring-offset-color: var(--tuwa-border-secondary);
-    }
+  .novacon\:focus-visible\:ring-\[var\(--tuwa-border-accent\)\]:focus-visible {
+    --tw-ring-color: var(--tuwa-border-accent);
   }
-  .novacon\:focus-visible\:outline-none {
-    &:focus-visible {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .novacon\:focus-visible\:ring-offset-\[length\:var\(--tuwa-ring-width\)\]:focus-visible {
+    --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\:active\:scale-75 {
-    &:active {
-      --tw-scale-x: 75%;
-      --tw-scale-y: 75%;
-      --tw-scale-z: 75%;
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
+  .novacon\:focus-visible\:ring-offset-\[var\(--tuwa-border-secondary\)\]:focus-visible {
+    --tw-ring-offset-color: var(--tuwa-border-secondary);
   }
-  .novacon\: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);
-    }
+  .novacon\:focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .novacon\:active\:scale-\[0\.98\] {
-    &:active {
-      scale: 0.98;
-    }
+  .novacon\:active\:scale-75:active {
+    --tw-scale-x: 75%;
+    --tw-scale-y: 75%;
+    --tw-scale-z: 75%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .novacon\:active\:bg-\[var\(--tuwa-bg-muted\)\] {
-    &:active {
-      background-color: var(--tuwa-bg-muted);
-    }
+  .novacon\: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);
   }
-  .novacon\:active\:bg-\[var\(--tuwa-error-text\)\] {
-    &:active {
-      background-color: var(--tuwa-error-text);
-    }
+  .novacon\:active\:scale-\[0\.98\]:active {
+    scale: 0.98;
   }
-  .novacon\:disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
+  .novacon\:active\:bg-\[var\(--tuwa-bg-muted\)\]:active {
+    background-color: var(--tuwa-bg-muted);
   }
-  .novacon\:disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
+  .novacon\:active\:bg-\[var\(--tuwa-error-text\)\]:active {
+    background-color: var(--tuwa-error-text);
   }
-  .novacon\:disabled\:hover\:scale-100 {
-    &:disabled {
-      &:hover {
-        @media (hover: hover) {
-          --tw-scale-x: 100%;
-          --tw-scale-y: 100%;
-          --tw-scale-z: 100%;
-          scale: var(--tw-scale-x) var(--tw-scale-y);
-        }
-      }
-    }
+  .novacon\:disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
   }
-  .novacon\:disabled\:hover\:bg-\[var\(--tuwa-bg-secondary\)\] {
-    &:disabled {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--tuwa-bg-secondary);
-        }
-      }
-    }
+  .novacon\:disabled\:opacity-50:disabled {
+    opacity: 50%;
   }
-  .novacon\:data-\[side\=bottom\]\:slide-in-from-top-2 {
-    &[data-side="bottom"] {
-      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  @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\:data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side="left"] {
-      --tw-enter-translate-x: calc(2*var(--spacing));
+    .novacon\:disabled\:hover\:bg-\[var\(--tuwa-bg-secondary\)\]:disabled:hover {
+      background-color: var(--tuwa-bg-secondary);
     }
   }
-  .novacon\:data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side="right"] {
-      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
-    }
+  .novacon\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
   }
-  .novacon\:data-\[side\=top\]\:slide-in-from-bottom-2 {
-    &[data-side="top"] {
-      --tw-enter-translate-y: calc(2*var(--spacing));
-    }
+  .novacon\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
   }
-  .novacon\:data-\[state\=closed\]\:animate-out {
-    &[data-state="closed"] {
-      animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
+  .novacon\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
   }
-  .novacon\:data-\[state\=closed\]\:fade-out-0 {
-    &[data-state="closed"] {
-      --tw-exit-opacity: calc(0/100);
-      --tw-exit-opacity: 0;
-    }
+  .novacon\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
   }
-  .novacon\:data-\[state\=closed\]\:zoom-out-95 {
-    &[data-state="closed"] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
-    }
+  .novacon\:data-\[state\=closed\]\:animate-out[data-state="closed"] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
-  .novacon\:data-\[state\=open\]\:animate-in {
-    &[data-state="open"] {
-      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-    }
+  .novacon\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
   }
-  .novacon\:data-\[state\=open\]\:fade-in-0 {
-    &[data-state="open"] {
-      --tw-enter-opacity: calc(0/100);
-      --tw-enter-opacity: 0;
-    }
+  .novacon\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
   }
-  .novacon\:data-\[state\=open\]\:zoom-in-95 {
-    &[data-state="open"] {
-      --tw-enter-scale: calc(95*1%);
-      --tw-enter-scale: .95;
-    }
+  .novacon\:data-\[state\=open\]\:animate-in[data-state="open"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .novacon\:data-\[state\=open\]\:fade-in-0[data-state="open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .novacon\:data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
   }
-  .novacon\:min-\[480px\]\:block {
-    @media (width >= 480px) {
+  @media (width >= 480px) {
+    .novacon\:min-\[480px\]\:block {
       display: block;
     }
   }
-  .novacon\:sm\:not-sr-only {
-    @media (width >= 40rem) {
+  @media (width >= 40rem) {
+    .novacon\:sm\:not-sr-only {
       position: static;
       width: auto;
       height: auto;
@@ -1474,357 +1265,223 @@
       clip-path: none;
       white-space: normal;
     }
-  }
-  .novacon\:sm\:block {
-    @media (width >= 40rem) {
+    .novacon\:sm\:block {
       display: block;
     }
-  }
-  .novacon\:sm\:flex {
-    @media (width >= 40rem) {
+    .novacon\:sm\:flex {
       display: flex;
     }
-  }
-  .novacon\:sm\:hidden {
-    @media (width >= 40rem) {
+    .novacon\:sm\:hidden {
       display: none;
     }
-  }
-  .novacon\:sm\:inline-block {
-    @media (width >= 40rem) {
+    .novacon\:sm\:inline-block {
       display: inline-block;
     }
-  }
-  .novacon\:sm\:h-32 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:h-32 {
       height: calc(var(--novacon-spacing) * 32);
     }
-  }
-  .novacon\:sm\:h-\[32px\] {
-    @media (width >= 40rem) {
+    .novacon\:sm\:h-\[32px\] {
       height: 32px;
     }
-  }
-  .novacon\:sm\:w-32 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:w-32 {
       width: calc(var(--novacon-spacing) * 32);
     }
-  }
-  .novacon\:sm\:w-\[32px\] {
-    @media (width >= 40rem) {
+    .novacon\:sm\:w-\[32px\] {
       width: 32px;
     }
-  }
-  .novacon\:sm\:max-w-md {
-    @media (width >= 40rem) {
+    .novacon\:sm\:max-w-md {
       max-width: var(--novacon-container-md);
     }
-  }
-  .novacon\:sm\:flex-row {
-    @media (width >= 40rem) {
+    .novacon\:sm\:flex-row {
       flex-direction: row;
     }
-  }
-  .novacon\:sm\:gap-3 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:gap-3 {
       gap: calc(var(--novacon-spacing) * 3);
     }
-  }
-  .novacon\:sm\:gap-4 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:gap-4 {
       gap: calc(var(--novacon-spacing) * 4);
     }
-  }
-  .novacon\:sm\:space-x-2 {
-    @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-      }
+    :where(.novacon\:sm\:space-x-2 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--novacon-spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--novacon-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
-  }
-  .novacon\:sm\:p-3 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:p-3 {
       padding: calc(var(--novacon-spacing) * 3);
     }
-  }
-  .novacon\:sm\:p-4 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:p-4 {
       padding: calc(var(--novacon-spacing) * 4);
     }
-  }
-  .novacon\:sm\:pl-2 {
-    @media (width >= 40rem) {
+    .novacon\:sm\:pl-2 {
       padding-left: calc(var(--novacon-spacing) * 2);
     }
   }
-  .novacon\:md\:h-18 {
-    @media (width >= 48rem) {
+  @media (width >= 48rem) {
+    .novacon\:md\:h-18 {
       height: calc(var(--novacon-spacing) * 18);
     }
-  }
-  .novacon\:md\:h-20 {
-    @media (width >= 48rem) {
+    .novacon\:md\:h-20 {
       height: calc(var(--novacon-spacing) * 20);
     }
-  }
-  .novacon\:md\:h-24 {
-    @media (width >= 48rem) {
+    .novacon\:md\:h-24 {
       height: calc(var(--novacon-spacing) * 24);
     }
-  }
-  .novacon\:md\:min-h-\[150px\] {
-    @media (width >= 48rem) {
+    .novacon\:md\:min-h-\[150px\] {
       min-height: 150px;
     }
-  }
-  .novacon\:md\:w-18 {
-    @media (width >= 48rem) {
+    .novacon\:md\:w-18 {
       width: calc(var(--novacon-spacing) * 18);
     }
-  }
-  .novacon\:md\:w-20 {
-    @media (width >= 48rem) {
+    .novacon\:md\:w-20 {
       width: calc(var(--novacon-spacing) * 20);
     }
-  }
-  .novacon\:md\:w-24 {
-    @media (width >= 48rem) {
+    .novacon\:md\:w-24 {
       width: calc(var(--novacon-spacing) * 24);
     }
-  }
-  .novacon\:md\:min-w-\[150px\] {
-    @media (width >= 48rem) {
+    .novacon\:md\:min-w-\[150px\] {
       min-width: 150px;
     }
-  }
-  .novacon\:md\:p-6 {
-    @media (width >= 48rem) {
+    .novacon\:md\:p-6 {
       padding: calc(var(--novacon-spacing) * 6);
     }
-  }
-  .novacon\:md\:px-3 {
-    @media (width >= 48rem) {
+    .novacon\:md\:px-3 {
       padding-inline: calc(var(--novacon-spacing) * 3);
     }
-  }
-  .novacon\:md\:px-4 {
-    @media (width >= 48rem) {
+    .novacon\:md\:px-4 {
       padding-inline: calc(var(--novacon-spacing) * 4);
     }
   }
-  .novacon\:\[\&_img\]\:h-6\! {
-    & img {
-      height: calc(var(--novacon-spacing) * 6) !important;
-    }
+  .novacon\:\[\&_img\]\:h-6\! img {
+    height: calc(var(--novacon-spacing) * 6) !important;
   }
-  .novacon\:\[\&_img\]\:h-\[42px\]\! {
-    & img {
-      height: 42px !important;
-    }
+  .novacon\:\[\&_img\]\:h-\[42px\]\! img {
+    height: 42px !important;
   }
-  .novacon\:\[\&_img\]\:h-\[auto\]\! {
-    & img {
-      height: auto !important;
-    }
+  .novacon\:\[\&_img\]\:h-\[auto\]\! img {
+    height: auto !important;
   }
-  .novacon\:\[\&_img\]\:w-6\! {
-    & img {
-      width: calc(var(--novacon-spacing) * 6) !important;
-    }
+  .novacon\:\[\&_img\]\:w-6\! img {
+    width: calc(var(--novacon-spacing) * 6) !important;
   }
-  .novacon\:\[\&_img\]\:w-\[42px\]\! {
-    & img {
-      width: 42px !important;
-    }
+  .novacon\:\[\&_img\]\:w-\[42px\]\! img {
+    width: 42px !important;
   }
-  .novacon\:\[\&_img\]\:w-\[100px\]\! {
-    & img {
-      width: 100px !important;
-    }
+  .novacon\:\[\&_img\]\:w-\[100px\]\! img {
+    width: 100px !important;
   }
-  .novacon\:\[\&_img\]\:transition-transform {
-    & img {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
-      transition-duration: var(--tw-duration, var(--novacon-default-transition-duration));
-    }
+  .novacon\:\[\&_img\]\:transition-transform img {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--novacon-default-transition-duration));
   }
-  .novacon\:\[\&_img\]\:duration-200 {
-    & img {
-      --tw-duration: 200ms;
-      transition-duration: 200ms;
-    }
+  .novacon\:\[\&_img\]\:duration-200 img {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
   }
-  .novacon\:hover\:\[\&_img\]\:scale-95 {
-    &:hover {
-      @media (hover: hover) {
-        & img {
-          --tw-scale-x: 95%;
-          --tw-scale-y: 95%;
-          --tw-scale-z: 95%;
-          scale: var(--tw-scale-x) var(--tw-scale-y);
-        }
-      }
+  @media (hover: hover) {
+    .novacon\:hover\:\[\&_img\]\:scale-95:hover img {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .novacon\:active\:\[\&_img\]\:scale-85 {
-    &:active {
-      & img {
-        --tw-scale-x: 85%;
-        --tw-scale-y: 85%;
-        --tw-scale-z: 85%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
+  .novacon\:active\:\[\&_img\]\:scale-85:active img {
+    --tw-scale-x: 85%;
+    --tw-scale-y: 85%;
+    --tw-scale-z: 85%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .novacon\:sm\:\[\&_img\]\:h-\[32px\]\! {
-    @media (width >= 40rem) {
-      & img {
-        height: 32px !important;
-      }
+  @media (width >= 40rem) {
+    .novacon\:sm\:\[\&_img\]\:h-\[32px\]\! img {
+      height: 32px !important;
     }
-  }
-  .novacon\:sm\:\[\&_img\]\:w-\[32px\]\! {
-    @media (width >= 40rem) {
-      & img {
-        width: 32px !important;
-      }
+    .novacon\:sm\:\[\&_img\]\:w-\[32px\]\! img {
+      width: 32px !important;
     }
   }
-  .novacon\:md\:\[\&_img\]\:w-\[80px\]\! {
-    @media (width >= 48rem) {
-      & img {
-        width: 80px !important;
-      }
+  @media (width >= 48rem) {
+    .novacon\:md\:\[\&_img\]\:w-\[80px\]\! img {
+      width: 80px !important;
     }
   }
-  .novacon\:\[\&_svg\]\:h-4 {
-    & svg {
-      height: calc(var(--novacon-spacing) * 4);
-    }
+  .novacon\:\[\&_svg\]\:h-4 svg {
+    height: calc(var(--novacon-spacing) * 4);
   }
-  .novacon\:\[\&_svg\]\:h-6 {
-    & svg {
-      height: calc(var(--novacon-spacing) * 6);
-    }
+  .novacon\:\[\&_svg\]\:h-6 svg {
+    height: calc(var(--novacon-spacing) * 6);
   }
-  .novacon\:\[\&_svg\]\:h-6\! {
-    & svg {
-      height: calc(var(--novacon-spacing) * 6) !important;
-    }
+  .novacon\:\[\&_svg\]\:h-6\! svg {
+    height: calc(var(--novacon-spacing) * 6) !important;
   }
-  .novacon\:\[\&_svg\]\:h-\[42px\]\! {
-    & svg {
-      height: 42px !important;
-    }
+  .novacon\:\[\&_svg\]\:h-\[42px\]\! svg {
+    height: 42px !important;
   }
-  .novacon\:\[\&_svg\]\:h-\[auto\]\! {
-    & svg {
-      height: auto !important;
-    }
+  .novacon\:\[\&_svg\]\:h-\[auto\]\! svg {
+    height: auto !important;
   }
-  .novacon\:\[\&_svg\]\:w-4 {
-    & svg {
-      width: calc(var(--novacon-spacing) * 4);
-    }
+  .novacon\:\[\&_svg\]\:w-4 svg {
+    width: calc(var(--novacon-spacing) * 4);
   }
-  .novacon\:\[\&_svg\]\:w-6 {
-    & svg {
-      width: calc(var(--novacon-spacing) * 6);
-    }
+  .novacon\:\[\&_svg\]\:w-6 svg {
+    width: calc(var(--novacon-spacing) * 6);
   }
-  .novacon\:\[\&_svg\]\:w-6\! {
-    & svg {
-      width: calc(var(--novacon-spacing) * 6) !important;
-    }
+  .novacon\:\[\&_svg\]\:w-6\! svg {
+    width: calc(var(--novacon-spacing) * 6) !important;
   }
-  .novacon\:\[\&_svg\]\:w-\[42px\]\! {
-    & svg {
-      width: 42px !important;
-    }
+  .novacon\:\[\&_svg\]\:w-\[42px\]\! svg {
+    width: 42px !important;
   }
-  .novacon\:\[\&_svg\]\:w-\[100px\]\! {
-    & svg {
-      width: 100px !important;
-    }
+  .novacon\:\[\&_svg\]\:w-\[100px\]\! svg {
+    width: 100px !important;
   }
-  .novacon\:\[\&_svg\]\:transition-transform {
-    & svg {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
-      transition-duration: var(--tw-duration, var(--novacon-default-transition-duration));
-    }
+  .novacon\:\[\&_svg\]\:transition-transform svg {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--novacon-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--novacon-default-transition-duration));
   }
-  .novacon\:\[\&_svg\]\:duration-200 {
-    & svg {
-      --tw-duration: 200ms;
-      transition-duration: 200ms;
-    }
+  .novacon\:\[\&_svg\]\:duration-200 svg {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
   }
-  .novacon\:hover\:\[\&_svg\]\:scale-95 {
-    &:hover {
-      @media (hover: hover) {
-        & svg {
-          --tw-scale-x: 95%;
-          --tw-scale-y: 95%;
-          --tw-scale-z: 95%;
-          scale: var(--tw-scale-x) var(--tw-scale-y);
-        }
-      }
+  @media (hover: hover) {
+    .novacon\:hover\:\[\&_svg\]\:scale-95:hover svg {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .novacon\:active\:\[\&_svg\]\:scale-85 {
-    &:active {
-      & svg {
-        --tw-scale-x: 85%;
-        --tw-scale-y: 85%;
-        --tw-scale-z: 85%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
+  .novacon\:active\:\[\&_svg\]\:scale-85:active svg {
+    --tw-scale-x: 85%;
+    --tw-scale-y: 85%;
+    --tw-scale-z: 85%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
   }
-  .novacon\:sm\:\[\&_svg\]\:h-\[32px\]\! {
-    @media (width >= 40rem) {
-      & svg {
-        height: 32px !important;
-      }
+  @media (width >= 40rem) {
+    .novacon\:sm\:\[\&_svg\]\:h-\[32px\]\! svg {
+      height: 32px !important;
     }
-  }
-  .novacon\:sm\:\[\&_svg\]\:w-\[32px\]\! {
-    @media (width >= 40rem) {
-      & svg {
-        width: 32px !important;
-      }
+    .novacon\:sm\:\[\&_svg\]\:w-\[32px\]\! svg {
+      width: 32px !important;
     }
   }
-  .novacon\:md\:\[\&_svg\]\:w-\[80px\]\! {
-    @media (width >= 48rem) {
-      & svg {
-        width: 80px !important;
-      }
+  @media (width >= 48rem) {
+    .novacon\:md\:\[\&_svg\]\:w-\[80px\]\! svg {
+      width: 80px !important;
     }
   }
-  .novacon\:\[\&\>img\]\:h-full\! {
-    &>img {
-      height: 100% !important;
-    }
+  .novacon\:\[\&\>img\]\:h-full\! > img {
+    height: 100% !important;
   }
-  .novacon\:\[\&\>img\]\:w-full\! {
-    &>img {
-      width: 100% !important;
-    }
+  .novacon\:\[\&\>img\]\:w-full\! > img {
+    width: 100% !important;
   }
-  .novacon\:\[\&\>svg\]\:h-full\! {
-    &>svg {
-      height: 100% !important;
-    }
+  .novacon\:\[\&\>svg\]\:h-full\! > svg {
+    height: 100% !important;
   }
-  .novacon\:\[\&\>svg\]\:w-full\! {
-    &>svg {
-      width: 100% !important;
-    }
+  .novacon\:\[\&\>svg\]\:w-full\! > svg {
+    width: 100% !important;
   }
 }
 @property --tw-animation-delay {