@starlein/paperclip-plugin-company-wizard 0.5.0 → 0.6.2

package/dist/ui/index.css

@@ -1,64 +1,19 @@
 /* src/ui/index.css */
-@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 properties;
+@layer theme, base, components, utilities;
 @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,
@@ -66,78 +21,75 @@
       "Liberation Mono",
       "Courier New",
       monospace;
-    --color-red-400:oklch(70.4% .191 22.216);
-    --color-red-500:oklch(63.7% .237 25.331);
-    --color-red-700:oklch(50.5% .213 27.518);
-    --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-400:oklch(79.2% .209 151.711);
-    --color-green-500:oklch(72.3% .219 149.579);
-    --color-green-600:oklch(62.7% .194 149.214);
-    --color-green-700:oklch(52.7% .154 150.069);
-    --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-blue-700:oklch(48.8% .243 264.376);
-    --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);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --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-600: oklch(66.6% 0.179 58.318);
+    --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-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --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-blue-700: oklch(48.8% 0.243 264.376);
+    --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);
   }
 }
 @layer base {
   *,
-  :after,
-  :before,
-  ::backdrop {
-    box-sizing: border-box;
-    border: 0 solid;
-    margin: 0;
-    padding: 0;
-  }
+  ::after,
+  ::before,
+  ::backdrop,
   ::file-selector-button {
     box-sizing: border-box;
-    border: 0 solid;
     margin: 0;
     padding: 0;
+    border: 0 solid;
   }
   html,
   :host {
+    line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    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);
+    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 {
@@ -161,8 +113,6 @@
   a {
     color: inherit;
     -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
     text-decoration: inherit;
   }
   b,
@@ -173,9 +123,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 {
@@ -183,16 +133,16 @@
   }
   sub,
   sup {
-    vertical-align: baseline;
     font-size: 75%;
     line-height: 0;
     position: relative;
+    vertical-align: baseline;
   }
   sub {
-    bottom: -.25em;
+    bottom: -0.25em;
   }
   sup {
-    top: -.5em;
+    top: -0.5em;
   }
   table {
     text-indent: 0;
@@ -221,8 +171,8 @@
   iframe,
   embed,
   object {
-    vertical-align: middle;
     display: block;
+    vertical-align: middle;
   }
   img,
   video {
@@ -233,25 +183,16 @@
   input,
   select,
   optgroup,
-  textarea {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    opacity: 1;
-    background-color: #0000;
-    border-radius: 0;
-  }
+  textarea,
   ::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;
+    background-color: transparent;
+    opacity: 1;
   }
   :where(select:is([multiple], [size])) optgroup {
     font-weight: bolder;
@@ -265,12 +206,10 @@
   ::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)) {
-      ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
         color: color-mix(in oklab, currentcolor 50%, transparent);
       }
     }
@@ -291,30 +230,14 @@
   ::-webkit-datetime-edit-fields-wrapper {
     padding: 0;
   }
-  ::-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,
+  ::-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-meridiem-field {
     padding-block: 0;
   }
@@ -325,26 +248,18 @@
     box-shadow: none;
   }
   button,
-  input:where([type=button], [type=reset], [type=submit]) {
-    appearance: button;
-  }
+  input:where([type=button], [type=reset], [type=submit]),
   ::file-selector-button {
     appearance: button;
   }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
+  ::-webkit-inner-spin-button,
   ::-webkit-outer-spin-button {
     height: auto;
   }
   [hidden]:where(:not([hidden=until-found])) {
     display: none !important;
   }
-  * {
-    border-color: var(--border);
-  }
 }
-@layer components;
 @layer utilities {
   .collapse {
     visibility: collapse;
@@ -396,29 +311,19 @@
   }
   .container {
     width: 100%;
-  }
-  @media (min-width: 40rem) {
-    .container {
+    @media (width >= 40rem) {
       max-width: 40rem;
     }
-  }
-  @media (min-width: 48rem) {
-    .container {
+    @media (width >= 48rem) {
       max-width: 48rem;
     }
-  }
-  @media (min-width: 64rem) {
-    .container {
+    @media (width >= 64rem) {
       max-width: 64rem;
     }
-  }
-  @media (min-width: 80rem) {
-    .container {
+    @media (width >= 80rem) {
       max-width: 80rem;
     }
-  }
-  @media (min-width: 96rem) {
-    .container {
+    @media (width >= 96rem) {
       max-width: 96rem;
     }
   }
@@ -429,10 +334,10 @@
     margin-inline: calc(var(--spacing) * 4);
   }
   .my-0\.5 {
-    margin-block: calc(var(--spacing) * .5);
+    margin-block: calc(var(--spacing) * 0.5);
   }
   .mt-0\.5 {
-    margin-top: calc(var(--spacing) * .5);
+    margin-top: calc(var(--spacing) * 0.5);
   }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
@@ -440,6 +345,9 @@
   .mt-1\.5 {
     margin-top: calc(var(--spacing) * 1.5);
   }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
@@ -471,10 +379,10 @@
     margin-left: auto;
   }
   .line-clamp-2 {
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
     overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
   }
   .block {
     display: block;
@@ -687,7 +595,7 @@
     justify-content: flex-end;
   }
   .gap-0\.5 {
-    gap: calc(var(--spacing) * .5);
+    gap: calc(var(--spacing) * 0.5);
   }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
@@ -707,50 +615,68 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
-  :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)));
+  .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)));
+    }
   }
   .gap-x-3 {
     column-gap: calc(var(--spacing) * 3);
@@ -759,22 +685,27 @@
     column-gap: calc(var(--spacing) * 4);
   }
   .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * .5);
+    row-gap: calc(var(--spacing) * 0.5);
   }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
-  :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)));
+  .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)));
+    }
   }
   .truncate {
+    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    overflow: hidden;
+  }
+  .overflow-auto {
+    overflow: auto;
   }
   .overflow-x-auto {
     overflow-x: auto;
@@ -783,10 +714,10 @@
     overflow-y: auto;
   }
   .rounded {
-    border-radius: .25rem;
+    border-radius: 0.25rem;
   }
   .rounded-full {
-    border-radius: 3.40282e38px;
+    border-radius: calc(infinity * 1px);
   }
   .rounded-lg {
     border-radius: var(--radius);
@@ -810,38 +741,30 @@
     border-top-width: 1px;
   }
   .border-dashed {
-    --tw-border-style:dashed;
+    --tw-border-style: dashed;
     border-style: dashed;
   }
   .border-amber-500\/30 {
-    border-color: #f99c004d;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .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: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
     }
   }
   .border-amber-500\/40 {
-    border-color: #f99c0066;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .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: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
     }
   }
   .border-blue-400\/60 {
-    border-color: #54a2ff99;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .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: color-mix(in oklab, var(--color-blue-400) 60%, transparent);
     }
   }
   .border-blue-500\/20 {
-    border-color: #3080ff33;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .border-blue-500\/20 {
+    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
     }
   }
@@ -850,50 +773,40 @@
   }
   .border-destructive\/20 {
     border-color: var(--destructive);
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .border-destructive\/20 {
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .border-destructive\/30 {
+    @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
-  .border-foreground,
-  .border-foreground\/10 {
+  .border-foreground {
     border-color: var(--foreground);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .border-foreground\/10 {
+  .border-foreground\/10 {
+    border-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .border-foreground\/20 {
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .border-foreground\/30 {
+    @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
   .border-green-500\/20 {
-    border-color: #00c75833;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .border-green-500\/20 {
+    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
     }
   }
@@ -901,30 +814,26 @@
     border-color: var(--input);
   }
   .border-red-500\/20 {
-    border-color: #fb2c3633;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
     }
   }
   .border-transparent {
-    border-color: #0000;
+    border-color: transparent;
   }
-  .bg-accent,
-  .bg-accent\/20 {
+  .bg-accent {
     background-color: var(--accent);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-accent\/20 {
+  .bg-accent\/20 {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .bg-accent\/50 {
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
   }
@@ -932,10 +841,8 @@
     background-color: var(--color-amber-500);
   }
   .bg-amber-500\/10 {
-    background-color: #f99c001a;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .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: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
     }
   }
@@ -943,10 +850,8 @@
     background-color: var(--background);
   }
   .bg-blue-500\/10 {
-    background-color: #3080ff1a;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
     }
   }
@@ -957,47 +862,41 @@
     background-color: var(--card);
   }
   .bg-current {
-    background-color: currentColor;
+    background-color: currentcolor;
   }
-  .bg-destructive,
-  .bg-destructive\/5 {
+  .bg-destructive {
     background-color: var(--destructive);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-destructive\/5 {
+  .bg-destructive\/5 {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .bg-destructive\/10 {
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
-  .bg-foreground,
-  .bg-foreground\/5 {
+  .bg-foreground {
     background-color: var(--foreground);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-foreground\/5 {
+  .bg-foreground\/5 {
+    background-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .bg-foreground\/10 {
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
     }
   }
   .bg-green-500\/10 {
-    background-color: #00c7581a;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
     }
   }
@@ -1006,17 +905,13 @@
   }
   .bg-muted-foreground\/30 {
     background-color: var(--muted-foreground);
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-muted-foreground\/30 {
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .bg-muted\/50 {
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
@@ -1027,10 +922,8 @@
     background-color: var(--primary);
   }
   .bg-red-500\/10 {
-    background-color: #fb2c361a;
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .bg-red-500\/10 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
     }
   }
@@ -1038,13 +931,13 @@
     background-color: var(--secondary);
   }
   .bg-transparent {
-    background-color: #0000;
+    background-color: transparent;
   }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
   .p-0\.5 {
-    padding: calc(var(--spacing) * .5);
+    padding: calc(var(--spacing) * 0.5);
   }
   .p-2 {
     padding: calc(var(--spacing) * 2);
@@ -1059,7 +952,7 @@
     padding: calc(var(--spacing) * 6);
   }
   .px-0\.5 {
-    padding-inline: calc(var(--spacing) * .5);
+    padding-inline: calc(var(--spacing) * 0.5);
   }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
@@ -1086,7 +979,7 @@
     padding-inline: calc(var(--spacing) * 8);
   }
   .py-0\.5 {
-    padding-block: calc(var(--spacing) * .5);
+    padding-block: calc(var(--spacing) * 0.5);
   }
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
@@ -1147,23 +1040,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;
@@ -1172,34 +1065,36 @@
     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,
+  .break-words {
+    overflow-wrap: break-word;
+  }
   .wrap-break-word {
     overflow-wrap: break-word;
   }
@@ -1212,6 +1107,9 @@
   .text-amber-500 {
     color: var(--color-amber-500);
   }
+  .text-amber-600 {
+    color: var(--color-amber-600);
+  }
   .text-amber-700 {
     color: var(--color-amber-700);
   }
@@ -1236,28 +1134,24 @@
   .text-destructive {
     color: var(--destructive);
   }
-  .text-foreground,
-  .text-foreground\/30 {
+  .text-foreground {
     color: var(--foreground);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .text-foreground\/30 {
+  .text-foreground\/30 {
+    color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
       color: color-mix(in oklab, var(--foreground) 30%, transparent);
     }
   }
   .text-foreground\/40 {
     color: var(--foreground);
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .text-foreground\/40 {
+    @supports (color: color-mix(in lab, red, red)) {
       color: color-mix(in oklab, var(--foreground) 40%, transparent);
     }
   }
   .text-foreground\/80 {
     color: var(--foreground);
-  }
-  @supports (color:color-mix(in lab, red, red)) {
-    .text-foreground\/80 {
+    @supports (color: color-mix(in lab, red, red)) {
       color: color-mix(in oklab, var(--foreground) 80%, transparent);
     }
   }
@@ -1270,28 +1164,24 @@
   .text-green-700 {
     color: var(--color-green-700);
   }
-  .text-muted-foreground,
-  .text-muted-foreground\/40 {
+  .text-muted-foreground {
     color: var(--muted-foreground);
   }
-  @supports (color:color-mix(in lab, red, red)) {
-    .text-muted-foreground\/40 {
+  .text-muted-foreground\/40 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .text-muted-foreground\/60 {
+    @supports (color: color-mix(in lab, red, red)) {
       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)) {
-    .text-muted-foreground\/70 {
+    @supports (color: color-mix(in lab, red, red)) {
       color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
     }
   }
@@ -1304,6 +1194,9 @@
   .text-red-500 {
     color: var(--color-red-500);
   }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
   .text-red-700 {
     color: var(--color-red-700);
   }
@@ -1341,22 +1234,22 @@
     text-underline-offset: 4px;
   }
   .opacity-0 {
-    opacity: 0;
+    opacity: 0%;
   }
   .opacity-40 {
-    opacity: .4;
+    opacity: 40%;
   }
   .opacity-50 {
-    opacity: .5;
+    opacity: 50%;
   }
   .opacity-70 {
-    opacity: .7;
+    opacity: 70%;
   }
   .opacity-80 {
-    opacity: .8;
+    opacity: 80%;
   }
   .shadow {
-    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -1365,7 +1258,7 @@
       var(--tw-shadow);
   }
   .shadow-md {
-    --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
+    --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),
@@ -1374,7 +1267,7 @@
       var(--tw-shadow);
   }
   .shadow-sm {
-    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
       var(--tw-inset-shadow),
       var(--tw-inset-ring-shadow),
@@ -1414,13 +1307,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:
@@ -1434,137 +1327,202 @@
       --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:.15s;
-    transition-duration: .15s;
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
   }
   .duration-200 {
-    --tw-duration:.2s;
-    transition-duration: .2s;
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
   }
   .duration-300 {
-    --tw-duration:.3s;
-    transition-duration: .3s;
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
   }
-  @media (hover: hover) {
-    .group-hover\:opacity-100:is(:where(.group):hover *) {
-      opacity: 1;
-    }
-    .group-hover\/repo\:text-foreground:is(:where(.group\/repo):hover *) {
-      color: var(--foreground);
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
     }
   }
-  .file\:border-0::file-selector-button {
-    border-style: var(--tw-border-style);
-    border-width: 0;
+  .group-hover\/repo\:text-foreground {
+    &:is(:where(.group\/repo):hover *) {
+      @media (hover: hover) {
+        color: var(--foreground);
+      }
+    }
   }
-  .file\:bg-transparent::file-selector-button {
-    background-color: #0000;
+  .file\:border-0 {
+    &::file-selector-button {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
   }
-  .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: transparent;
+    }
   }
-  .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);
+    }
   }
-  @media (hover: hover) {
-    .hover\:border-foreground\/10:hover {
-      border-color: var(--foreground);
+  .placeholder\:text-muted-foreground {
+    &::placeholder {
+      color: var(--muted-foreground);
     }
-    @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\/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);
+        }
       }
     }
-    .hover\:border-foreground\/15:hover {
-      border-color: var(--foreground);
-    }
-    @supports (color:color-mix(in lab, red, red)) {
-      .hover\:border-foreground\/15:hover {
-        border-color: color-mix(in oklab, var(--foreground) 15%, transparent);
+  }
+  .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);
+        }
       }
     }
-    .hover\:border-foreground\/20:hover {
-      border-color: var(--foreground);
-    }
-    @supports (color:color-mix(in lab, red, red)) {
-      .hover\:border-foreground\/20:hover {
-        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
+  }
+  .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);
+        }
       }
     }
-    .hover\:border-foreground\/50:hover {
-      border-color: var(--foreground);
-    }
-    @supports (color:color-mix(in lab, red, red)) {
-      .hover\:border-foreground\/50:hover {
-        border-color: color-mix(in oklab, var(--foreground) 50%, 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\: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\:bg-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
       }
     }
-    .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\: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\: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\: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);
+        }
       }
     }
-    .hover\:bg-primary\/90:hover {
-      background-color: var(--primary);
+  }
+  .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);
+        }
+      }
     }
-    @supports (color:color-mix(in lab, red, red)) {
-      .hover\:bg-primary\/90:hover {
-        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+  }
+  .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);
+        }
       }
     }
-    .hover\:bg-secondary\/80:hover {
-      background-color: var(--secondary);
+  }
+  .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);
+        }
+      }
     }
-    @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-accent-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--accent-foreground);
       }
     }
-    .hover\:text-accent-foreground:hover {
-      color: var(--accent-foreground);
+  }
+  .hover\:text-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--foreground);
+      }
     }
-    .hover\:text-foreground:hover {
-      color: var(--foreground);
+  }
+  .hover\:underline {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
     }
-    .hover\:underline:hover {
-      text-decoration-line: underline;
+  }
+  .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\:shadow-md:hover {
-      --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
+  }
+  .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),
@@ -1573,171 +1531,260 @@
         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\:ring-ring:focus {
-    --tw-ring-color:var(--ring);
+  .focus\:ring-ring {
+    &:focus {
+      --tw-ring-color: var(--ring);
+    }
   }
-  .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-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\:outline-none:focus {
-    --tw-outline-style:none;
-    outline-style: none;
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
   }
-  .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\: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\:ring-ring:focus-visible {
-    --tw-ring-color:var(--ring);
+  .focus-visible\:ring-ring {
+    &:focus-visible {
+      --tw-ring-color: var(--ring);
+    }
   }
-  .focus-visible\:outline-none:focus-visible {
-    --tw-outline-style:none;
-    outline-style: none;
+  .focus-visible\:outline-none {
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
   }
-  .active\:scale-\[0\.98\]:active {
-    scale: .98;
+  .active\:scale-\[0\.98\] {
+    &:active {
+      scale: 0.98;
+    }
   }
-  .disabled\:pointer-events-none:disabled {
-    pointer-events: none;
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
   }
-  .disabled\:cursor-not-allowed:disabled {
-    cursor: not-allowed;
+  .disabled\:cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed;
+    }
   }
-  .disabled\:no-underline:disabled {
-    text-decoration-line: none;
+  .disabled\:no-underline {
+    &:disabled {
+      text-decoration-line: none;
+    }
   }
-  .disabled\:opacity-50:disabled {
-    opacity: .5;
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
   }
-  @media (min-width: 40rem) {
-    .sm\:inline {
+  .sm\:inline {
+    @media (width >= 40rem) {
       display: inline;
     }
-    .sm\:grid-cols-2 {
+  }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
-    .sm\:grid-cols-3 {
+  }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
-  .dark\:border-blue-500\/50:is(.dark *) {
-    border-color: #3080ff80;
-  }
-  @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\: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\:bg-amber-500\/5:is(.dark *) {
-    background-color: #f99c000d;
-  }
-  @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\: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);
+      }
     }
   }
-  .dark\:text-amber-200:is(.dark *) {
-    color: var(--color-amber-200);
+  .dark\:text-amber-200 {
+    &:is(.dark *) {
+      color: var(--color-amber-200);
+    }
   }
-  .dark\:text-amber-300:is(.dark *) {
-    color: var(--color-amber-300);
+  .dark\:text-amber-300 {
+    &:is(.dark *) {
+      color: var(--color-amber-300);
+    }
   }
-  .dark\:text-amber-400:is(.dark *) {
-    color: var(--color-amber-400);
+  .dark\:text-amber-400 {
+    &:is(.dark *) {
+      color: var(--color-amber-400);
+    }
   }
-  .dark\:text-blue-400:is(.dark *) {
-    color: var(--color-blue-400);
+  .dark\:text-blue-400 {
+    &:is(.dark *) {
+      color: var(--color-blue-400);
+    }
   }
-  .dark\:text-green-400:is(.dark *) {
-    color: var(--color-green-400);
+  .dark\:text-green-400 {
+    &:is(.dark *) {
+      color: var(--color-green-400);
+    }
   }
-  .dark\:text-red-400:is(.dark *) {
-    color: var(--color-red-400);
+  .dark\:text-red-400 {
+    &:is(.dark *) {
+      color: var(--color-red-400);
+    }
   }
-  .\[\&_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;
+    }
   }
 }
 :host,
 .company-wizard-plugin-root {
-  --radius:.625rem;
+  --radius: 0.625rem;
 }
-@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 }
+@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; }
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
 @keyframes ping {
-  75%, to {
-    opacity: 0;
+  75%, 100% {
     transform: scale(2);
+    opacity: 0;
   }
 }
 @keyframes pulse {
   50% {
-    opacity: .5;
+    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;
+    }
   }
 }
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */