@starlein/paperclip-plugin-company-wizard 0.2.4 → 0.3.15

package/dist/ui/index.css

@@ -1,19 +1,64 @@
 /* src/ui/index.css */
-@layer properties;
-@layer theme, base, components, utilities;
+@layer properties {
+  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    :before,
+    :after,
+    ::backdrop {
+      --tw-rotate-x:initial;
+      --tw-rotate-y:initial;
+      --tw-rotate-z:initial;
+      --tw-skew-x:initial;
+      --tw-skew-y:initial;
+      --tw-space-y-reverse:0;
+      --tw-divide-y-reverse:0;
+      --tw-border-style:solid;
+      --tw-leading:initial;
+      --tw-font-weight:initial;
+      --tw-tracking:initial;
+      --tw-shadow:0 0 #0000;
+      --tw-shadow-color:initial;
+      --tw-shadow-alpha:100%;
+      --tw-inset-shadow:0 0 #0000;
+      --tw-inset-shadow-color:initial;
+      --tw-inset-shadow-alpha:100%;
+      --tw-ring-color:initial;
+      --tw-ring-shadow:0 0 #0000;
+      --tw-inset-ring-color:initial;
+      --tw-inset-ring-shadow:0 0 #0000;
+      --tw-ring-inset:initial;
+      --tw-ring-offset-width:0px;
+      --tw-ring-offset-color:#fff;
+      --tw-ring-offset-shadow:0 0 #0000;
+      --tw-outline-style:solid;
+      --tw-blur:initial;
+      --tw-brightness:initial;
+      --tw-contrast:initial;
+      --tw-grayscale:initial;
+      --tw-hue-rotate:initial;
+      --tw-invert:initial;
+      --tw-opacity:initial;
+      --tw-saturate:initial;
+      --tw-sepia:initial;
+      --tw-drop-shadow:initial;
+      --tw-drop-shadow-color:initial;
+      --tw-drop-shadow-alpha:100%;
+      --tw-drop-shadow-size:initial;
+      --tw-duration:initial;
+    }
+  }
+}
 @layer theme {
   :root,
   :host {
-    --font-sans:
-      ui-sans-serif,
+    --font-sans:ui-sans-serif,
       system-ui,
       sans-serif,
       "Apple Color Emoji",
       "Segoe UI Emoji",
       "Segoe UI Symbol",
       "Noto Color Emoji";
-    --font-mono:
-      ui-monospace,
+    --font-mono:ui-monospace,
       SFMono-Regular,
       Menlo,
       Monaco,
@@ -21,66 +66,71 @@
       "Liberation Mono",
       "Courier New",
       monospace;
-    --color-amber-200: oklch(92.4% 0.12 95.746);
-    --color-amber-300: oklch(87.9% 0.169 91.605);
-    --color-amber-400: oklch(82.8% 0.189 84.429);
-    --color-amber-500: oklch(76.9% 0.188 70.08);
-    --color-amber-700: oklch(55.5% 0.163 48.998);
-    --color-amber-800: oklch(47.3% 0.137 46.201);
-    --color-yellow-600: oklch(68.1% 0.162 75.834);
-    --color-green-600: oklch(62.7% 0.194 149.214);
-    --color-blue-400: oklch(70.7% 0.165 254.624);
-    --color-blue-500: oklch(62.3% 0.214 259.815);
-    --color-blue-600: oklch(54.6% 0.245 262.881);
-    --color-white: #fff;
-    --spacing: 0.25rem;
-    --container-xs: 20rem;
-    --container-2xl: 42rem;
-    --text-xs: 0.75rem;
-    --text-xs--line-height: calc(1 / 0.75);
-    --text-sm: 0.875rem;
-    --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
-    --font-weight-normal: 400;
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --tracking-tight: -0.025em;
-    --tracking-wider: 0.05em;
-    --leading-relaxed: 1.625;
-    --animate-spin: spin 1s linear infinite;
-    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-    --default-transition-duration: 150ms;
-    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
-    --color-primary: var(--primary);
+    --color-amber-200:oklch(92.4% .12 95.746);
+    --color-amber-300:oklch(87.9% .169 91.605);
+    --color-amber-400:oklch(82.8% .189 84.429);
+    --color-amber-500:oklch(76.9% .188 70.08);
+    --color-amber-700:oklch(55.5% .163 48.998);
+    --color-amber-800:oklch(47.3% .137 46.201);
+    --color-yellow-600:oklch(68.1% .162 75.834);
+    --color-green-600:oklch(62.7% .194 149.214);
+    --color-blue-400:oklch(70.7% .165 254.624);
+    --color-blue-500:oklch(62.3% .214 259.815);
+    --color-blue-600:oklch(54.6% .245 262.881);
+    --color-white:#fff;
+    --spacing:.25rem;
+    --container-xs:20rem;
+    --container-2xl:42rem;
+    --text-xs:.75rem;
+    --text-xs--line-height:calc(1 / .75);
+    --text-sm:.875rem;
+    --text-sm--line-height:calc(1.25 / .875);
+    --text-base:1rem;
+    --text-base--line-height:calc(1.5 / 1);
+    --text-xl:1.25rem;
+    --text-xl--line-height:calc(1.75 / 1.25);
+    --text-2xl:1.5rem;
+    --text-2xl--line-height:calc(2 / 1.5);
+    --font-weight-normal:400;
+    --font-weight-medium:500;
+    --font-weight-semibold:600;
+    --tracking-tight:-.025em;
+    --tracking-wider:.05em;
+    --leading-relaxed:1.625;
+    --animate-spin:spin 1s linear infinite;
+    --animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;
+    --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+    --default-transition-duration:.15s;
+    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
+    --default-font-family:var(--font-sans);
+    --default-mono-font-family:var(--font-mono);
+    --color-primary:var(--primary);
   }
 }
 @layer base {
   *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
+  :after,
+  :before,
+  ::backdrop {
     box-sizing: border-box;
+    border: 0 solid;
     margin: 0;
     padding: 0;
+  }
+  ::file-selector-button {
+    box-sizing: border-box;
     border: 0 solid;
+    margin: 0;
+    padding: 0;
   }
   html,
   :host {
-    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-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
+    line-height: 1.5;
+    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-feature-settings: var(--default-font-feature-settings,normal);
+    font-variation-settings: var(--default-font-variation-settings,normal);
     -webkit-tap-highlight-color: transparent;
   }
   hr {
@@ -104,6 +154,8 @@
   a {
     color: inherit;
     -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
     text-decoration: inherit;
   }
   b,
@@ -114,9 +166,9 @@
   kbd,
   samp,
   pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings,normal);
+    font-variation-settings: var(--default-mono-font-variation-settings,normal);
     font-size: 1em;
   }
   small {
@@ -124,16 +176,16 @@
   }
   sub,
   sup {
+    vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
     position: relative;
-    vertical-align: baseline;
   }
   sub {
-    bottom: -0.25em;
+    bottom: -.25em;
   }
   sup {
-    top: -0.5em;
+    top: -.5em;
   }
   table {
     text-indent: 0;
@@ -162,8 +214,8 @@
   iframe,
   embed,
   object {
-    display: block;
     vertical-align: middle;
+    display: block;
   }
   img,
   video {
@@ -174,16 +226,25 @@
   input,
   select,
   optgroup,
-  textarea,
-  ::file-selector-button {
+  textarea {
     font: inherit;
     font-feature-settings: inherit;
     font-variation-settings: inherit;
     letter-spacing: inherit;
     color: inherit;
+    opacity: 1;
+    background-color: #0000;
     border-radius: 0;
-    background-color: transparent;
+  }
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
     opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
   }
   :where(select:is([multiple], [size])) optgroup {
     font-weight: bolder;
@@ -197,10 +258,12 @@
   ::placeholder {
     opacity: 1;
   }
-  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
     ::placeholder {
-      color: currentcolor;
-      @supports (color: color-mix(in lab, red, red)) {
+      color: currentColor;
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      ::placeholder {
         color: color-mix(in oklab, currentcolor 50%, transparent);
       }
     }
@@ -221,14 +284,30 @@
   ::-webkit-datetime-edit-fields-wrapper {
     padding: 0;
   }
-  ::-webkit-datetime-edit,
-  ::-webkit-datetime-edit-year-field,
-  ::-webkit-datetime-edit-month-field,
-  ::-webkit-datetime-edit-day-field,
-  ::-webkit-datetime-edit-hour-field,
-  ::-webkit-datetime-edit-minute-field,
-  ::-webkit-datetime-edit-second-field,
-  ::-webkit-datetime-edit-millisecond-field,
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
   ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
@@ -239,18 +318,26 @@
     box-shadow: none;
   }
   button,
-  input:where([type=button], [type=reset], [type=submit]),
+  input:where([type=button], [type=reset], [type=submit]) {
+    appearance: button;
+  }
   ::file-selector-button {
     appearance: button;
   }
-  ::-webkit-inner-spin-button,
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
   ::-webkit-outer-spin-button {
     height: auto;
   }
   [hidden]:where(:not([hidden=until-found])) {
     display: none !important;
   }
+  * {
+    border-color: var(--border);
+  }
 }
+@layer components;
 @layer utilities {
   .invisible {
     visibility: hidden;
@@ -296,30 +383,43 @@
   }
   .container {
     width: 100%;
-    @media (width >= 40rem) {
+  }
+  @media (min-width: 40rem) {
+    .container {
       max-width: 40rem;
     }
-    @media (width >= 48rem) {
+  }
+  @media (min-width: 48rem) {
+    .container {
       max-width: 48rem;
     }
-    @media (width >= 64rem) {
+  }
+  @media (min-width: 64rem) {
+    .container {
       max-width: 64rem;
     }
-    @media (width >= 80rem) {
+  }
+  @media (min-width: 80rem) {
+    .container {
       max-width: 80rem;
     }
-    @media (width >= 96rem) {
+  }
+  @media (min-width: 96rem) {
+    .container {
       max-width: 96rem;
     }
   }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
   .my-0\.5 {
-    margin-block: calc(var(--spacing) * 0.5);
+    margin-block: calc(var(--spacing) * .5);
   }
   .mt-0\.5 {
-    margin-top: calc(var(--spacing) * 0.5);
+    margin-top: calc(var(--spacing) * .5);
   }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
@@ -579,68 +679,50 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
-  .space-y-0\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-1 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .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)));
-    }
-  }
-  .space-y-2 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-2\.5 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-3 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 3) * 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)));
-    }
-  }
-  .space-y-6 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
-  .space-y-8 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
-    }
+  :where(.space-y-0\.5 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1) * 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)));
+  }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-2\.5 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 3) * 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)));
+  }
+  :where(.space-y-6 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-8 > :not(:last-child)) {
+    --tw-space-y-reverse:0;
+    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
   }
   .gap-x-3 {
     column-gap: calc(var(--spacing) * 3);
@@ -649,24 +731,22 @@
     column-gap: calc(var(--spacing) * 4);
   }
   .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * 0.5);
+    row-gap: calc(var(--spacing) * .5);
   }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
-  .divide-y {
-    :where(& > :not(:last-child)) {
-      --tw-divide-y-reverse: 0;
-      border-bottom-style: var(--tw-border-style);
-      border-top-style: var(--tw-border-style);
-      border-top-width: calc(1px * var(--tw-divide-y-reverse));
-      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-    }
+  :where(.divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse:0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   }
   .truncate {
-    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    overflow: hidden;
   }
   .overflow-x-auto {
     overflow-x: auto;
@@ -675,10 +755,10 @@
     overflow-y: auto;
   }
   .rounded {
-    border-radius: 0.25rem;
+    border-radius: .25rem;
   }
   .rounded-full {
-    border-radius: calc(infinity * 1px);
+    border-radius: 3.40282e38px;
   }
   .rounded-lg {
     border-radius: var(--radius);
@@ -702,24 +782,30 @@
     border-top-width: 1px;
   }
   .border-dashed {
-    --tw-border-style: dashed;
+    --tw-border-style:dashed;
     border-style: dashed;
   }
   .border-amber-500\/30 {
-    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
+    border-color: #f99c004d;
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-amber-500\/30 {
       border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
     }
   }
   .border-amber-500\/40 {
-    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
+    border-color: #f99c0066;
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-amber-500\/40 {
       border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
     }
   }
   .border-blue-400\/60 {
-    border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
+    border-color: #54a2ff99;
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-blue-400\/60 {
       border-color: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
     }
   }
@@ -728,34 +814,42 @@
   }
   .border-destructive\/20 {
     border-color: var(--destructive);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-destructive\/20 {
       border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
     }
   }
   .border-destructive\/30 {
     border-color: var(--destructive);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-destructive\/30 {
       border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
-  .border-foreground {
-    border-color: var(--foreground);
-  }
+  .border-foreground,
   .border-foreground\/10 {
     border-color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-foreground\/10 {
       border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
     }
   }
   .border-foreground\/20 {
     border-color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-foreground\/20 {
       border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
     }
   }
   .border-foreground\/30 {
     border-color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .border-foreground\/30 {
       border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
@@ -763,26 +857,30 @@
     border-color: var(--input);
   }
   .border-transparent {
-    border-color: transparent;
-  }
-  .bg-accent {
-    background-color: var(--accent);
+    border-color: #0000;
   }
+  .bg-accent,
   .bg-accent\/20 {
     background-color: var(--accent);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-accent\/20 {
       background-color: color-mix(in oklab, var(--accent) 20%, transparent);
     }
   }
   .bg-accent\/50 {
     background-color: var(--accent);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-accent\/50 {
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
   }
   .bg-amber-500\/10 {
-    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
+    background-color: #f99c001a;
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-amber-500\/10 {
       background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
     }
   }
@@ -796,35 +894,39 @@
     background-color: var(--card);
   }
   .bg-current {
-    background-color: currentcolor;
-  }
-  .bg-destructive {
-    background-color: var(--destructive);
+    background-color: currentColor;
   }
+  .bg-destructive,
   .bg-destructive\/5 {
     background-color: var(--destructive);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-destructive\/5 {
       background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
     }
   }
   .bg-destructive\/10 {
     background-color: var(--destructive);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-destructive\/10 {
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
-  .bg-foreground {
-    background-color: var(--foreground);
-  }
+  .bg-foreground,
   .bg-foreground\/5 {
     background-color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-foreground\/5 {
       background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
     }
   }
   .bg-foreground\/10 {
     background-color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-foreground\/10 {
       background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
     }
   }
@@ -833,13 +935,17 @@
   }
   .bg-muted-foreground\/30 {
     background-color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-muted-foreground\/30 {
       background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
     }
   }
   .bg-muted\/50 {
     background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .bg-muted\/50 {
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
@@ -853,13 +959,13 @@
     background-color: var(--secondary);
   }
   .bg-transparent {
-    background-color: transparent;
+    background-color: #0000;
   }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
   .p-0\.5 {
-    padding: calc(var(--spacing) * 0.5);
+    padding: calc(var(--spacing) * .5);
   }
   .p-2 {
     padding: calc(var(--spacing) * 2);
@@ -874,7 +980,10 @@
     padding: calc(var(--spacing) * 6);
   }
   .px-0\.5 {
-    padding-inline: calc(var(--spacing) * 0.5);
+    padding-inline: calc(var(--spacing) * .5);
+  }
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
   }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
@@ -898,7 +1007,7 @@
     padding-inline: calc(var(--spacing) * 8);
   }
   .py-0\.5 {
-    padding-block: calc(var(--spacing) * 0.5);
+    padding-block: calc(var(--spacing) * .5);
   }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
@@ -956,23 +1065,23 @@
   }
   .text-2xl {
     font-size: var(--text-2xl);
-    line-height: var(--tw-leading, var(--text-2xl--line-height));
+    line-height: var(--tw-leading,var(--text-2xl--line-height));
   }
   .text-base {
     font-size: var(--text-base);
-    line-height: var(--tw-leading, var(--text-base--line-height));
+    line-height: var(--tw-leading,var(--text-base--line-height));
   }
   .text-sm {
     font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
+    line-height: var(--tw-leading,var(--text-sm--line-height));
   }
   .text-xl {
     font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
+    line-height: var(--tw-leading,var(--text-xl--line-height));
   }
   .text-xs {
     font-size: var(--text-xs);
-    line-height: var(--tw-leading, var(--text-xs--line-height));
+    line-height: var(--tw-leading,var(--text-xs--line-height));
   }
   .text-\[10px\] {
     font-size: 10px;
@@ -981,36 +1090,34 @@
     font-size: 11px;
   }
   .leading-none {
-    --tw-leading: 1;
+    --tw-leading:1;
     line-height: 1;
   }
   .leading-relaxed {
-    --tw-leading: var(--leading-relaxed);
+    --tw-leading:var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
   .font-medium {
-    --tw-font-weight: var(--font-weight-medium);
+    --tw-font-weight:var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
   .font-normal {
-    --tw-font-weight: var(--font-weight-normal);
+    --tw-font-weight:var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
   .font-semibold {
-    --tw-font-weight: var(--font-weight-semibold);
+    --tw-font-weight:var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
   .tracking-tight {
-    --tw-tracking: var(--tracking-tight);
+    --tw-tracking:var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
   .tracking-wider {
-    --tw-tracking: var(--tracking-wider);
+    --tw-tracking:var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
   }
-  .break-words {
-    overflow-wrap: break-word;
-  }
+  .break-words,
   .wrap-break-word {
     overflow-wrap: break-word;
   }
@@ -1041,48 +1148,56 @@
   .text-destructive {
     color: var(--destructive);
   }
-  .text-foreground {
-    color: var(--foreground);
-  }
+  .text-foreground,
   .text-foreground\/30 {
     color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-foreground\/30 {
       color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
   .text-foreground\/40 {
     color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-foreground\/40 {
       color: color-mix(in oklab, var(--foreground) 40%, transparent);
     }
   }
   .text-foreground\/80 {
     color: var(--foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-foreground\/80 {
       color: color-mix(in oklab, var(--foreground) 80%, transparent);
     }
   }
   .text-green-600 {
     color: var(--color-green-600);
   }
-  .text-muted-foreground {
-    color: var(--muted-foreground);
-  }
+  .text-muted-foreground,
   .text-muted-foreground\/40 {
     color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-muted-foreground\/40 {
       color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
     }
   }
   .text-muted-foreground\/60 {
     color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-muted-foreground\/60 {
       color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
     }
   }
   .text-muted-foreground\/70 {
     color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
+  }
+  @supports (color:color-mix(in lab, red, red)) {
+    .text-muted-foreground\/70 {
       color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
     }
   }
@@ -1113,26 +1228,35 @@
   .italic {
     font-style: italic;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .decoration-dotted {
+    text-decoration-style: dotted;
+  }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
   .opacity-0 {
-    opacity: 0%;
+    opacity: 0;
   }
   .opacity-40 {
-    opacity: 40%;
+    opacity: .4;
   }
   .opacity-50 {
-    opacity: 50%;
+    opacity: .5;
   }
   .opacity-70 {
-    opacity: 70%;
+    opacity: .7;
   }
   .opacity-80 {
-    opacity: 80%;
+    opacity: .8;
   }
   .shadow {
-    --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));
+    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -1141,7 +1265,7 @@
       var(--tw-shadow);
   }
   .shadow-md {
-    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -1150,7 +1274,7 @@
       var(--tw-shadow);
   }
   .shadow-sm {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -1190,13 +1314,13 @@
       content-visibility,
       overlay,
       pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
   .transition-all {
     transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
   .transition-colors {
     transition-property:
@@ -1210,195 +1334,137 @@
       --tw-gradient-from,
       --tw-gradient-via,
       --tw-gradient-to;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
   .transition-opacity {
     transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
+    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration,var(--default-transition-duration));
   }
   .duration-150 {
-    --tw-duration: 150ms;
-    transition-duration: 150ms;
+    --tw-duration:.15s;
+    transition-duration: .15s;
   }
   .duration-200 {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
+    --tw-duration:.2s;
+    transition-duration: .2s;
   }
   .duration-300 {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
+    --tw-duration:.3s;
+    transition-duration: .3s;
   }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
+  @media (hover: hover) {
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 1;
     }
-  }
-  .file\:border-0 {
-    &::file-selector-button {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
+    .group-hover\/repo\:text-foreground:is(:where(.group\/repo):hover *) {
+      color: var(--foreground);
     }
   }
-  .file\:bg-transparent {
-    &::file-selector-button {
-      background-color: transparent;
-    }
+  .file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0;
   }
-  .file\:text-sm {
-    &::file-selector-button {
-      font-size: var(--text-sm);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
-    }
+  .file\:bg-transparent::file-selector-button {
+    background-color: #0000;
   }
-  .file\:font-medium {
-    &::file-selector-button {
-      --tw-font-weight: var(--font-weight-medium);
-      font-weight: var(--font-weight-medium);
-    }
+  .file\:text-sm::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading,var(--text-sm--line-height));
   }
-  .placeholder\:text-muted-foreground {
-    &::placeholder {
-      color: var(--muted-foreground);
-    }
+  .file\:font-medium::file-selector-button {
+    --tw-font-weight:var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
   }
-  .hover\:border-foreground\/10 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--foreground);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
-        }
-      }
-    }
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--muted-foreground);
   }
-  .hover\:border-foreground\/15 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--foreground);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
-        }
-      }
+  @media (hover: hover) {
+    .hover\:border-foreground\/10:hover {
+      border-color: var(--foreground);
     }
-  }
-  .hover\:border-foreground\/20 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--foreground);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
-        }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:border-foreground\/10:hover {
+        border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
       }
     }
-  }
-  .hover\:border-foreground\/50 {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--foreground);
-        @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
-        }
-      }
+    .hover\:border-foreground\/15:hover {
+      border-color: var(--foreground);
     }
-  }
-  .hover\:bg-accent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:border-foreground\/15:hover {
+        border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
       }
     }
-  }
-  .hover\:bg-accent\/30 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--accent) 30%, transparent);
-        }
-      }
+    .hover\:border-foreground\/20:hover {
+      border-color: var(--foreground);
     }
-  }
-  .hover\:bg-accent\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--accent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-        }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:border-foreground\/20:hover {
+        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
       }
     }
-  }
-  .hover\:bg-destructive\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
-        }
-      }
+    .hover\:border-foreground\/50:hover {
+      border-color: var(--foreground);
     }
-  }
-  .hover\:bg-primary\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
-        }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:border-foreground\/50:hover {
+        border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
       }
     }
-  }
-  .hover\:bg-secondary\/80 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--secondary);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
-        }
+    .hover\:bg-accent:hover,
+    .hover\:bg-accent\/30:hover {
+      background-color: var(--accent);
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:bg-accent\/30:hover {
+        background-color: color-mix(in oklab, var(--accent) 30%, transparent);
       }
     }
-  }
-  .hover\:text-accent-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--accent-foreground);
+    .hover\:bg-accent\/50:hover {
+      background-color: var(--accent);
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:bg-accent\/50:hover {
+        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
       }
     }
-  }
-  .hover\:text-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--foreground);
+    .hover\:bg-destructive\/90:hover {
+      background-color: var(--destructive);
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:bg-destructive\/90:hover {
+        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
       }
     }
-  }
-  .hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
+    .hover\:bg-primary\/90:hover {
+      background-color: var(--primary);
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/90:hover {
+        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
       }
     }
-  }
-  .hover\:shadow-md {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-        box-shadow:
-          var(--tw-inset-shadow),
-          var(--tw-inset-ring-shadow),
-          var(--tw-ring-offset-shadow),
-          var(--tw-ring-shadow),
-          var(--tw-shadow);
+    .hover\:bg-secondary\/80:hover {
+      background-color: var(--secondary);
+    }
+    @supports (color:color-mix(in lab, red, red)) {
+      .hover\:bg-secondary\/80:hover {
+        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
       }
     }
-  }
-  .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\:text-accent-foreground:hover {
+      color: var(--accent-foreground);
+    }
+    .hover\:text-foreground:hover {
+      color: var(--foreground);
+    }
+    .hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+    .hover\:shadow-md:hover {
+      --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
       box-shadow:
         var(--tw-inset-shadow),
         var(--tw-inset-ring-shadow),
@@ -1407,240 +1473,159 @@
         var(--tw-shadow);
     }
   }
-  .focus\:ring-ring {
-    &:focus {
-      --tw-ring-color: var(--ring);
-    }
+  .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\: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\:ring-ring:focus {
+    --tw-ring-color:var(--ring);
   }
-  .focus\:outline-none {
-    &:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
+  .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-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\:outline-none:focus {
+    --tw-outline-style:none;
+    outline-style: none;
   }
-  .focus-visible\:ring-ring {
-    &:focus-visible {
-      --tw-ring-color: var(--ring);
-    }
+  .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-ring:focus-visible {
+    --tw-ring-color:var(--ring);
   }
-  .active\:scale-\[0\.98\] {
-    &:active {
-      scale: 0.98;
-    }
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style:none;
+    outline-style: none;
   }
-  .disabled\:pointer-events-none {
-    &:disabled {
-      pointer-events: none;
-    }
+  .active\:scale-\[0\.98\]:active {
+    scale: .98;
   }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
   }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .disabled\:opacity-50:disabled {
+    opacity: .5;
   }
-  .sm\:inline {
-    @media (width >= 40rem) {
+  @media (min-width: 40rem) {
+    .sm\:inline {
       display: inline;
     }
-  }
-  .sm\:grid-cols-2 {
-    @media (width >= 40rem) {
+    .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
-  .dark\:border-blue-500\/50 {
-    &:is(.dark *) {
-      border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
-      }
-    }
+  .dark\:border-blue-500\/50:is(.dark *) {
+    border-color: #3080ff80;
   }
-  .dark\:bg-amber-500\/5 {
-    &:is(.dark *) {
-      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
-      }
+  @supports (color:color-mix(in lab, red, red)) {
+    .dark\:border-blue-500\/50:is(.dark *) {
+      border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
     }
   }
-  .dark\:text-amber-200 {
-    &:is(.dark *) {
-      color: var(--color-amber-200);
-    }
+  .dark\:bg-amber-500\/5:is(.dark *) {
+    background-color: #f99c000d;
   }
-  .dark\:text-amber-300 {
-    &:is(.dark *) {
-      color: var(--color-amber-300);
+  @supports (color:color-mix(in lab, red, red)) {
+    .dark\:bg-amber-500\/5:is(.dark *) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
     }
   }
-  .dark\:text-amber-400 {
-    &:is(.dark *) {
-      color: var(--color-amber-400);
-    }
+  .dark\:text-amber-200:is(.dark *) {
+    color: var(--color-amber-200);
   }
-  .dark\:text-blue-400 {
-    &:is(.dark *) {
-      color: var(--color-blue-400);
-    }
+  .dark\:text-amber-300:is(.dark *) {
+    color: var(--color-amber-300);
   }
-  .\[\&_svg\]\:pointer-events-none {
-    & svg {
-      pointer-events: none;
-    }
+  .dark\:text-amber-400:is(.dark *) {
+    color: var(--color-amber-400);
   }
-  .\[\&_svg\]\:size-4 {
-    & svg {
-      width: calc(var(--spacing) * 4);
-      height: calc(var(--spacing) * 4);
-    }
+  .dark\:text-blue-400:is(.dark *) {
+    color: var(--color-blue-400);
   }
-  .\[\&_svg\]\:shrink-0 {
-    & svg {
-      flex-shrink: 0;
-    }
+  .\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+  .\[\&_svg\]\:size-4 svg {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
   }
 }
 :host,
 .clipper-plugin-root {
-  --radius: 0.625rem;
+  --radius:.625rem;
 }
-@layer base {
-  * {
-    border-color: var(--border);
-  }
-}
-@property --tw-rotate-x { syntax: "*"; inherits: false; }
-@property --tw-rotate-y { syntax: "*"; inherits: false; }
-@property --tw-rotate-z { syntax: "*"; inherits: false; }
-@property --tw-skew-x { syntax: "*"; inherits: false; }
-@property --tw-skew-y { syntax: "*"; inherits: false; }
-@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
-@property --tw-leading { syntax: "*"; inherits: false; }
-@property --tw-font-weight { syntax: "*"; inherits: false; }
-@property --tw-tracking { syntax: "*"; inherits: false; }
-@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-shadow-color { syntax: "*"; inherits: false; }
-@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
-@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
-@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
-@property --tw-ring-color { syntax: "*"; inherits: false; }
-@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
-@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-ring-inset { syntax: "*"; inherits: false; }
-@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
-@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
-@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
-@property --tw-blur { syntax: "*"; inherits: false; }
-@property --tw-brightness { syntax: "*"; inherits: false; }
-@property --tw-contrast { syntax: "*"; inherits: false; }
-@property --tw-grayscale { syntax: "*"; inherits: false; }
-@property --tw-hue-rotate { syntax: "*"; inherits: false; }
-@property --tw-invert { syntax: "*"; inherits: false; }
-@property --tw-opacity { syntax: "*"; inherits: false; }
-@property --tw-saturate { syntax: "*"; inherits: false; }
-@property --tw-sepia { syntax: "*"; inherits: false; }
-@property --tw-drop-shadow { syntax: "*"; inherits: false; }
-@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
-@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
-@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
-@property --tw-duration { syntax: "*"; inherits: false; }
+@property --tw-rotate-x { syntax:"*";inherits:false }
+@property --tw-rotate-y { syntax:"*";inherits:false }
+@property --tw-rotate-z { syntax:"*";inherits:false }
+@property --tw-skew-x { syntax:"*";inherits:false }
+@property --tw-skew-y { syntax:"*";inherits:false }
+@property --tw-space-y-reverse { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-divide-y-reverse { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-border-style { syntax:"*";inherits:false;initial-value:solid }
+@property --tw-leading { syntax:"*";inherits:false }
+@property --tw-font-weight { syntax:"*";inherits:false }
+@property --tw-tracking { syntax:"*";inherits:false }
+@property --tw-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
+@property --tw-shadow-color { syntax:"*";inherits:false }
+@property --tw-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
+@property --tw-inset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
+@property --tw-inset-shadow-color { syntax:"*";inherits:false }
+@property --tw-inset-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
+@property --tw-ring-color { syntax:"*";inherits:false }
+@property --tw-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
+@property --tw-inset-ring-color { syntax:"*";inherits:false }
+@property --tw-inset-ring-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
+@property --tw-ring-inset { syntax:"*";inherits:false }
+@property --tw-ring-offset-width { syntax:"<length>";inherits:false;initial-value:0 }
+@property --tw-ring-offset-color { syntax:"*";inherits:false;initial-value:#fff }
+@property --tw-ring-offset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
+@property --tw-outline-style { syntax:"*";inherits:false;initial-value:solid }
+@property --tw-blur { syntax:"*";inherits:false }
+@property --tw-brightness { syntax:"*";inherits:false }
+@property --tw-contrast { syntax:"*";inherits:false }
+@property --tw-grayscale { syntax:"*";inherits:false }
+@property --tw-hue-rotate { syntax:"*";inherits:false }
+@property --tw-invert { syntax:"*";inherits:false }
+@property --tw-opacity { syntax:"*";inherits:false }
+@property --tw-saturate { syntax:"*";inherits:false }
+@property --tw-sepia { syntax:"*";inherits:false }
+@property --tw-drop-shadow { syntax:"*";inherits:false }
+@property --tw-drop-shadow-color { syntax:"*";inherits:false }
+@property --tw-drop-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
+@property --tw-drop-shadow-size { syntax:"*";inherits:false }
+@property --tw-duration { syntax:"*";inherits:false }
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
 @keyframes ping {
-  75%, 100% {
-    transform: scale(2);
+  75%, to {
     opacity: 0;
+    transform: scale(2);
   }
 }
 @keyframes pulse {
   50% {
-    opacity: 0.5;
-  }
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *,
-    ::before,
-    ::after,
-    ::backdrop {
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-space-y-reverse: 0;
-      --tw-divide-y-reverse: 0;
-      --tw-border-style: solid;
-      --tw-leading: initial;
-      --tw-font-weight: initial;
-      --tw-tracking: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
-      --tw-duration: initial;
-    }
+    opacity: .5;
   }
 }
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */