haiku-react-ui 1.0.0

package/dist/styles.css

@@ -0,0 +1,1409 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties;
+:root, :host {
+  --color-red-50: oklch(97.1% 0.013 17.38);
+  --color-red-100: oklch(93.6% 0.032 17.717);
+  --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-50: oklch(98.7% 0.022 95.277);
+  --color-amber-100: oklch(96.2% 0.059 95.617);
+  --color-amber-300: oklch(87.9% 0.169 91.605);
+  --color-amber-400: oklch(82.8% 0.189 84.429);
+  --color-amber-700: oklch(55.5% 0.163 48.998);
+  --color-amber-800: oklch(47.3% 0.137 46.201);
+  --color-green-500: oklch(72.3% 0.219 149.579);
+  --color-emerald-50: oklch(97.9% 0.021 166.113);
+  --color-emerald-100: oklch(95% 0.052 163.051);
+  --color-emerald-300: oklch(84.5% 0.143 164.978);
+  --color-emerald-400: oklch(76.5% 0.177 163.223);
+  --color-emerald-600: oklch(59.6% 0.145 163.225);
+  --color-emerald-700: oklch(50.8% 0.118 165.612);
+  --color-blue-50: oklch(97% 0.014 254.604);
+  --color-blue-100: oklch(93.2% 0.032 255.585);
+  --color-blue-300: oklch(80.9% 0.105 251.813);
+  --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-gray-100: oklch(96.7% 0.003 264.542);
+  --color-gray-200: oklch(92.8% 0.006 264.531);
+  --color-gray-300: oklch(87.2% 0.01 258.338);
+  --color-gray-400: oklch(70.7% 0.022 261.325);
+  --color-gray-500: oklch(55.1% 0.027 264.364);
+  --color-zinc-50: oklch(98.5% 0 0);
+  --color-zinc-100: oklch(96.7% 0.001 286.375);
+  --color-zinc-200: oklch(92% 0.004 286.32);
+  --color-zinc-300: oklch(87.1% 0.006 286.286);
+  --color-zinc-400: oklch(70.5% 0.015 286.067);
+  --color-zinc-500: oklch(55.2% 0.016 285.938);
+  --color-zinc-600: oklch(44.2% 0.017 285.786);
+  --color-zinc-700: oklch(37% 0.013 285.805);
+  --color-zinc-800: oklch(27.4% 0.006 286.033);
+  --color-zinc-900: oklch(21% 0.006 285.885);
+  --color-zinc-950: oklch(14.1% 0.005 285.823);
+  --color-black: #000;
+  --color-white: #fff;
+  --spacing: 0.25rem;
+  --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);
+  --font-weight-medium: 500;
+  --font-weight-black: 900;
+  --leading-relaxed: 1.625;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --animate-spin: spin 1s linear infinite;
+  --animate-bounce: bounce 1s infinite;
+  --default-transition-duration: 150ms;
+  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --color-primary-900: rgb(217 7 10);
+  --color-primary-800: rgb(216 88 57);
+  --color-primary-700: rgb(219 110 78);
+  --color-primary-600: rgb(224 133 102);
+  --color-primary-500: rgb(229 154 127);
+  --color-primary-400: rgb(223 175 153);
+  --color-primary-300: rgb(238 196 179);
+  --color-primary-200: rgb(244 216 204);
+  --color-primary-100: rgb(248 236 230);
+  --color-default: oklch(0% 0 0);
+  --color-default-foreground: oklch(94.912% 0.00011 271.152);
+  --color-danger: oklch(0.627 0.201 29.234);
+  --color-danger-foreground: oklch(62.827% 0.20104 29.226 / 0.356);
+  --color-info: oklch(0.538 0.2 264.583);
+  --color-info-foreground: oklch(0.873 0.128 264.583);
+  --color-success: oklch(0.628 0.973 142.5);
+  --color-success-foreground: oklch(0.873 0.128 142.5);
+  --color-warning: oklch(0.75 0.18 90);
+  --color-warning-foreground: oklch(0.873 0.128 90);
+  --color-primary-foreground: oklch(98.5% 0 0);
+  --color-muted-foreground: oklch(45% 0 0);
+}
+@layer theme;
+@layer base {
+  @keyframes haiku-bubble-cursor-blink {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+    }
+  }
+  @keyframes haiku-bubble-fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  @keyframes haiku-upload-shine {
+    0% {
+      transform: translateX(-120%);
+    }
+    100% {
+      transform: translateX(120%);
+    }
+  }
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.inset-0 {
+  inset: calc(var(--spacing) * 0);
+}
+.z-10 {
+  z-index: 10;
+}
+.z-20 {
+  z-index: 20;
+}
+.z-30 {
+  z-index: 30;
+}
+.container {
+  width: 100%;
+  @media (width >= 40rem) {
+    max-width: 40rem;
+  }
+  @media (width >= 48rem) {
+    max-width: 48rem;
+  }
+  @media (width >= 64rem) {
+    max-width: 64rem;
+  }
+  @media (width >= 80rem) {
+    max-width: 80rem;
+  }
+  @media (width >= 96rem) {
+    max-width: 96rem;
+  }
+}
+.mt-1 {
+  margin-top: calc(var(--spacing) * 1);
+}
+.mt-2 {
+  margin-top: calc(var(--spacing) * 2);
+}
+.mt-4 {
+  margin-top: calc(var(--spacing) * 4);
+}
+.mr-1 {
+  margin-right: calc(var(--spacing) * 1);
+}
+.mb-1 {
+  margin-bottom: calc(var(--spacing) * 1);
+}
+.ml-1 {
+  margin-left: calc(var(--spacing) * 1);
+}
+.ml-2 {
+  margin-left: calc(var(--spacing) * 2);
+}
+.flex {
+  display: flex;
+}
+.inline {
+  display: inline;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.size-1\.5 {
+  width: calc(var(--spacing) * 1.5);
+  height: calc(var(--spacing) * 1.5);
+}
+.size-4 {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+}
+.size-9 {
+  width: calc(var(--spacing) * 9);
+  height: calc(var(--spacing) * 9);
+}
+.h-1 {
+  height: calc(var(--spacing) * 1);
+}
+.h-1\.5 {
+  height: calc(var(--spacing) * 1.5);
+}
+.h-4 {
+  height: calc(var(--spacing) * 4);
+}
+.h-8 {
+  height: calc(var(--spacing) * 8);
+}
+.h-9 {
+  height: calc(var(--spacing) * 9);
+}
+.h-10 {
+  height: calc(var(--spacing) * 10);
+}
+.h-12 {
+  height: calc(var(--spacing) * 12);
+}
+.h-15 {
+  height: calc(var(--spacing) * 15);
+}
+.h-23 {
+  height: calc(var(--spacing) * 23);
+}
+.h-35 {
+  height: calc(var(--spacing) * 35);
+}
+.h-\[80\%\] {
+  height: 80%;
+}
+.h-full {
+  height: 100%;
+}
+.min-h-\[96px\] {
+  min-height: 96px;
+}
+.min-h-\[120px\] {
+  min-height: 120px;
+}
+.min-h-\[152px\] {
+  min-height: 152px;
+}
+.w-4 {
+  width: calc(var(--spacing) * 4);
+}
+.w-8 {
+  width: calc(var(--spacing) * 8);
+}
+.w-10 {
+  width: calc(var(--spacing) * 10);
+}
+.w-12 {
+  width: calc(var(--spacing) * 12);
+}
+.w-15 {
+  width: calc(var(--spacing) * 15);
+}
+.w-23 {
+  width: calc(var(--spacing) * 23);
+}
+.w-35 {
+  width: calc(var(--spacing) * 35);
+}
+.w-\[3ch\] {
+  width: 3ch;
+}
+.w-\[4ch\] {
+  width: 4ch;
+}
+.w-\[80\%\] {
+  width: 80%;
+}
+.w-\[130px\] {
+  width: 130px;
+}
+.w-\[154px\] {
+  width: 154px;
+}
+.w-full {
+  width: 100%;
+}
+.max-w-full {
+  max-width: 100%;
+}
+.min-w-0 {
+  min-width: calc(var(--spacing) * 0);
+}
+.flex-1 {
+  flex: 1;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.haiku-upload-shine {
+  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.12), transparent), linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
+  animation: haiku-upload-shine 1.2s linear infinite;
+  will-change: transform;
+}
+.animate-\[haiku-bubble-cursor-blink_0\.8s_linear_infinite\] {
+  animation: haiku-bubble-cursor-blink 0.8s linear infinite;
+}
+.animate-\[haiku-bubble-fade-in_0\.1s_linear\] {
+  animation: haiku-bubble-fade-in 0.1s linear;
+}
+.animate-bounce {
+  animation: var(--animate-bounce);
+}
+.animate-spin {
+  animation: var(--animate-spin);
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.items-center {
+  align-items: center;
+}
+.items-start {
+  align-items: flex-start;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.gap-1 {
+  gap: calc(var(--spacing) * 1);
+}
+.gap-1\.5 {
+  gap: calc(var(--spacing) * 1.5);
+}
+.gap-2 {
+  gap: calc(var(--spacing) * 2);
+}
+.gap-3 {
+  gap: calc(var(--spacing) * 3);
+}
+.gap-4 {
+  gap: calc(var(--spacing) * 4);
+}
+.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)));
+  }
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-full {
+  border-radius: calc(infinity * 1px);
+}
+.rounded-lg {
+  border-radius: var(--radius-lg);
+}
+.rounded-md {
+  border-radius: var(--radius-md);
+}
+.rounded-none {
+  border-radius: 0;
+}
+.rounded-xl {
+  border-radius: var(--radius-xl);
+}
+.rounded-tl-sm {
+  border-top-left-radius: var(--radius-sm);
+}
+.rounded-tr-sm {
+  border-top-right-radius: var(--radius-sm);
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.border-t {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+}
+.border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+.border-dashed {
+  --tw-border-style: dashed;
+  border-style: dashed;
+}
+.border-amber-300 {
+  border-color: var(--color-amber-300);
+}
+.border-blue-300 {
+  border-color: var(--color-blue-300);
+}
+.border-current {
+  border-color: currentcolor;
+}
+.border-danger-foreground {
+  border-color: var(--color-danger-foreground);
+}
+.border-default {
+  border-color: var(--color-default);
+}
+.border-emerald-300 {
+  border-color: var(--color-emerald-300);
+}
+.border-gray-300 {
+  border-color: var(--color-gray-300);
+}
+.border-info-foreground {
+  border-color: var(--color-info-foreground);
+}
+.border-primary-300 {
+  border-color: var(--color-primary-300);
+}
+.border-success-foreground {
+  border-color: var(--color-success-foreground);
+}
+.border-warning-foreground {
+  border-color: var(--color-warning-foreground);
+}
+.border-zinc-200\/70 {
+  border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 70%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-zinc-200) 70%, transparent);
+  }
+}
+.border-t-transparent {
+  border-top-color: transparent;
+}
+.bg-amber-50 {
+  background-color: var(--color-amber-50);
+}
+.bg-black\/35 {
+  background-color: color-mix(in srgb, #000 35%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
+  }
+}
+.bg-black\/60 {
+  background-color: color-mix(in srgb, #000 60%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+  }
+}
+.bg-blue-50 {
+  background-color: var(--color-blue-50);
+}
+.bg-blue-500 {
+  background-color: var(--color-blue-500);
+}
+.bg-danger {
+  background-color: var(--color-danger);
+}
+.bg-default {
+  background-color: var(--color-default);
+}
+.bg-default-foreground\/20 {
+  background-color: color-mix(in srgb, oklch(94.912% 0.00011 271.152) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-default-foreground) 20%, transparent);
+  }
+}
+.bg-emerald-50 {
+  background-color: var(--color-emerald-50);
+}
+.bg-gray-100 {
+  background-color: var(--color-gray-100);
+}
+.bg-gray-200 {
+  background-color: var(--color-gray-200);
+}
+.bg-info {
+  background-color: var(--color-info);
+}
+.bg-muted-foreground {
+  background-color: var(--color-muted-foreground);
+}
+.bg-primary-100 {
+  background-color: var(--color-primary-100);
+}
+.bg-primary-200 {
+  background-color: var(--color-primary-200);
+}
+.bg-primary-300 {
+  background-color: var(--color-primary-300);
+}
+.bg-primary-400 {
+  background-color: var(--color-primary-400);
+}
+.bg-primary-500 {
+  background-color: var(--color-primary-500);
+}
+.bg-primary-600 {
+  background-color: var(--color-primary-600);
+}
+.bg-primary-700 {
+  background-color: var(--color-primary-700);
+}
+.bg-primary-800 {
+  background-color: var(--color-primary-800);
+}
+.bg-primary-900 {
+  background-color: var(--color-primary-900);
+}
+.bg-red-50 {
+  background-color: var(--color-red-50);
+}
+.bg-success {
+  background-color: var(--color-success);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-warning {
+  background-color: var(--color-warning);
+}
+.bg-white {
+  background-color: var(--color-white);
+}
+.bg-zinc-50 {
+  background-color: var(--color-zinc-50);
+}
+.bg-zinc-100 {
+  background-color: var(--color-zinc-100);
+}
+.bg-zinc-400 {
+  background-color: var(--color-zinc-400);
+}
+.bg-zinc-950 {
+  background-color: var(--color-zinc-950);
+}
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.p-0 {
+  padding: calc(var(--spacing) * 0);
+}
+.p-1 {
+  padding: calc(var(--spacing) * 1);
+}
+.p-2 {
+  padding: calc(var(--spacing) * 2);
+}
+.p-3 {
+  padding: calc(var(--spacing) * 3);
+}
+.p-5 {
+  padding: calc(var(--spacing) * 5);
+}
+.px-3 {
+  padding-inline: calc(var(--spacing) * 3);
+}
+.px-4 {
+  padding-inline: calc(var(--spacing) * 4);
+}
+.px-5 {
+  padding-inline: calc(var(--spacing) * 5);
+}
+.px-6 {
+  padding-inline: calc(var(--spacing) * 6);
+}
+.px-8 {
+  padding-inline: calc(var(--spacing) * 8);
+}
+.py-2 {
+  padding-block: calc(var(--spacing) * 2);
+}
+.py-3 {
+  padding-block: calc(var(--spacing) * 3);
+}
+.py-4 {
+  padding-block: calc(var(--spacing) * 4);
+}
+.py-6 {
+  padding-block: calc(var(--spacing) * 6);
+}
+.py-8 {
+  padding-block: calc(var(--spacing) * 8);
+}
+.py-10 {
+  padding-block: calc(var(--spacing) * 10);
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.text-sm {
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+}
+.text-xs {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+}
+.leading-6 {
+  --tw-leading: calc(var(--spacing) * 6);
+  line-height: calc(var(--spacing) * 6);
+}
+.leading-relaxed {
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
+}
+.font-black {
+  --tw-font-weight: var(--font-weight-black);
+  font-weight: var(--font-weight-black);
+}
+.font-medium {
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
+}
+.break-words {
+  overflow-wrap: break-word;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+.text-amber-800 {
+  color: var(--color-amber-800);
+}
+.text-blue-500 {
+  color: var(--color-blue-500);
+}
+.text-blue-700 {
+  color: var(--color-blue-700);
+}
+.text-danger {
+  color: var(--color-danger);
+}
+.text-danger-foreground {
+  color: var(--color-danger-foreground);
+}
+.text-default {
+  color: var(--color-default);
+}
+.text-emerald-700 {
+  color: var(--color-emerald-700);
+}
+.text-gray-400 {
+  color: var(--color-gray-400);
+}
+.text-gray-500 {
+  color: var(--color-gray-500);
+}
+.text-green-500 {
+  color: var(--color-green-500);
+}
+.text-info {
+  color: var(--color-info);
+}
+.text-info-foreground {
+  color: var(--color-info-foreground);
+}
+.text-primary-900 {
+  color: var(--color-primary-900);
+}
+.text-primary-foreground {
+  color: var(--color-primary-foreground);
+}
+.text-red-500 {
+  color: var(--color-red-500);
+}
+.text-red-700 {
+  color: var(--color-red-700);
+}
+.text-success {
+  color: var(--color-success);
+}
+.text-success-foreground {
+  color: var(--color-success-foreground);
+}
+.text-warning {
+  color: var(--color-warning);
+}
+.text-warning-foreground {
+  color: var(--color-warning-foreground);
+}
+.text-white {
+  color: var(--color-white);
+}
+.text-zinc-50 {
+  color: var(--color-zinc-50);
+}
+.text-zinc-500 {
+  color: var(--color-zinc-500);
+}
+.text-zinc-600 {
+  color: var(--color-zinc-600);
+}
+.text-zinc-900 {
+  color: var(--color-zinc-900);
+}
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+}
+.underline-offset-4 {
+  text-underline-offset: 4px;
+}
+.opacity-0 {
+  opacity: 0%;
+}
+.opacity-50 {
+  opacity: 50%;
+}
+.opacity-70 {
+  opacity: 70%;
+}
+.opacity-80 {
+  opacity: 80%;
+}
+.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));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 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));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.transition-\[width\] {
+  transition-property: width;
+  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-colors {
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --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));
+}
+.duration-200 {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+.duration-300 {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+}
+.ease-out {
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.select-none {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
+.\[animation-delay\:-0\.1s\] {
+  animation-delay: -0.1s;
+}
+.\[animation-delay\:-0\.2s\] {
+  animation-delay: -0.2s;
+}
+.hover\:border-amber-400 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-amber-400);
+    }
+  }
+}
+.hover\:border-blue-400 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-blue-400);
+    }
+  }
+}
+.hover\:border-danger-foreground {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-danger-foreground);
+    }
+  }
+}
+.hover\:border-default {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-default);
+    }
+  }
+}
+.hover\:border-emerald-400 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-emerald-400);
+    }
+  }
+}
+.hover\:border-primary-400 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--color-primary-400);
+    }
+  }
+}
+.hover\:bg-amber-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-amber-50);
+    }
+  }
+}
+.hover\:bg-amber-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-amber-100);
+    }
+  }
+}
+.hover\:bg-blue-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-blue-50);
+    }
+  }
+}
+.hover\:bg-blue-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-blue-100);
+    }
+  }
+}
+.hover\:bg-danger {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-danger);
+    }
+  }
+}
+.hover\:bg-danger-foreground\/6 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, oklch(62.827% 0.20104 29.226 / 0.356) 6%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-danger-foreground) 6%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-default {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-default);
+    }
+  }
+}
+.hover\:bg-default-foreground {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-default-foreground);
+    }
+  }
+}
+.hover\:bg-default-foreground\/10 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, oklch(94.912% 0.00011 271.152) 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-default-foreground) 10%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-emerald-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-emerald-50);
+    }
+  }
+}
+.hover\:bg-emerald-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-emerald-100);
+    }
+  }
+}
+.hover\:bg-gray-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-gray-100);
+    }
+  }
+}
+.hover\:bg-info {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-info);
+    }
+  }
+}
+.hover\:bg-info-foreground\/6 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, oklch(0.873 0.128 264.583) 6%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-info-foreground) 6%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-primary-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-100);
+    }
+  }
+}
+.hover\:bg-primary-100\/60 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, rgb(248 236 230) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary-100) 60%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-primary-200 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-200);
+    }
+  }
+}
+.hover\:bg-primary-800 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-800);
+    }
+  }
+}
+.hover\:bg-primary-foreground {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-primary-foreground);
+    }
+  }
+}
+.hover\:bg-red-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-red-50);
+    }
+  }
+}
+.hover\:bg-red-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-red-100);
+    }
+  }
+}
+.hover\:bg-success {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-success);
+    }
+  }
+}
+.hover\:bg-success-foreground\/6 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, oklch(0.873 0.128 142.5) 6%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-success-foreground) 6%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-warning {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-warning);
+    }
+  }
+}
+.hover\:bg-warning-foreground\/6 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: color-mix(in srgb, oklch(0.873 0.128 90) 6%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-warning-foreground) 6%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-zinc-50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-50);
+    }
+  }
+}
+.hover\:bg-zinc-100 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-100);
+    }
+  }
+}
+.hover\:bg-zinc-200 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-zinc-200);
+    }
+  }
+}
+.hover\:text-amber-700 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-amber-700);
+    }
+  }
+}
+.hover\:text-blue-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-blue-600);
+    }
+  }
+}
+.hover\:text-emerald-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-emerald-600);
+    }
+  }
+}
+.hover\:text-primary-800 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-primary-800);
+    }
+  }
+}
+.hover\:text-red-600 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-red-600);
+    }
+  }
+}
+.hover\:text-zinc-700 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-zinc-700);
+    }
+  }
+}
+.hover\:underline {
+  &:hover {
+    @media (hover: hover) {
+      text-decoration-line: underline;
+    }
+  }
+}
+.focus-visible\:ring-2 {
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+.focus-visible\:ring-primary-300 {
+  &:focus-visible {
+    --tw-ring-color: var(--color-primary-300);
+  }
+}
+.focus-visible\:ring-offset-2 {
+  &:focus-visible {
+    --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-offset-white {
+  &:focus-visible {
+    --tw-ring-offset-color: var(--color-white);
+  }
+}
+.focus-visible\:outline-none {
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.disabled\:cursor-not-allowed {
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+.disabled\:cursor-wait {
+  &:disabled {
+    cursor: wait;
+  }
+}
+.disabled\:opacity-50 {
+  &:disabled {
+    opacity: 50%;
+  }
+}
+.has-\[\>svg\]\:px-2\.5 {
+  &:has(>svg) {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+}
+.has-\[\>svg\]\:px-3 {
+  &:has(>svg) {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+}
+.has-\[\>svg\]\:px-4 {
+  &:has(>svg) {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+}
+.dark\:border-zinc-800 {
+  @media (prefers-color-scheme: dark) {
+    border-color: var(--color-zinc-800);
+  }
+}
+.dark\:bg-zinc-500 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-zinc-500);
+  }
+}
+.dark\:bg-zinc-800 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-zinc-800);
+  }
+}
+.dark\:bg-zinc-900 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-zinc-900);
+  }
+}
+.dark\:bg-zinc-900\/40 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent);
+    }
+  }
+}
+.dark\:bg-zinc-900\/60 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent);
+    }
+  }
+}
+.dark\:bg-zinc-950 {
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--color-zinc-950);
+  }
+}
+.dark\:text-zinc-50 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-zinc-50);
+  }
+}
+.dark\:text-zinc-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-zinc-300);
+  }
+}
+.dark\:text-zinc-400 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-zinc-400);
+  }
+}
+.dark\:hover\:bg-zinc-900\/30 {
+  @media (prefers-color-scheme: dark) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent);
+        }
+      }
+    }
+  }
+}
+.dark\:focus-visible\:ring-primary-700 {
+  @media (prefers-color-scheme: dark) {
+    &:focus-visible {
+      --tw-ring-color: var(--color-primary-700);
+    }
+  }
+}
+.dark\:focus-visible\:ring-offset-zinc-950 {
+  @media (prefers-color-scheme: dark) {
+    &:focus-visible {
+      --tw-ring-offset-color: var(--color-zinc-950);
+    }
+  }
+}
+.\[\&_svg\]\:pointer-events-none {
+  & svg {
+    pointer-events: none;
+  }
+}
+.\[\&_svg\]\:shrink-0 {
+  & svg {
+    flex-shrink: 0;
+  }
+}
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+  & svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+}
+@property --tw-space-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-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  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-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+@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-space-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: 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-duration: initial;
+      --tw-ease: initial;
+    }
+  }
+}
+
+
+/*# sourceMappingURL=styles.css.map */