@baishuyun/ai-design 2.0.31 → 2.0.34

package/style.css

@@ -1,7 +1,8 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
   :root, :host {
-    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+      "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-amber-50: oklch(98.7% 0.022 95.277);
@@ -114,7 +115,7 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--default-font-feature-settings, normal);
     font-variation-settings: var(--default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
@@ -166,7 +167,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -280,13 +281,19 @@
     position: relative;
   }
   .inset-0 {
-    inset: calc(var(--spacing) * 0);
+    inset: 0px;
+  }
+  .inset-x-0 {
+    inset-inline: 0px;
   }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
+  .-top-\[6px\] {
+    top: calc(6px * -1);
+  }
   .top-0 {
-    top: calc(var(--spacing) * 0);
+    top: 0px;
   }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
@@ -300,6 +307,9 @@
   .top-\[3px\] {
     top: 3px;
   }
+  .top-\[6px\] {
+    top: 6px;
+  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -310,20 +320,32 @@
     right: calc(var(--spacing) * -1.5);
   }
   .right-0 {
-    right: calc(var(--spacing) * 0);
+    right: 0px;
   }
   .right-1 {
-    right: calc(var(--spacing) * 1);
+    right: var(--spacing);
   }
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
+  .right-\[-9px\] {
+    right: -9px;
+  }
   .right-\[8px\] {
     right: 8px;
   }
   .right-\[10px\] {
     right: 10px;
   }
+  .-bottom-\[6px\] {
+    bottom: calc(6px * -1);
+  }
+  .bottom-0 {
+    bottom: 0px;
+  }
+  .bottom-\[10px\] {
+    bottom: 10px;
+  }
   .-left-\[2px\] {
     left: calc(2px * -1);
   }
@@ -331,14 +353,17 @@
     left: calc(4px * -1);
   }
   .left-0 {
-    left: calc(var(--spacing) * 0);
+    left: 0px;
   }
   .left-1 {
-    left: calc(var(--spacing) * 1);
+    left: var(--spacing);
   }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .left-\[-9px\] {
+    left: -9px;
+  }
   .left-\[10px\] {
     left: 10px;
   }
@@ -420,6 +445,9 @@
   .m-\[20px\] {
     margin: 20px;
   }
+  .-mx-\[10px\] {
+    margin-inline: calc(10px * -1);
+  }
   .mx-5 {
     margin-inline: calc(var(--spacing) * 5);
   }
@@ -436,7 +464,7 @@
     margin-inline: auto;
   }
   .my-1 {
-    margin-block: calc(var(--spacing) * 1);
+    margin-block: var(--spacing);
   }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
@@ -448,7 +476,7 @@
     margin-block: 10px;
   }
   .ms-1 {
-    margin-inline-start: calc(var(--spacing) * 1);
+    margin-inline-start: var(--spacing);
   }
   .ms-2 {
     margin-inline-start: calc(var(--spacing) * 2);
@@ -457,13 +485,13 @@
     margin-inline-start: calc(var(--spacing) * 3);
   }
   .mt-0 {
-    margin-top: calc(var(--spacing) * 0);
+    margin-top: 0px;
   }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
   .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
+    margin-top: var(--spacing);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
@@ -490,7 +518,7 @@
     margin-top: 42px;
   }
   .mr-0 {
-    margin-right: calc(var(--spacing) * 0);
+    margin-right: 0px;
   }
   .mr-1\.5 {
     margin-right: calc(var(--spacing) * 1.5);
@@ -502,7 +530,7 @@
     margin-right: 10px;
   }
   .mb-0 {
-    margin-bottom: calc(var(--spacing) * 0);
+    margin-bottom: 0px;
   }
   .mb-1\.5 {
     margin-bottom: calc(var(--spacing) * 1.5);
@@ -520,7 +548,7 @@
     margin-bottom: 10px;
   }
   .ml-0 {
-    margin-left: calc(var(--spacing) * 0);
+    margin-left: 0px;
   }
   .ml-2\.5 {
     margin-left: calc(var(--spacing) * 2.5);
@@ -617,7 +645,7 @@
     height: 100%;
   }
   .h-0 {
-    height: calc(var(--spacing) * 0);
+    height: 0px;
   }
   .h-3\.5 {
     height: calc(var(--spacing) * 3.5);
@@ -658,9 +686,15 @@
   .h-\[5px\] {
     height: 5px;
   }
+  .h-\[6px\] {
+    height: 6px;
+  }
   .h-\[8px\] {
     height: 8px;
   }
+  .h-\[10px\] {
+    height: 10px;
+  }
   .h-\[14px\] {
     height: 14px;
   }
@@ -776,7 +810,7 @@
     max-height: 600px;
   }
   .min-h-0 {
-    min-height: calc(var(--spacing) * 0);
+    min-height: 0px;
   }
   .min-h-\[34px\] {
     min-height: 34px;
@@ -794,7 +828,7 @@
     min-height: 270px;
   }
   .w-0 {
-    width: calc(var(--spacing) * 0);
+    width: 0px;
   }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
@@ -826,6 +860,9 @@
   .w-\[8px\] {
     width: 8px;
   }
+  .w-\[10px\] {
+    width: 10px;
+  }
   .w-\[12px\] {
     width: 12px;
   }
@@ -986,7 +1023,7 @@
     max-width: none;
   }
   .min-w-0 {
-    min-width: calc(var(--spacing) * 0);
+    min-width: 0px;
   }
   .min-w-\[36px\] {
     min-width: 36px;
@@ -1003,6 +1040,9 @@
   .min-w-\[200px\] {
     min-width: 200px;
   }
+  .min-w-\[300px\] {
+    min-width: 300px;
+  }
   .min-w-\[335px\] {
     min-width: 335px;
   }
@@ -1170,10 +1210,10 @@
     justify-content: flex-start;
   }
   .gap-0 {
-    gap: calc(var(--spacing) * 0);
+    gap: 0px;
   }
   .gap-1 {
-    gap: calc(var(--spacing) * 1);
+    gap: var(--spacing);
   }
   .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
@@ -1223,19 +1263,18 @@
   .gap-\[30px\] {
     gap: 30px;
   }
-  .space-y-1\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.space-y-1\.5 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
   }
-  .space-y-4 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  .self-center {
+    align-self: center;
   }
   .truncate {
     overflow: hidden;
@@ -1320,10 +1359,6 @@
   .rounded-sm {
     border-radius: calc(var(--radius) - 4px);
   }
-  .rounded-t-\[8px\] {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
   .rounded-t-\[10px\] {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
@@ -1468,6 +1503,9 @@
   .bg-\[\#F0F6FF\] {
     background-color: #F0F6FF;
   }
+  .bg-\[\#F0FDF4\] {
+    background-color: #F0FDF4;
+  }
   .bg-\[\#F5F5F5\] {
     background-color: #F5F5F5;
   }
@@ -1637,16 +1675,16 @@
     object-fit: cover;
   }
   .\!p-0 {
-    padding: calc(var(--spacing) * 0) !important;
+    padding: 0px !important;
   }
   .p-0 {
-    padding: calc(var(--spacing) * 0);
+    padding: 0px;
   }
   .p-0\.5 {
     padding: calc(var(--spacing) * 0.5);
   }
   .p-1 {
-    padding: calc(var(--spacing) * 1);
+    padding: var(--spacing);
   }
   .p-2 {
     padding: calc(var(--spacing) * 2);
@@ -1694,10 +1732,10 @@
     padding: 16px;
   }
   .px-0 {
-    padding-inline: calc(var(--spacing) * 0);
+    padding-inline: 0px;
   }
   .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
+    padding-inline: var(--spacing);
   }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -1748,10 +1786,10 @@
     padding-block: 7px !important;
   }
   .py-0 {
-    padding-block: calc(var(--spacing) * 0);
+    padding-block: 0px;
   }
   .py-1 {
-    padding-block: calc(var(--spacing) * 1);
+    padding-block: var(--spacing);
   }
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
@@ -1805,7 +1843,7 @@
     padding-block: 60px;
   }
   .pt-1 {
-    padding-top: calc(var(--spacing) * 1);
+    padding-top: var(--spacing);
   }
   .pt-2\.25 {
     padding-top: calc(var(--spacing) * 2.25);
@@ -1832,7 +1870,7 @@
     padding-right: 36px;
   }
   .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
+    padding-bottom: 0px;
   }
   .pb-0\.5 {
     padding-bottom: calc(var(--spacing) * 0.5);
@@ -1841,7 +1879,7 @@
     padding-bottom: 4px;
   }
   .pl-0 {
-    padding-left: calc(var(--spacing) * 0);
+    padding-left: 0px;
   }
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
@@ -2033,6 +2071,9 @@
   .\!text-\[\#666\] {
     color: #666 !important;
   }
+  .\!text-\[\#999\] {
+    color: #999 !important;
+  }
   .\!text-\[\#12111\] {
     color: #12111 !important;
   }
@@ -2138,6 +2179,9 @@
   .italic {
     font-style: italic;
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2221,6 +2265,10 @@
     --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);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -2332,1318 +2380,743 @@
   .zoom-in-95 {
     --tw-enter-scale: .95;
   }
-  .group-focus-within\:text-\[\#0265ff\] {
-    &:is(:where(.group):focus-within *) {
-      color: #0265ff;
-    }
-  }
-  .group-hover\:text-\[\#0265FF\] {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        color: #0265FF;
-      }
-    }
-  }
-  .group-hover\:text-\[\#0265ff\] {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        color: #0265ff;
-      }
-    }
+  .group-focus-within\:text-\[\#0265ff\]:is(:where(.group):focus-within *) {
+    color: #0265ff;
   }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
+  @media (hover: hover) {
+    .group-hover\:bg-\[\#F0F6FF\]:is(:where(.group):hover *) {
+      background-color: #F0F6FF;
     }
-  }
-  .group-hover\/select\:text-\[\#0265ff\] {
-    &:is(:where(.group\/select):hover *) {
-      @media (hover: hover) {
-        color: #0265ff;
-      }
+    .group-hover\:text-\[\#0265FF\]:is(:where(.group):hover *) {
+      color: #0265FF;
     }
-  }
-  .group-data-\[size\=default\]\/switch\:size-\[16px\] {
-    &:is(:where(.group\/switch)[data-size="default"] *) {
-      width: 16px;
-      height: 16px;
+    .group-hover\:text-\[\#0265ff\]:is(:where(.group):hover *) {
+      color: #0265ff;
     }
-  }
-  .group-data-\[size\=sm\]\/switch\:size-\[10px\] {
-    &:is(:where(.group\/switch)[data-size="sm"] *) {
-      width: 10px;
-      height: 10px;
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 100%;
     }
-  }
-  .group-\[\.is-assistant\]\:bg-secondary {
-    &:is(:where(.group):is(.is-assistant) *) {
-      background-color: var(--secondary);
+    .group-hover\/select\:text-\[\#0265ff\]:is(:where(.group\/select):hover *) {
+      color: #0265ff;
     }
   }
-  .group-\[\.is-assistant\]\:text-foreground {
-    &:is(:where(.group):is(.is-assistant) *) {
-      color: var(--foreground);
-    }
+  .group-data-\[size\=default\]\/switch\:size-\[16px\]:is(:where(.group\/switch)[data-size="default"] *) {
+    width: 16px;
+    height: 16px;
   }
-  .group-\[\.is-user\]\:bg-primary {
-    &:is(:where(.group):is(.is-user) *) {
-      background-color: var(--primary);
-    }
+  .group-data-\[size\=sm\]\/switch\:size-\[10px\]:is(:where(.group\/switch)[data-size="sm"] *) {
+    width: 10px;
+    height: 10px;
   }
-  .group-\[\.is-user\]\:text-primary-foreground {
-    &:is(:where(.group):is(.is-user) *) {
-      color: var(--primary-foreground);
-    }
+  .group-\[\.is-assistant\]\:bg-secondary:is(:where(.group):is(.is-assistant) *) {
+    background-color: var(--secondary);
   }
-  .peer-disabled\:cursor-not-allowed {
-    &:is(:where(.peer):disabled ~ *) {
-      cursor: not-allowed;
-    }
+  .group-\[\.is-assistant\]\:text-foreground:is(:where(.group):is(.is-assistant) *) {
+    color: var(--foreground);
   }
-  .peer-disabled\:opacity-70 {
-    &:is(:where(.peer):disabled ~ *) {
-      opacity: 70%;
-    }
+  .group-\[\.is-user\]\:bg-primary:is(:where(.group):is(.is-user) *) {
+    background-color: var(--primary);
   }
-  .placeholder\:text-\[\#999\] {
-    &::placeholder {
-      color: #999;
-    }
+  .group-\[\.is-user\]\:text-primary-foreground:is(:where(.group):is(.is-user) *) {
+    color: var(--primary-foreground);
   }
-  .placeholder\:text-\[\#999999\] {
-    &::placeholder {
-      color: #999999;
-    }
+  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
+    cursor: not-allowed;
   }
-  .before\:absolute {
-    &::before {
-      content: var(--tw-content);
-      position: absolute;
-    }
+  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
+    opacity: 70%;
   }
-  .before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: calc(var(--spacing) * 0);
-    }
+  .placeholder\:text-\[\#999\]::placeholder {
+    color: #999;
   }
-  .before\:top-1 {
-    &::before {
-      content: var(--tw-content);
-      top: calc(var(--spacing) * 1);
-    }
+  .placeholder\:text-\[\#999999\]::placeholder {
+    color: #999999;
   }
-  .before\:top-\[14px\] {
-    &::before {
-      content: var(--tw-content);
-      top: 14px;
-    }
+  .before\:absolute::before {
+    content: var(--tw-content);
+    position: absolute;
   }
-  .before\:top-\[20px\] {
-    &::before {
-      content: var(--tw-content);
-      top: 20px;
-    }
+  .before\:inset-0::before {
+    content: var(--tw-content);
+    inset: 0px;
   }
-  .before\:right-0 {
-    &::before {
-      content: var(--tw-content);
-      right: calc(var(--spacing) * 0);
-    }
+  .before\:top-1::before {
+    content: var(--tw-content);
+    top: var(--spacing);
   }
-  .before\:bottom-\[0px\] {
-    &::before {
-      content: var(--tw-content);
-      bottom: 0px;
-    }
+  .before\:top-\[14px\]::before {
+    content: var(--tw-content);
+    top: 14px;
   }
-  .before\:left-0 {
-    &::before {
-      content: var(--tw-content);
-      left: calc(var(--spacing) * 0);
-    }
+  .before\:top-\[20px\]::before {
+    content: var(--tw-content);
+    top: 20px;
   }
-  .before\:left-\[-200px\] {
-    &::before {
-      content: var(--tw-content);
-      left: -200px;
-    }
+  .before\:right-0::before {
+    content: var(--tw-content);
+    right: 0px;
   }
-  .before\:z-0 {
-    &::before {
-      content: var(--tw-content);
-      z-index: 0;
-    }
+  .before\:bottom-\[0px\]::before {
+    content: var(--tw-content);
+    bottom: 0px;
   }
-  .before\:h-\[1px\] {
-    &::before {
-      content: var(--tw-content);
-      height: 1px;
-    }
+  .before\:left-0::before {
+    content: var(--tw-content);
+    left: 0px;
   }
-  .before\:h-\[28px\] {
-    &::before {
-      content: var(--tw-content);
-      height: 28px;
-    }
+  .before\:left-\[-20vw\]::before {
+    content: var(--tw-content);
+    left: -20vw;
   }
-  .before\:w-\[100vw\] {
-    &::before {
-      content: var(--tw-content);
-      width: 100vw;
-    }
+  .before\:z-0::before {
+    content: var(--tw-content);
+    z-index: 0;
   }
-  .before\:bg-\[\#e0e0e0\] {
-    &::before {
-      content: var(--tw-content);
-      background-color: #e0e0e0;
-    }
+  .before\:h-\[1px\]::before {
+    content: var(--tw-content);
+    height: 1px;
   }
-  .before\:bg-\[\#f3f3f3\] {
-    &::before {
-      content: var(--tw-content);
-      background-color: #f3f3f3;
-    }
+  .before\:h-\[28px\]::before {
+    content: var(--tw-content);
+    height: 28px;
   }
-  .before\:bg-\[linear-gradient\(180deg\,\#267AFF_0\%\,\#B2EEFF_100\%\)\] {
-    &::before {
-      content: var(--tw-content);
-      background-image: linear-gradient(180deg,#267AFF 0%,#B2EEFF 100%);
-    }
+  .before\:w-\[300vw\]::before {
+    content: var(--tw-content);
+    width: 300vw;
   }
-  .before\:opacity-0 {
-    &::before {
-      content: var(--tw-content);
-      opacity: 0%;
-    }
+  .before\:bg-\[\#e0e0e0\]::before {
+    content: var(--tw-content);
+    background-color: #e0e0e0;
   }
-  .before\:opacity-60 {
-    &::before {
-      content: var(--tw-content);
-      opacity: 60%;
-    }
+  .before\:bg-\[\#f3f3f3\]::before {
+    content: var(--tw-content);
+    background-color: #f3f3f3;
   }
-  .before\:transition-opacity {
-    &::before {
-      content: var(--tw-content);
-      transition-property: opacity;
-      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-      transition-duration: var(--tw-duration, var(--default-transition-duration));
-    }
+  .before\:bg-\[linear-gradient\(180deg\,\#267AFF_0\%\,\#B2EEFF_100\%\)\]::before {
+    content: var(--tw-content);
+    background-image: linear-gradient(180deg,#267AFF 0%,#B2EEFF 100%);
   }
-  .before\:duration-200 {
-    &::before {
-      content: var(--tw-content);
-      --tw-duration: 200ms;
-      transition-duration: 200ms;
-    }
+  .before\:opacity-0::before {
+    content: var(--tw-content);
+    opacity: 0%;
   }
-  .before\:ease-out {
-    &::before {
-      content: var(--tw-content);
-      --tw-ease: var(--ease-out);
-      transition-timing-function: var(--ease-out);
-    }
+  .before\:opacity-60::before {
+    content: var(--tw-content);
+    opacity: 60%;
   }
-  .before\:content-\[\"\"\] {
-    &::before {
-      --tw-content: "";
-      content: var(--tw-content);
-    }
+  .before\:transition-opacity::before {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .before\:content-\[\'\'\] {
-    &::before {
-      --tw-content: '';
-      content: var(--tw-content);
-    }
+  .before\:duration-200::before {
+    content: var(--tw-content);
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
   }
-  .before\:duration-200 {
-    &::before {
-      content: var(--tw-content);
-      animation-duration: 200ms;
-    }
+  .before\:ease-out::before {
+    content: var(--tw-content);
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
   }
-  .before\:ease-out {
-    &::before {
-      content: var(--tw-content);
-      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    }
+  .before\:content-\[\"\"\]::before {
+    --tw-content: "";
+    content: var(--tw-content);
   }
-  .focus-within\:border-\[\#0265ff\] {
-    &:focus-within {
-      border-color: #0265ff;
-    }
+  .before\:content-\[\'\'\]::before {
+    --tw-content: '';
+    content: var(--tw-content);
   }
-  .hover\:cursor-pointer {
-    &:hover {
-      @media (hover: hover) {
-        cursor: pointer;
-      }
-    }
+  .before\:duration-200::before {
+    content: var(--tw-content);
+    animation-duration: 200ms;
   }
-  .hover\:border-r {
-    &:hover {
-      @media (hover: hover) {
-        border-right-style: var(--tw-border-style);
-        border-right-width: 1px;
-      }
-    }
+  .before\:ease-out::before {
+    content: var(--tw-content);
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
-  .hover\:border-none {
-    &:hover {
-      @media (hover: hover) {
-        --tw-border-style: none;
-        border-style: none;
-      }
-    }
+  .focus-within\:border-\[\#0265ff\]:focus-within {
+    border-color: #0265ff;
   }
-  .hover\:border-\[\#0265FF\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #0265FF;
-      }
+  @media (hover: hover) {
+    .hover\:cursor-pointer:hover {
+      cursor: pointer;
     }
-  }
-  .hover\:border-\[\#0265FF\]\/20 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: color-mix(in oklab, #0265FF 20%, transparent);
-      }
+    .hover\:border-r:hover {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
     }
-  }
-  .hover\:border-\[\#0265ff\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #0265ff;
-      }
+    .hover\:border-none:hover {
+      --tw-border-style: none;
+      border-style: none;
     }
-  }
-  .hover\:border-\[\#E0E0E0\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #E0E0E0;
-      }
+    .hover\:border-\[\#0265FF\]:hover {
+      border-color: #0265FF;
     }
-  }
-  .hover\:border-\[\#e0e0e0\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: #e0e0e0;
-      }
+    .hover\:border-\[\#0265FF\]\/20:hover {
+      border-color: color-mix(in oklab, #0265FF 20%, transparent);
     }
-  }
-  .hover\:border-transparent {
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
+    .hover\:border-\[\#0265ff\]:hover {
+      border-color: #0265ff;
     }
-  }
-  .hover\:\!bg-\[\#EFF0F6\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #EFF0F6 !important;
-      }
+    .hover\:border-\[\#E0E0E0\]:hover {
+      border-color: #E0E0E0;
     }
-  }
-  .hover\:\!bg-\[\#ffffff\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #ffffff !important;
-      }
+    .hover\:border-\[\#e0e0e0\]:hover {
+      border-color: #e0e0e0;
     }
-  }
-  .hover\:bg-\[\#0252CC\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #0252CC;
-      }
+    .hover\:border-transparent:hover {
+      border-color: transparent;
     }
-  }
-  .hover\:bg-\[\#0255DD\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #0255DD;
-      }
+    .hover\:\!bg-\[\#EFF0F6\]:hover {
+      background-color: #EFF0F6 !important;
     }
-  }
-  .hover\:bg-\[\#0255DF\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #0255DF;
-      }
+    .hover\:\!bg-\[\#ffffff\]:hover {
+      background-color: #ffffff !important;
     }
-  }
-  .hover\:bg-\[\#0265FF\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #0265FF;
-      }
+    .hover\:bg-\[\#0252CC\]:hover {
+      background-color: #0252CC;
     }
-  }
-  .hover\:bg-\[\#0265ff\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #0265ff;
-      }
+    .hover\:bg-\[\#0255DD\]:hover {
+      background-color: #0255DD;
     }
-  }
-  .hover\:bg-\[\#0265ff\]\/80 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in oklab, #0265ff 80%, transparent);
-      }
+    .hover\:bg-\[\#0255DF\]:hover {
+      background-color: #0255DF;
     }
-  }
-  .hover\:bg-\[\#0265ff\]\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in oklab, #0265ff 90%, transparent);
-      }
+    .hover\:bg-\[\#0265FF\]:hover {
+      background-color: #0265FF;
     }
-  }
-  .hover\:bg-\[\#E0EEFF\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #E0EEFF;
-      }
+    .hover\:bg-\[\#0265ff\]:hover {
+      background-color: #0265ff;
     }
-  }
-  .hover\:bg-\[\#E6EEFF\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #E6EEFF;
-      }
+    .hover\:bg-\[\#0265ff\]\/80:hover {
+      background-color: color-mix(in oklab, #0265ff 80%, transparent);
     }
-  }
-  .hover\:bg-\[\#EFF0F6\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #EFF0F6;
-      }
+    .hover\:bg-\[\#0265ff\]\/90:hover {
+      background-color: color-mix(in oklab, #0265ff 90%, transparent);
     }
-  }
-  .hover\:bg-\[\#F0F6FF\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #F0F6FF;
-      }
+    .hover\:bg-\[\#E0EEFF\]:hover {
+      background-color: #E0EEFF;
     }
-  }
-  .hover\:bg-\[\#d8dde5\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #d8dde5;
-      }
+    .hover\:bg-\[\#E6EEFF\]:hover {
+      background-color: #E6EEFF;
     }
-  }
-  .hover\:bg-\[\#e0e0e0\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #e0e0e0;
-      }
+    .hover\:bg-\[\#EFF0F6\]:hover {
+      background-color: #EFF0F6;
     }
-  }
-  .hover\:bg-\[\#eff0f6\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #eff0f6;
-      }
+    .hover\:bg-\[\#F0F6FF\]:hover {
+      background-color: #F0F6FF;
     }
-  }
-  .hover\:bg-\[\#f0f0f0\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #f0f0f0;
-      }
+    .hover\:bg-\[\#d8dde5\]:hover {
+      background-color: #d8dde5;
     }
-  }
-  .hover\:bg-\[\#f0f6ff\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #f0f6ff;
-      }
+    .hover\:bg-\[\#e0e0e0\]:hover {
+      background-color: #e0e0e0;
     }
-  }
-  .hover\:bg-\[\#f5f9ff\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #f5f9ff;
-      }
+    .hover\:bg-\[\#eff0f6\]:hover {
+      background-color: #eff0f6;
     }
-  }
-  .hover\:bg-\[\#fafafa\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: #fafafa;
-      }
+    .hover\:bg-\[\#f0f0f0\]:hover {
+      background-color: #f0f0f0;
     }
-  }
-  .hover\:bg-\[rgba\(2\,101\,255\,0\.08\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background-color: rgba(2,101,255,0.08);
-      }
+    .hover\:bg-\[\#f0f6ff\]:hover {
+      background-color: #f0f6ff;
     }
-  }
-  .hover\:bg-accent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
-      }
+    .hover\:bg-\[\#f5f9ff\]:hover {
+      background-color: #f5f9ff;
     }
-  }
-  .hover\:bg-destructive\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 90%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-        }
-      }
+    .hover\:bg-\[\#fafafa\]:hover {
+      background-color: #fafafa;
     }
-  }
-  .hover\:bg-gray-50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-50);
-      }
+    .hover\:bg-\[rgba\(2\,101\,255\,0\.08\)\]:hover {
+      background-color: rgba(2,101,255,0.08);
     }
-  }
-  .hover\:bg-primary\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #0265ff 90%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-        }
-      }
+    .hover\:bg-accent:hover {
+      background-color: var(--accent);
     }
-  }
-  .hover\:bg-secondary\/80 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(0.968 0.007 247.896) 80%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
-        }
-      }
+    .hover\:bg-destructive\/90:hover {
+      background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 90%, transparent);
     }
-  }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-destructive\/90:hover {
+        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
       }
     }
-  }
-  .hover\:bg-white {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-white);
-      }
+    .hover\:bg-gray-50:hover {
+      background-color: var(--color-gray-50);
     }
-  }
-  .hover\:p-0 {
-    &:hover {
-      @media (hover: hover) {
-        padding: calc(var(--spacing) * 0);
-      }
+    .hover\:bg-primary\/90:hover {
+      background-color: color-mix(in srgb, #0265ff 90%, transparent);
     }
-  }
-  .hover\:text-\[\#8d8d8d\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #8d8d8d;
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/90:hover {
+        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
       }
     }
-  }
-  .hover\:text-\[\#0265FF\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #0265FF;
-      }
+    .hover\:bg-secondary\/80:hover {
+      background-color: color-mix(in srgb, oklch(0.968 0.007 247.896) 80%, transparent);
     }
-  }
-  .hover\:text-\[\#0265ff\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #0265ff;
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-secondary\/80:hover {
+        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
       }
     }
-  }
-  .hover\:text-\[\#0265ff\]\/80 {
-    &:hover {
-      @media (hover: hover) {
-        color: color-mix(in oklab, #0265ff 80%, transparent);
-      }
+    .hover\:bg-transparent:hover {
+      background-color: transparent;
     }
-  }
-  .hover\:text-\[\#333\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #333;
-      }
+    .hover\:bg-white:hover {
+      background-color: var(--color-white);
     }
-  }
-  .hover\:text-\[\#121111\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #121111;
-      }
+    .hover\:p-0:hover {
+      padding: 0px;
     }
-  }
-  .hover\:text-\[\#666666\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #666666;
-      }
+    .hover\:text-\[\#8d8d8d\]:hover {
+      color: #8d8d8d;
     }
-  }
-  .hover\:text-\[\#FF4D4F\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #FF4D4F;
-      }
+    .hover\:text-\[\#0265FF\]:hover {
+      color: #0265FF;
     }
-  }
-  .hover\:text-\[\#FF5631\] {
-    &:hover {
-      @media (hover: hover) {
-        color: #FF5631;
-      }
+    .hover\:text-\[\#0265ff\]:hover {
+      color: #0265ff;
     }
-  }
-  .hover\:text-\[rgba\(2\,101\,255\,0\.8\)\] {
-    &:hover {
-      @media (hover: hover) {
-        color: rgba(2,101,255,0.8);
-      }
+    .hover\:text-\[\#0265ff\]\/80:hover {
+      color: color-mix(in oklab, #0265ff 80%, transparent);
     }
-  }
-  .hover\:text-accent-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--accent-foreground);
-      }
+    .hover\:text-\[\#333\]:hover {
+      color: #333;
     }
-  }
-  .hover\:text-white {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-white);
-      }
+    .hover\:text-\[\#121111\]:hover {
+      color: #121111;
     }
-  }
-  .hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
+    .hover\:text-\[\#666666\]:hover {
+      color: #666666;
     }
-  }
-  .hover\:opacity-80 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 80%;
-      }
+    .hover\:text-\[\#FF4D4F\]:hover {
+      color: #FF4D4F;
     }
-  }
-  .hover\:opacity-90 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 90%;
-      }
+    .hover\:text-\[\#FF5631\]:hover {
+      color: #FF5631;
     }
-  }
-  .hover\:opacity-100 {
-    &:hover {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
+    .hover\:text-\[rgba\(2\,101\,255\,0\.8\)\]:hover {
+      color: rgba(2,101,255,0.8);
     }
-  }
-  .hover\:shadow-\[0px_14px_14px_0px_rgba\(0\,0\,0\,0\.14\)\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0px 14px 14px 0px var(--tw-shadow-color, rgba(0,0,0,0.14));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
+    .hover\:text-accent-foreground:hover {
+      color: var(--accent-foreground);
     }
-  }
-  .hover\:drop-shadow-\[0px_0px_8px_rgba\(0\,0\,0\,0\.1\)\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-drop-shadow-size: drop-shadow(0px 0px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.1)));
-        --tw-drop-shadow: var(--tw-drop-shadow-size);
-        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-      }
+    .hover\:text-white:hover {
+      color: var(--color-white);
     }
-  }
-  .hover\:before\:opacity-100 {
-    &:hover {
-      @media (hover: hover) {
-        &::before {
-          content: var(--tw-content);
-          opacity: 100%;
-        }
-      }
+    .hover\:underline:hover {
+      text-decoration-line: underline;
     }
-  }
-  .focus\:border-\[\#0265FF\] {
-    &:focus {
-      border-color: #0265FF;
+    .hover\:opacity-80:hover {
+      opacity: 80%;
     }
-  }
-  .focus\:border-\[\#0265ff\] {
-    &:focus {
-      border-color: #0265ff;
+    .hover\:opacity-90:hover {
+      opacity: 90%;
     }
-  }
-  .focus\:ring-0 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
+    .hover\:opacity-100:hover {
+      opacity: 100%;
     }
-  }
-  .focus\:ring-2 {
-    &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    .hover\:shadow-\[0px_14px_14px_0px_rgba\(0\,0\,0\,0\.14\)\]:hover {
+      --tw-shadow: 0px 14px 14px 0px var(--tw-shadow-color, rgba(0,0,0,0.14));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
-  }
-  .focus\:ring-ring {
-    &:focus {
-      --tw-ring-color: var(--ring);
+    .hover\:drop-shadow-\[0px_0px_8px_rgba\(0\,0\,0\,0\.1\)\]:hover {
+      --tw-drop-shadow-size: drop-shadow(0px 0px 8px var(--tw-drop-shadow-color, rgba(0,0,0,0.1)));
+      --tw-drop-shadow: var(--tw-drop-shadow-size);
+      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
-  }
-  .focus\:ring-offset-2 {
-    &:focus {
-      --tw-ring-offset-width: 2px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    .hover\:before\:opacity-100:hover::before {
+      content: var(--tw-content);
+      opacity: 100%;
     }
   }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .focus\:border-\[\#0265FF\]:focus {
+    border-color: #0265FF;
   }
-  .focus-visible\:ring-1 {
-    &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
-    }
+  .focus\:border-\[\#0265ff\]:focus {
+    border-color: #0265ff;
   }
-  .focus-visible\:ring-2 {
-    &:focus-visible {
-      --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);
-    }
+  .focus\:ring-0:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
   }
-  .focus-visible\:ring-\[3px\] {
-    &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
-    }
+  .focus\:ring-2:focus {
+    --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);
   }
-  .focus-visible\:ring-\[\#4ACC8C\]\/50 {
-    &:focus-visible {
-      --tw-ring-color: color-mix(in oklab, #4ACC8C 50%, transparent);
-    }
+  .focus\:ring-ring:focus {
+    --tw-ring-color: var(--ring);
   }
-  .focus-visible\:ring-\[\#0265FF\] {
-    &:focus-visible {
-      --tw-ring-color: #0265FF;
-    }
+  .focus\:ring-offset-2:focus {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
-  .focus-visible\:ring-ring {
-    &:focus-visible {
-      --tw-ring-color: var(--ring);
-    }
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .focus-visible\:ring-offset-1 {
-    &:focus-visible {
-      --tw-ring-offset-width: 1px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    }
+  .focus-visible\:ring-1:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
   }
-  .focus-visible\:outline-none {
-    &:focus-visible {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .focus-visible\:ring-2:focus-visible {
+    --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);
   }
-  .disabled\:pointer-events-none {
-    &:disabled {
-      pointer-events: none;
-    }
+  .focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
   }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
+  .focus-visible\:ring-\[\#4ACC8C\]\/50:focus-visible {
+    --tw-ring-color: color-mix(in oklab, #4ACC8C 50%, transparent);
   }
-  .disabled\:border-\[\#C2C2C2\] {
-    &:disabled {
-      border-color: #C2C2C2;
-    }
+  .focus-visible\:ring-\[\#0265FF\]:focus-visible {
+    --tw-ring-color: #0265FF;
   }
-  .disabled\:bg-\[\#EFF0F6\] {
-    &:disabled {
-      background-color: #EFF0F6;
-    }
+  .focus-visible\:ring-ring:focus-visible {
+    --tw-ring-color: var(--ring);
   }
-  .disabled\:bg-\[\#F0F0F0\] {
-    &:disabled {
-      background-color: #F0F0F0;
-    }
+  .focus-visible\:ring-offset-1:focus-visible {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
-  .disabled\:bg-\[\#eff0f6\] {
-    &:disabled {
-      background-color: #eff0f6;
-    }
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
   }
-  .disabled\:opacity-95 {
-    &:disabled {
-      opacity: 95%;
-    }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
   }
-  .disabled\:opacity-100 {
-    &:disabled {
-      opacity: 100%;
-    }
+  .disabled\:border-\[\#C2C2C2\]:disabled {
+    border-color: #C2C2C2;
   }
-  .aria-selected\:text-\[\#CCCCCC\] {
-    &[aria-selected="true"] {
-      color: #CCCCCC;
-    }
+  .disabled\:bg-\[\#EFF0F6\]:disabled {
+    background-color: #EFF0F6;
   }
-  .aria-selected\:opacity-100 {
-    &[aria-selected="true"] {
-      opacity: 100%;
-    }
+  .disabled\:bg-\[\#F0F0F0\]:disabled {
+    background-color: #F0F0F0;
   }
-  .data-\[highlighted\]\:bg-\[\#eff0f6\] {
-    &[data-highlighted] {
-      background-color: #eff0f6;
-    }
+  .disabled\:bg-\[\#eff0f6\]:disabled {
+    background-color: #eff0f6;
   }
-  .data-\[highlighted\]\:outline-none {
-    &[data-highlighted] {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .disabled\:opacity-50:disabled {
+    opacity: 50%;
   }
-  .data-\[placeholder\]\:text-\[\#999999\] {
-    &[data-placeholder] {
-      color: #999999;
-    }
+  .disabled\:opacity-95:disabled {
+    opacity: 95%;
   }
-  .data-\[side\=bottom\]\:translate-y-1 {
-    &[data-side="bottom"] {
-      --tw-translate-y: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .disabled\:opacity-100:disabled {
+    opacity: 100%;
   }
-  .data-\[side\=bottom\]\:slide-in-from-top-2 {
-    &[data-side="bottom"] {
-      --tw-enter-translate-y: -0.5rem;
-    }
+  .aria-selected\:text-\[\#CCCCCC\][aria-selected="true"] {
+    color: #CCCCCC;
   }
-  .data-\[side\=bottom\]\:slide-in-from-top-2 {
-    &[data-side="bottom"] {
-      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
-    }
+  .aria-selected\:opacity-100[aria-selected="true"] {
+    opacity: 100%;
   }
-  .data-\[side\=left\]\:-translate-x-1 {
-    &[data-side="left"] {
-      --tw-translate-x: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .data-\[highlighted\]\:bg-\[\#eff0f6\][data-highlighted] {
+    background-color: #eff0f6;
   }
-  .data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side="left"] {
-      --tw-enter-translate-x: 0.5rem;
-    }
+  .data-\[highlighted\]\:outline-none[data-highlighted] {
+    --tw-outline-style: none;
+    outline-style: none;
   }
-  .data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side="left"] {
-      --tw-enter-translate-x: calc(2*var(--spacing));
-    }
+  .data-\[placeholder\]\:text-\[\#999999\][data-placeholder] {
+    color: #999999;
   }
-  .data-\[side\=right\]\:translate-x-1 {
-    &[data-side="right"] {
-      --tw-translate-x: calc(var(--spacing) * 1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+    --tw-translate-y: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side="right"] {
-      --tw-enter-translate-x: -0.5rem;
-    }
+  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: -0.5rem;
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
   }
-  .data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side="right"] {
-      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
-    }
+  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[side\=top\]\:-translate-y-1 {
-    &[data-side="top"] {
-      --tw-translate-y: calc(var(--spacing) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: 0.5rem;
+    --tw-enter-translate-x: calc(2*var(--spacing));
   }
-  .data-\[side\=top\]\:slide-in-from-bottom-2 {
-    &[data-side="top"] {
-      --tw-enter-translate-y: 0.5rem;
-    }
+  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
+    --tw-translate-x: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[side\=top\]\:slide-in-from-bottom-2 {
-    &[data-side="top"] {
-      --tw-enter-translate-y: calc(2*var(--spacing));
-    }
+  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: -0.5rem;
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
   }
-  .data-\[size\=default\]\:h-\[20px\] {
-    &[data-size="default"] {
-      height: 20px;
-    }
+  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[size\=default\]\:w-\[40px\] {
-    &[data-size="default"] {
-      width: 40px;
-    }
+  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: 0.5rem;
+    --tw-enter-translate-y: calc(2*var(--spacing));
   }
-  .data-\[size\=sm\]\:h-\[14px\] {
-    &[data-size="sm"] {
-      height: 14px;
-    }
+  .data-\[size\=default\]\:h-\[20px\][data-size="default"] {
+    height: 20px;
   }
-  .data-\[size\=sm\]\:w-\[28px\] {
-    &[data-size="sm"] {
-      width: 28px;
-    }
+  .data-\[size\=default\]\:w-\[40px\][data-size="default"] {
+    width: 40px;
   }
-  .data-\[state\=active\]\:border-\[\#E0E0E0\] {
-    &[data-state="active"] {
-      border-color: #E0E0E0;
-    }
+  .data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
+    height: 14px;
   }
-  .data-\[state\=active\]\:bg-white {
-    &[data-state="active"] {
-      background-color: var(--color-white);
-    }
+  .data-\[size\=sm\]\:w-\[28px\][data-size="sm"] {
+    width: 28px;
   }
-  .data-\[state\=active\]\:text-\[\#0265FF\] {
-    &[data-state="active"] {
-      color: #0265FF;
-    }
+  .data-\[state\=active\]\:border-\[\#E0E0E0\][data-state="active"] {
+    border-color: #E0E0E0;
   }
-  .data-\[state\=checked\]\:translate-x-\[22px\] {
-    &[data-state="checked"] {
-      --tw-translate-x: 22px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .data-\[state\=active\]\:bg-white[data-state="active"] {
+    background-color: var(--color-white);
   }
-  .data-\[state\=checked\]\:border-\[\#0265FF\] {
-    &[data-state="checked"] {
-      border-color: #0265FF;
-    }
+  .data-\[state\=active\]\:text-\[\#0265FF\][data-state="active"] {
+    color: #0265FF;
   }
-  .data-\[state\=checked\]\:border-\[\#E0E0E0\] {
-    &[data-state="checked"] {
-      border-color: #E0E0E0;
-    }
+  .data-\[state\=checked\]\:translate-x-\[22px\][data-state="checked"] {
+    --tw-translate-x: 22px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[state\=checked\]\:bg-\[\#4ACC8C\] {
-    &[data-state="checked"] {
-      background-color: #4ACC8C;
-    }
+  .data-\[state\=checked\]\:border-\[\#0265FF\][data-state="checked"] {
+    border-color: #0265FF;
   }
-  .data-\[state\=checked\]\:bg-\[\#0265FF\] {
-    &[data-state="checked"] {
-      background-color: #0265FF;
-    }
+  .data-\[state\=checked\]\:border-\[\#E0E0E0\][data-state="checked"] {
+    border-color: #E0E0E0;
   }
-  .data-\[state\=checked\]\:bg-\[\#f0f6ff\] {
-    &[data-state="checked"] {
-      background-color: #f0f6ff;
-    }
+  .data-\[state\=checked\]\:bg-\[\#4ACC8C\][data-state="checked"] {
+    background-color: #4ACC8C;
   }
-  .data-\[state\=checked\]\:bg-white {
-    &[data-state="checked"] {
-      background-color: var(--color-white);
-    }
+  .data-\[state\=checked\]\:bg-\[\#0265FF\][data-state="checked"] {
+    background-color: #0265FF;
   }
-  .data-\[state\=checked\]\:text-\[\#0265FF\] {
-    &[data-state="checked"] {
-      color: #0265FF;
-    }
+  .data-\[state\=checked\]\:bg-\[\#f0f6ff\][data-state="checked"] {
+    background-color: #f0f6ff;
   }
-  .data-\[state\=checked\]\:text-\[\#0265ff\] {
-    &[data-state="checked"] {
-      color: #0265ff;
-    }
+  .data-\[state\=checked\]\:bg-white[data-state="checked"] {
+    background-color: var(--color-white);
   }
-  .disabled\:data-\[state\=checked\]\:border-\[\#C2C2C2\] {
-    &:disabled {
-      &[data-state="checked"] {
-        border-color: #C2C2C2;
-      }
-    }
+  .data-\[state\=checked\]\:text-\[\#0265FF\][data-state="checked"] {
+    color: #0265FF;
   }
-  .disabled\:data-\[state\=checked\]\:bg-\[\#C2C2C2\] {
-    &:disabled {
-      &[data-state="checked"] {
-        background-color: #C2C2C2;
-      }
-    }
+  .data-\[state\=checked\]\:text-\[\#0265ff\][data-state="checked"] {
+    color: #0265ff;
   }
-  .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);
-    }
+  .disabled\:data-\[state\=checked\]\:border-\[\#C2C2C2\]:disabled[data-state="checked"] {
+    border-color: #C2C2C2;
   }
-  .data-\[state\=closed\]\:animate-out {
-    &[data-state="closed"] {
-      animation-name: exit;
-      animation-duration: 150ms;
-      --tw-exit-opacity: initial;
-      --tw-exit-scale: initial;
-      --tw-exit-rotate: initial;
-      --tw-exit-translate-x: initial;
-      --tw-exit-translate-y: initial;
-    }
+  .disabled\:data-\[state\=checked\]\:bg-\[\#C2C2C2\]:disabled[data-state="checked"] {
+    background-color: #C2C2C2;
   }
-  .data-\[state\=closed\]\:fade-out-0 {
-    &[data-state="closed"] {
-      --tw-exit-opacity: calc(0/100);
-      --tw-exit-opacity: 0;
-    }
+  .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);
+    animation-name: exit;
+    animation-duration: 150ms;
+    --tw-exit-opacity: initial;
+    --tw-exit-scale: initial;
+    --tw-exit-rotate: initial;
+    --tw-exit-translate-x: initial;
+    --tw-exit-translate-y: initial;
   }
-  .data-\[state\=closed\]\:zoom-out-95 {
-    &[data-state="closed"] {
-      --tw-exit-scale: calc(95*1%);
-      --tw-exit-scale: .95;
-    }
+  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
   }
-  .data-\[state\=closed\]\:fade-out-0 {
-    &[data-state="closed"] {
-      --tw-exit-opacity: 0;
-    }
+  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
   }
-  .data-\[state\=closed\]\:zoom-out-95 {
-    &[data-state="closed"] {
-      --tw-exit-scale: .95;
-    }
+  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+    --tw-exit-opacity: 0;
   }
-  .data-\[state\=inactive\]\:hidden {
-    &[data-state="inactive"] {
-      display: none;
-    }
+  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+    --tw-exit-scale: .95;
   }
-  .data-\[state\=open\]\:rotate-180 {
-    &[data-state="open"] {
-      rotate: 180deg;
-    }
+  .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
+    display: none;
   }
-  .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);
-    }
+  .data-\[state\=open\]\:rotate-180[data-state="open"] {
+    rotate: 180deg;
   }
-  .data-\[state\=open\]\:animate-in {
-    &[data-state="open"] {
-      animation-name: enter;
-      animation-duration: 150ms;
-      --tw-enter-opacity: initial;
-      --tw-enter-scale: initial;
-      --tw-enter-rotate: initial;
-      --tw-enter-translate-x: initial;
-      --tw-enter-translate-y: initial;
-    }
+  .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);
+    animation-name: enter;
+    animation-duration: 150ms;
+    --tw-enter-opacity: initial;
+    --tw-enter-scale: initial;
+    --tw-enter-rotate: initial;
+    --tw-enter-translate-x: initial;
+    --tw-enter-translate-y: initial;
   }
-  .data-\[state\=open\]\:fade-in-0 {
-    &[data-state="open"] {
-      --tw-enter-opacity: calc(0/100);
-      --tw-enter-opacity: 0;
-    }
+  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
   }
-  .data-\[state\=open\]\:zoom-in-95 {
-    &[data-state="open"] {
-      --tw-enter-scale: calc(95*1%);
-      --tw-enter-scale: .95;
-    }
+  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
   }
-  .data-\[state\=open\]\:fade-in-0 {
-    &[data-state="open"] {
-      --tw-enter-opacity: 0;
-    }
+  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
+    --tw-enter-opacity: 0;
   }
-  .data-\[state\=open\]\:zoom-in-95 {
-    &[data-state="open"] {
-      --tw-enter-scale: .95;
-    }
+  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+    --tw-enter-scale: .95;
   }
-  .data-\[state\=unchecked\]\:translate-x-\[2px\] {
-    &[data-state="unchecked"] {
-      --tw-translate-x: 2px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
+  .data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
+    --tw-translate-x: 2px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-\[state\=unchecked\]\:bg-\[\#ccc\] {
-    &[data-state="unchecked"] {
-      background-color: #ccc;
-    }
+  .data-\[state\=unchecked\]\:bg-\[\#ccc\][data-state="unchecked"] {
+    background-color: #ccc;
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
-    &[data-vaul-drawer-direction="bottom"] {
-      inset-inline: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
+    inset-inline: 0px;
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
-    &[data-vaul-drawer-direction="bottom"] {
-      bottom: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
+    bottom: 0px;
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
-    &[data-vaul-drawer-direction="bottom"] {
-      margin-top: calc(var(--spacing) * 24);
-    }
+  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
+    margin-top: calc(var(--spacing) * 24);
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[calc\(100vh-52px\)\] {
-    &[data-vaul-drawer-direction="bottom"] {
-      max-height: calc(100vh - 52px);
-    }
+  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[calc\(100vh-52px\)\][data-vaul-drawer-direction="bottom"] {
+    max-height: calc(100vh - 52px);
   }
-  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-\[10px\] {
-    &[data-vaul-drawer-direction="bottom"] {
-      border-top-left-radius: 10px;
-      border-top-right-radius: 10px;
-    }
+  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-\[10px\][data-vaul-drawer-direction="bottom"] {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
   }
-  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
-    &[data-vaul-drawer-direction="left"] {
-      inset-block: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
+    inset-block: 0px;
   }
-  .data-\[vaul-drawer-direction\=left\]\:left-0 {
-    &[data-vaul-drawer-direction="left"] {
-      left: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
+    left: 0px;
   }
-  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
-    &[data-vaul-drawer-direction="left"] {
-      width: calc(3 / 4 * 100%);
-    }
+  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
+    width: calc(3 / 4 * 100%);
   }
-  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
-    &[data-vaul-drawer-direction="right"] {
-      inset-block: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
+    inset-block: 0px;
   }
-  .data-\[vaul-drawer-direction\=right\]\:right-0 {
-    &[data-vaul-drawer-direction="right"] {
-      right: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
+    right: 0px;
   }
-  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
-    &[data-vaul-drawer-direction="right"] {
-      width: calc(3 / 4 * 100%);
-    }
+  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
+    width: calc(3 / 4 * 100%);
   }
-  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
-    &[data-vaul-drawer-direction="top"] {
-      inset-inline: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
+    inset-inline: 0px;
   }
-  .data-\[vaul-drawer-direction\=top\]\:top-0 {
-    &[data-vaul-drawer-direction="top"] {
-      top: calc(var(--spacing) * 0);
-    }
+  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
+    top: 0px;
   }
-  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
-    &[data-vaul-drawer-direction="top"] {
-      margin-bottom: calc(var(--spacing) * 24);
-    }
+  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
+    margin-bottom: calc(var(--spacing) * 24);
   }
-  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
-    &[data-vaul-drawer-direction="top"] {
-      max-height: 80vh;
-    }
+  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
+    max-height: 80vh;
   }
-  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
-    &[data-vaul-drawer-direction="top"] {
-      border-bottom-right-radius: var(--radius);
-      border-bottom-left-radius: var(--radius);
-    }
+  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
+    border-bottom-right-radius: var(--radius);
+    border-bottom-left-radius: var(--radius);
   }
-  .sm\:flex-row {
-    @media (width >= 40rem) {
+  @media (width >= 40rem) {
+    .sm\:flex-row {
       flex-direction: row;
     }
-  }
-  .sm\:justify-end {
-    @media (width >= 40rem) {
+    .sm\:justify-end {
       justify-content: flex-end;
     }
-  }
-  .sm\:space-x-2 {
-    @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
-      }
+    :where(.sm\:space-x-2 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
-  }
-  .sm\:rounded-lg {
-    @media (width >= 40rem) {
+    .sm\:rounded-lg {
       border-radius: var(--radius);
     }
-  }
-  .sm\:text-left {
-    @media (width >= 40rem) {
+    .sm\:text-left {
       text-align: left;
     }
-  }
-  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
-    &[data-vaul-drawer-direction="left"] {
-      @media (width >= 40rem) {
-        max-width: var(--container-sm);
-      }
+    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
+      max-width: var(--container-sm);
     }
-  }
-  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
-    &[data-vaul-drawer-direction="right"] {
-      @media (width >= 40rem) {
-        max-width: var(--container-sm);
-      }
+    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
+      max-width: var(--container-sm);
     }
   }
-  .dark\:border-border {
-    &:is(.dark *) {
-      border-color: var(--border);
-    }
+  .dark\:border-border:is(.dark *) {
+    border-color: var(--border);
   }
-  .dark\:bg-background {
-    &:is(.dark *) {
-      background-color: var(--background);
-    }
+  .dark\:bg-background:is(.dark *) {
+    background-color: var(--background);
   }
-  .dark\:bg-border {
-    &:is(.dark *) {
-      background-color: var(--border);
-    }
+  .dark\:bg-border:is(.dark *) {
+    background-color: var(--border);
   }
-  .dark\:text-foreground {
-    &:is(.dark *) {
-      color: var(--foreground);
-    }
+  .dark\:text-foreground:is(.dark *) {
+    color: var(--foreground);
   }
-  .dark\:text-muted-foreground {
-    &:is(.dark *) {
-      color: var(--muted-foreground);
-    }
+  .dark\:text-muted-foreground:is(.dark *) {
+    color: var(--muted-foreground);
   }
-  .dark\:placeholder\:text-muted-foreground {
-    &:is(.dark *) {
-      &::placeholder {
-        color: var(--muted-foreground);
-      }
-    }
+  .dark\:placeholder\:text-muted-foreground:is(.dark *)::placeholder {
+    color: var(--muted-foreground);
   }
-  .dark\:disabled\:bg-\[oklch\(0\.279_0\.041_260\.031\)\] {
-    &:is(.dark *) {
-      &:disabled {
-        background-color: oklch(0.279 0.041 260.031);
-      }
-    }
+  .dark\:disabled\:bg-\[oklch\(0\.279_0\.041_260\.031\)\]:is(.dark *):disabled {
+    background-color: oklch(0.279 0.041 260.031);
   }
-  .dark\:data-\[highlighted\]\:bg-accent {
-    &:is(.dark *) {
-      &[data-highlighted] {
-        background-color: var(--accent);
-      }
-    }
+  .dark\:data-\[highlighted\]\:bg-accent:is(.dark *)[data-highlighted] {
+    background-color: var(--accent);
   }
-  .dark\:data-\[placeholder\]\:text-muted-foreground {
-    &:is(.dark *) {
-      &[data-placeholder] {
-        color: var(--muted-foreground);
-      }
-    }
+  .dark\:data-\[placeholder\]\:text-muted-foreground:is(.dark *)[data-placeholder] {
+    color: var(--muted-foreground);
   }
-  .dark\:data-\[state\=checked\]\:bg-accent {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--accent);
-      }
-    }
+  .dark\:data-\[state\=checked\]\:bg-accent:is(.dark *)[data-state="checked"] {
+    background-color: var(--accent);
   }
-  .\[\&_svg\]\:pointer-events-none {
-    & svg {
-      pointer-events: none;
-    }
+  .\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
   }
-  .\[\&_svg\]\:size-4 {
-    & svg {
-      width: calc(var(--spacing) * 4);
-      height: calc(var(--spacing) * 4);
-    }
+  .\[\&_svg\]\:size-4 svg {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
   }
-  .\[\&_svg\]\:shrink-0 {
-    & svg {
-      flex-shrink: 0;
-    }
+  .\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
   }
-  .\[\&_svg_path\]\:fill-\[\#666\] {
-    & svg path {
-      fill: #666;
-    }
+  .\[\&_svg_path\]\:fill-\[\#666\] svg path {
+    fill: #666;
   }
-  .\[\&_svg_path\]\:hover\:fill-\[\#FF4D4F\] {
-    & svg path {
-      &:hover {
-        @media (hover: hover) {
-          fill: #FF4D4F;
-        }
-      }
+  @media (hover: hover) {
+    .\[\&_svg_path\]\:hover\:fill-\[\#FF4D4F\] svg path:hover {
+      fill: #FF4D4F;
     }
   }
-  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
-    &::-webkit-inner-spin-button {
-      appearance: none;
-    }
+  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+    appearance: none;
   }
-  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
-    &::-webkit-outer-spin-button {
-      appearance: none;
-    }
+  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
+    appearance: none;
   }
-  .\[\&\>button\]\:hidden {
-    &>button {
-      display: none;
-    }
+  .\[\&\>button\]\:hidden > button {
+    display: none;
   }
-  .\[\&\>span\]\:min-w-0 {
-    &>span {
-      min-width: calc(var(--spacing) * 0);
-    }
+  .\[\&\>span\]\:min-w-0 > span {
+    min-width: 0px;
   }
-  .\[\&\>span\]\:truncate {
-    &>span {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+  .\[\&\>span\]\:truncate > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 @property --tw-animation-delay {
   syntax: "*";
@@ -3783,7 +3256,7 @@
     content: '';
     pointer-events: none;
     position: absolute;
-    inset: calc(var(--spacing) * 0);
+    inset: 0px;
     border-radius: inherit;
     padding: 1px;
     background: linear-gradient( 90deg, rgb(132, 180, 255) 0%, rgb(2, 101, 255) 50%, rgb(177, 250, 255) 100% );