@camunda/design-system 0.1.0

package/dist/styles.css

@@ -0,0 +1,4315 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties;
+:root, :host {
+  --font-sans: "Geist Sans", sans-serif;
+  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
+  --color-red-500: oklch(63.7% 0.237 25.331);
+  --color-orange-100: oklch(95.4% 0.038 75.164);
+  --color-emerald-600: oklch(59.6% 0.145 163.225);
+  --color-blue-500: oklch(62.3% 0.214 259.815);
+  --color-gray-200: oklch(92.8% 0.006 264.531);
+  --color-zinc-900: oklch(21% 0.006 285.885);
+  --color-black: #000;
+  --color-white: #fff;
+  --spacing: 0.25rem;
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --container-xs: 20rem;
+  --container-sm: 24rem;
+  --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-lg: 1.125rem;
+  --text-lg--line-height: calc(1.75 / 1.125);
+  --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);
+  --text-3xl: 1.875rem;
+  --text-3xl--line-height: calc(2.25 / 1.875);
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --tracking-wide: 0.025em;
+  --tracking-widest: 0.1em;
+  --leading-snug: 1.375;
+  --leading-relaxed: 1.625;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-4xl: 2rem;
+  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-spin: spin 1s linear infinite;
+  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  --blur-xs: 4px;
+  --blur-sm: 8px;
+  --default-transition-duration: 150ms;
+  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --default-font-family: "Geist Sans", sans-serif;
+  --default-mono-font-family: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
+  --font-heading: var(--font-sans);
+  --color-primary: var(--primary);
+  --color-overlay: var(--overlay);
+}
+.\@container\/card-header {
+  container-type: inline-size;
+  container-name: card-header;
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.collapse {
+  visibility: collapse;
+}
+.invisible {
+  visibility: hidden;
+}
+.visible {
+  visibility: visible;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.relative {
+  position: relative;
+}
+.static {
+  position: static;
+}
+.sticky {
+  position: sticky;
+}
+.inset-0 {
+  inset: calc(var(--spacing) * 0);
+}
+.inset-x-0 {
+  inset-inline: calc(var(--spacing) * 0);
+}
+.inset-y-0 {
+  inset-block: calc(var(--spacing) * 0);
+}
+.-top-0\.5 {
+  top: calc(var(--spacing) * -0.5);
+}
+.top-0 {
+  top: calc(var(--spacing) * 0);
+}
+.top-1\/2 {
+  top: calc(1 / 2 * 100%);
+}
+.top-2 {
+  top: calc(var(--spacing) * 2);
+}
+.top-12 {
+  top: calc(var(--spacing) * 12);
+}
+.-right-0\.5 {
+  right: calc(var(--spacing) * -0.5);
+}
+.right-0 {
+  right: calc(var(--spacing) * 0);
+}
+.right-2 {
+  right: calc(var(--spacing) * 2);
+}
+.right-3 {
+  right: calc(var(--spacing) * 3);
+}
+.bottom-0 {
+  bottom: calc(var(--spacing) * 0);
+}
+.left-0 {
+  left: calc(var(--spacing) * 0);
+}
+.left-0\.5 {
+  left: calc(var(--spacing) * 0.5);
+}
+.left-1\/2 {
+  left: calc(1 / 2 * 100%);
+}
+.left-2 {
+  left: calc(var(--spacing) * 2);
+}
+.left-3 {
+  left: calc(var(--spacing) * 3);
+}
+.isolate {
+  isolation: isolate;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-40 {
+  z-index: 40;
+}
+.z-50 {
+  z-index: 50;
+}
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+.col-start-2 {
+  grid-column-start: 2;
+}
+.row-span-2 {
+  grid-row: span 2 / span 2;
+}
+.row-start-1 {
+  grid-row-start: 1;
+}
+.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;
+  }
+}
+.m-0 {
+  margin: calc(var(--spacing) * 0);
+}
+.-mx-1 {
+  margin-inline: calc(var(--spacing) * -1);
+}
+.-mx-2 {
+  margin-inline: calc(var(--spacing) * -2);
+}
+.-mx-4 {
+  margin-inline: calc(var(--spacing) * -4);
+}
+.-mx-6 {
+  margin-inline: calc(var(--spacing) * -6);
+}
+.mx-1 {
+  margin-inline: calc(var(--spacing) * 1);
+}
+.mx-2 {
+  margin-inline: calc(var(--spacing) * 2);
+}
+.mx-auto {
+  margin-inline: auto;
+}
+.my-1 {
+  margin-block: calc(var(--spacing) * 1);
+}
+.my-3 {
+  margin-block: calc(var(--spacing) * 3);
+}
+.mt-0\.5 {
+  margin-top: calc(var(--spacing) * 0.5);
+}
+.mt-1 {
+  margin-top: calc(var(--spacing) * 1);
+}
+.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);
+}
+.mt-4 {
+  margin-top: calc(var(--spacing) * 4);
+}
+.mt-auto {
+  margin-top: auto;
+}
+.mr-1 {
+  margin-right: calc(var(--spacing) * 1);
+}
+.mr-2 {
+  margin-right: calc(var(--spacing) * 2);
+}
+.mr-3 {
+  margin-right: calc(var(--spacing) * 3);
+}
+.mr-4 {
+  margin-right: calc(var(--spacing) * 4);
+}
+.-mb-4 {
+  margin-bottom: calc(var(--spacing) * -4);
+}
+.-mb-6 {
+  margin-bottom: calc(var(--spacing) * -6);
+}
+.mb-1 {
+  margin-bottom: calc(var(--spacing) * 1);
+}
+.mb-2 {
+  margin-bottom: calc(var(--spacing) * 2);
+}
+.mb-6 {
+  margin-bottom: calc(var(--spacing) * 6);
+}
+.-ml-0\.5 {
+  margin-left: calc(var(--spacing) * -0.5);
+}
+.ml-1 {
+  margin-left: calc(var(--spacing) * 1);
+}
+.ml-4 {
+  margin-left: calc(var(--spacing) * 4);
+}
+.ml-auto {
+  margin-left: auto;
+}
+.block {
+  display: block;
+}
+.contents {
+  display: contents;
+}
+.flex {
+  display: flex;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.inline {
+  display: inline;
+}
+.inline-block {
+  display: inline-block;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.table-caption {
+  display: table-caption;
+}
+.table-cell {
+  display: table-cell;
+}
+.table-row {
+  display: table-row;
+}
+.field-sizing-content {
+  field-sizing: content;
+}
+.aspect-square {
+  aspect-ratio: 1 / 1;
+}
+.size-2 {
+  width: calc(var(--spacing) * 2);
+  height: calc(var(--spacing) * 2);
+}
+.size-3 {
+  width: calc(var(--spacing) * 3);
+  height: calc(var(--spacing) * 3);
+}
+.size-3\.5 {
+  width: calc(var(--spacing) * 3.5);
+  height: calc(var(--spacing) * 3.5);
+}
+.size-4 {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+}
+.size-5 {
+  width: calc(var(--spacing) * 5);
+  height: calc(var(--spacing) * 5);
+}
+.size-6 {
+  width: calc(var(--spacing) * 6);
+  height: calc(var(--spacing) * 6);
+}
+.size-7 {
+  width: calc(var(--spacing) * 7);
+  height: calc(var(--spacing) * 7);
+}
+.size-8 {
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+}
+.size-9 {
+  width: calc(var(--spacing) * 9);
+  height: calc(var(--spacing) * 9);
+}
+.size-10 {
+  width: calc(var(--spacing) * 10);
+  height: calc(var(--spacing) * 10);
+}
+.size-11 {
+  width: calc(var(--spacing) * 11);
+  height: calc(var(--spacing) * 11);
+}
+.size-full {
+  width: 100%;
+  height: 100%;
+}
+.h-\(--radix-select-trigger-height\) {
+  height: var(--radix-select-trigger-height);
+}
+.h-1 {
+  height: calc(var(--spacing) * 1);
+}
+.h-2 {
+  height: calc(var(--spacing) * 2);
+}
+.h-2\.5 {
+  height: calc(var(--spacing) * 2.5);
+}
+.h-3 {
+  height: calc(var(--spacing) * 3);
+}
+.h-4 {
+  height: calc(var(--spacing) * 4);
+}
+.h-5 {
+  height: calc(var(--spacing) * 5);
+}
+.h-6 {
+  height: calc(var(--spacing) * 6);
+}
+.h-7 {
+  height: calc(var(--spacing) * 7);
+}
+.h-8 {
+  height: calc(var(--spacing) * 8);
+}
+.h-9 {
+  height: calc(var(--spacing) * 9);
+}
+.h-10 {
+  height: calc(var(--spacing) * 10);
+}
+.h-11 {
+  height: calc(var(--spacing) * 11);
+}
+.h-12 {
+  height: calc(var(--spacing) * 12);
+}
+.h-14 {
+  height: calc(var(--spacing) * 14);
+}
+.h-16 {
+  height: calc(var(--spacing) * 16);
+}
+.h-24 {
+  height: calc(var(--spacing) * 24);
+}
+.h-32 {
+  height: calc(var(--spacing) * 32);
+}
+.h-40 {
+  height: calc(var(--spacing) * 40);
+}
+.h-56 {
+  height: calc(var(--spacing) * 56);
+}
+.h-\[32rem\] {
+  height: 32rem;
+}
+.h-\[36rem\] {
+  height: 36rem;
+}
+.h-\[400px\] {
+  height: 400px;
+}
+.h-\[480px\] {
+  height: 480px;
+}
+.h-\[calc\(100\%-2px\)\] {
+  height: calc(100% - 2px);
+}
+.h-auto {
+  height: auto;
+}
+.h-full {
+  height: 100%;
+}
+.h-px {
+  height: 1px;
+}
+.max-h-\(--radix-dropdown-menu-content-available-height\) {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+.max-h-\(--radix-select-content-available-height\) {
+  max-height: var(--radix-select-content-available-height);
+}
+.max-h-64 {
+  max-height: calc(var(--spacing) * 64);
+}
+.max-h-72 {
+  max-height: calc(var(--spacing) * 72);
+}
+.max-h-\[60vh\] {
+  max-height: 60vh;
+}
+.min-h-10 {
+  min-height: calc(var(--spacing) * 10);
+}
+.min-h-11 {
+  min-height: calc(var(--spacing) * 11);
+}
+.min-h-16 {
+  min-height: calc(var(--spacing) * 16);
+}
+.min-h-24 {
+  min-height: calc(var(--spacing) * 24);
+}
+.min-h-32 {
+  min-height: calc(var(--spacing) * 32);
+}
+.min-h-screen {
+  min-height: 100vh;
+}
+.w-1 {
+  width: calc(var(--spacing) * 1);
+}
+.w-2 {
+  width: calc(var(--spacing) * 2);
+}
+.w-2\.5 {
+  width: calc(var(--spacing) * 2.5);
+}
+.w-2\/3 {
+  width: calc(2 / 3 * 100%);
+}
+.w-3 {
+  width: calc(var(--spacing) * 3);
+}
+.w-3\/4 {
+  width: calc(3 / 4 * 100%);
+}
+.w-4 {
+  width: calc(var(--spacing) * 4);
+}
+.w-5 {
+  width: calc(var(--spacing) * 5);
+}
+.w-6 {
+  width: calc(var(--spacing) * 6);
+}
+.w-7 {
+  width: calc(var(--spacing) * 7);
+}
+.w-8 {
+  width: calc(var(--spacing) * 8);
+}
+.w-9 {
+  width: calc(var(--spacing) * 9);
+}
+.w-10 {
+  width: calc(var(--spacing) * 10);
+}
+.w-11 {
+  width: calc(var(--spacing) * 11);
+}
+.w-12 {
+  width: calc(var(--spacing) * 12);
+}
+.w-14 {
+  width: calc(var(--spacing) * 14);
+}
+.w-16 {
+  width: calc(var(--spacing) * 16);
+}
+.w-20 {
+  width: calc(var(--spacing) * 20);
+}
+.w-24 {
+  width: calc(var(--spacing) * 24);
+}
+.w-32 {
+  width: calc(var(--spacing) * 32);
+}
+.w-36 {
+  width: calc(var(--spacing) * 36);
+}
+.w-40 {
+  width: calc(var(--spacing) * 40);
+}
+.w-48 {
+  width: calc(var(--spacing) * 48);
+}
+.w-56 {
+  width: calc(var(--spacing) * 56);
+}
+.w-60 {
+  width: calc(var(--spacing) * 60);
+}
+.w-64 {
+  width: calc(var(--spacing) * 64);
+}
+.w-72 {
+  width: calc(var(--spacing) * 72);
+}
+.w-80 {
+  width: calc(var(--spacing) * 80);
+}
+.w-96 {
+  width: calc(var(--spacing) * 96);
+}
+.w-\[--radix-popover-trigger-width\] {
+  width: --radix-popover-trigger-width;
+}
+.w-\[50px\] {
+  width: 50px;
+}
+.w-\[120px\] {
+  width: 120px;
+}
+.w-\[140px\] {
+  width: 140px;
+}
+.w-\[180px\] {
+  width: 180px;
+}
+.w-\[200px\] {
+  width: 200px;
+}
+.w-\[250px\] {
+  width: 250px;
+}
+.w-\[var\(--radix-popover-trigger-width\)\] {
+  width: var(--radix-popover-trigger-width);
+}
+.w-auto {
+  width: auto;
+}
+.w-fit {
+  width: fit-content;
+}
+.w-full {
+  width: 100%;
+}
+.max-w-\[360px\] {
+  max-width: 360px;
+}
+.max-w-\[672px\] {
+  max-width: 672px;
+}
+.max-w-\[1584px\] {
+  max-width: 1584px;
+}
+.max-w-\[calc\(100\%-2rem\)\] {
+  max-width: calc(100% - 2rem);
+}
+.max-w-sm {
+  max-width: var(--container-sm);
+}
+.max-w-xs {
+  max-width: var(--container-xs);
+}
+.min-w-\(--radix-select-trigger-width\) {
+  min-width: var(--radix-select-trigger-width);
+}
+.min-w-0 {
+  min-width: calc(var(--spacing) * 0);
+}
+.min-w-5 {
+  min-width: calc(var(--spacing) * 5);
+}
+.min-w-7 {
+  min-width: calc(var(--spacing) * 7);
+}
+.min-w-8 {
+  min-width: calc(var(--spacing) * 8);
+}
+.min-w-9 {
+  min-width: calc(var(--spacing) * 9);
+}
+.min-w-11 {
+  min-width: calc(var(--spacing) * 11);
+}
+.min-w-32 {
+  min-width: calc(var(--spacing) * 32);
+}
+.min-w-36 {
+  min-width: calc(var(--spacing) * 36);
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+.shrink {
+  flex-shrink: 1;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.grow {
+  flex-grow: 1;
+}
+.caption-bottom {
+  caption-side: bottom;
+}
+.border-collapse {
+  border-collapse: collapse;
+}
+.border-separate {
+  border-collapse: separate;
+}
+.origin-\(--radix-dropdown-menu-content-transform-origin\) {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+.origin-\(--radix-popover-content-transform-origin\) {
+  transform-origin: var(--radix-popover-content-transform-origin);
+}
+.origin-\(--radix-select-content-transform-origin\) {
+  transform-origin: var(--radix-select-content-transform-origin);
+}
+.origin-\(--radix-tooltip-content-transform-origin\) {
+  transform-origin: var(--radix-tooltip-content-transform-origin);
+}
+.-translate-x-1\/2 {
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.rotate-90 {
+  rotate: 90deg;
+}
+.transform {
+  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+}
+.animate-pulse {
+  animation: var(--animate-pulse);
+}
+.animate-spin {
+  animation: var(--animate-spin);
+}
+.cursor-col-resize {
+  cursor: col-resize;
+}
+.cursor-default {
+  cursor: default;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.touch-none {
+  touch-action: none;
+}
+.resize {
+  resize: both;
+}
+.resize-none {
+  resize: none;
+}
+.resize-y {
+  resize: vertical;
+}
+.scroll-my-1 {
+  scroll-margin-block: calc(var(--spacing) * 1);
+}
+.scroll-py-1 {
+  scroll-padding-block: calc(var(--spacing) * 1);
+}
+.list-inside {
+  list-style-position: inside;
+}
+.list-\[circle\] {
+  list-style-type: circle;
+}
+.list-disc {
+  list-style-type: disc;
+}
+.list-none {
+  list-style-type: none;
+}
+.auto-rows-min {
+  grid-auto-rows: min-content;
+}
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.place-content-center {
+  place-content: center;
+}
+.items-center {
+  align-items: center;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-start {
+  align-items: flex-start;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.gap-0 {
+  gap: calc(var(--spacing) * 0);
+}
+.gap-0\.5 {
+  gap: calc(var(--spacing) * 0.5);
+}
+.gap-1 {
+  gap: calc(var(--spacing) * 1);
+}
+.gap-1\.5 {
+  gap: calc(var(--spacing) * 1.5);
+}
+.gap-2 {
+  gap: calc(var(--spacing) * 2);
+}
+.gap-2\.5 {
+  gap: calc(var(--spacing) * 2.5);
+}
+.gap-3 {
+  gap: calc(var(--spacing) * 3);
+}
+.gap-4 {
+  gap: calc(var(--spacing) * 4);
+}
+.gap-6 {
+  gap: calc(var(--spacing) * 6);
+}
+.gap-8 {
+  gap: calc(var(--spacing) * 8);
+}
+.gap-10 {
+  gap: calc(var(--spacing) * 10);
+}
+.gap-12 {
+  gap: calc(var(--spacing) * 12);
+}
+.gap-16 {
+  gap: calc(var(--spacing) * 16);
+}
+.gap-20 {
+  gap: calc(var(--spacing) * 20);
+}
+.gap-24 {
+  gap: calc(var(--spacing) * 24);
+}
+.gap-40 {
+  gap: calc(var(--spacing) * 40);
+}
+.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-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)));
+  }
+}
+.divide-x {
+  :where(& > :not(:last-child)) {
+    --tw-divide-x-reverse: 0;
+    border-inline-style: var(--tw-border-style);
+    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-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)));
+  }
+}
+.self-start {
+  align-self: flex-start;
+}
+.self-stretch {
+  align-self: stretch;
+}
+.justify-self-end {
+  justify-self: flex-end;
+}
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.overflow-auto {
+  overflow: auto;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-visible {
+  overflow: visible;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-4xl {
+  border-radius: var(--radius-4xl);
+}
+.rounded-\[4px\] {
+  border-radius: 4px;
+}
+.rounded-\[7px\] {
+  border-radius: 7px;
+}
+.rounded-\[inherit\] {
+  border-radius: inherit;
+}
+.rounded-full {
+  border-radius: calc(infinity * 1px);
+}
+.rounded-lg {
+  border-radius: var(--radius);
+}
+.rounded-md {
+  border-radius: calc(var(--radius) - 2px);
+}
+.rounded-none {
+  border-radius: 0;
+}
+.rounded-sm {
+  border-radius: calc(var(--radius) - 4px);
+}
+.rounded-xl {
+  border-radius: calc(var(--radius) + 4px);
+}
+.rounded-t-md {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-top-right-radius: calc(var(--radius) - 2px);
+}
+.rounded-t-xl {
+  border-top-left-radius: calc(var(--radius) + 4px);
+  border-top-right-radius: calc(var(--radius) + 4px);
+}
+.rounded-l-md {
+  border-top-left-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+.rounded-r-md {
+  border-top-right-radius: calc(var(--radius) - 2px);
+  border-bottom-right-radius: calc(var(--radius) - 2px);
+}
+.rounded-b-md {
+  border-bottom-right-radius: calc(var(--radius) - 2px);
+  border-bottom-left-radius: calc(var(--radius) - 2px);
+}
+.rounded-b-xl {
+  border-bottom-right-radius: calc(var(--radius) + 4px);
+  border-bottom-left-radius: calc(var(--radius) + 4px);
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-0 {
+  border-style: var(--tw-border-style);
+  border-width: 0px;
+}
+.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-r {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 1px;
+}
+.border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+.border-l {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+.border-l-\[3px\] {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 3px;
+}
+.border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+.border-border {
+  border-color: var(--border);
+}
+.border-destructive {
+  border-color: var(--destructive);
+}
+.border-destructive\/30 {
+  border-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+  }
+}
+.border-gray-200 {
+  border-color: var(--color-gray-200);
+}
+.border-info {
+  border-color: var(--info);
+}
+.border-input {
+  border-color: var(--input);
+}
+.border-primary {
+  border-color: var(--primary);
+}
+.border-sidebar-border {
+  border-color: var(--sidebar-border);
+}
+.border-sidebar-primary {
+  border-color: var(--sidebar-primary);
+}
+.border-success {
+  border-color: var(--success);
+}
+.border-success\/30 {
+  border-color: var(--success);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--success) 30%, transparent);
+  }
+}
+.border-transparent {
+  border-color: transparent;
+}
+.border-warning {
+  border-color: var(--warning);
+}
+.border-t-transparent {
+  border-top-color: transparent;
+}
+.border-l-transparent {
+  border-left-color: transparent;
+}
+.bg-accent {
+  background-color: var(--accent);
+}
+.bg-background {
+  background-color: var(--background);
+}
+.bg-background\/20 {
+  background-color: var(--background);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--background) 20%, transparent);
+  }
+}
+.bg-background\/70 {
+  background-color: var(--background);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--background) 70%, transparent);
+  }
+}
+.bg-background\/80 {
+  background-color: var(--background);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--background) 80%, transparent);
+  }
+}
+.bg-background\/95 {
+  background-color: var(--background);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--background) 95%, transparent);
+  }
+}
+.bg-black\/10 {
+  background-color: color-mix(in srgb, #000 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+  }
+}
+.bg-black\/20 {
+  background-color: color-mix(in srgb, #000 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+  }
+}
+.bg-black\/40 {
+  background-color: color-mix(in srgb, #000 40%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+  }
+}
+.bg-border {
+  background-color: var(--border);
+}
+.bg-card {
+  background-color: var(--card);
+}
+.bg-card\/45 {
+  background-color: var(--card);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--card) 45%, transparent);
+  }
+}
+.bg-chart-1 {
+  background-color: var(--chart-1);
+}
+.bg-destructive {
+  background-color: var(--destructive);
+}
+.bg-destructive\/10 {
+  background-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+  }
+}
+.bg-destructive\/20 {
+  background-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+  }
+}
+.bg-foreground {
+  background-color: var(--foreground);
+}
+.bg-foreground\/10 {
+  background-color: var(--foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+  }
+}
+.bg-info\/10 {
+  background-color: var(--info);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--info) 10%, transparent);
+  }
+}
+.bg-input-background {
+  background-color: var(--input-background);
+}
+.bg-muted {
+  background-color: var(--muted);
+}
+.bg-muted-foreground {
+  background-color: var(--muted-foreground);
+}
+.bg-muted\/30 {
+  background-color: var(--muted);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+  }
+}
+.bg-muted\/40 {
+  background-color: var(--muted);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+  }
+}
+.bg-muted\/50 {
+  background-color: var(--muted);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+  }
+}
+.bg-orange-100 {
+  background-color: var(--color-orange-100);
+}
+.bg-overlay {
+  background-color: var(--overlay);
+}
+.bg-popover {
+  background-color: var(--popover);
+}
+.bg-primary {
+  background-color: var(--primary);
+}
+.bg-primary\/10 {
+  background-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+  }
+}
+.bg-primary\/20 {
+  background-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--primary) 20%, transparent);
+  }
+}
+.bg-red-500 {
+  background-color: var(--color-red-500);
+}
+.bg-secondary {
+  background-color: var(--secondary);
+}
+.bg-sidebar {
+  background-color: var(--sidebar);
+}
+.bg-sidebar-accent {
+  background-color: var(--sidebar-accent);
+}
+.bg-sidebar-accent-foreground {
+  background-color: var(--sidebar-accent-foreground);
+}
+.bg-sidebar-primary {
+  background-color: var(--sidebar-primary);
+}
+.bg-success {
+  background-color: var(--success);
+}
+.bg-success\/10 {
+  background-color: var(--success);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--success) 10%, transparent);
+  }
+}
+.bg-switch-background {
+  background-color: var(--switch-background);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-warning {
+  background-color: var(--warning);
+}
+.bg-warning\/10 {
+  background-color: var(--warning);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--warning) 10%, transparent);
+  }
+}
+.bg-zinc-900 {
+  background-color: var(--color-zinc-900);
+}
+.bg-clip-padding {
+  background-clip: padding-box;
+}
+.fill-background {
+  fill: var(--background);
+}
+.fill-current {
+  fill: currentcolor;
+}
+.fill-foreground {
+  fill: var(--foreground);
+}
+.fill-primary {
+  fill: var(--primary);
+}
+.p-0 {
+  padding: calc(var(--spacing) * 0);
+}
+.p-0\.5 {
+  padding: calc(var(--spacing) * 0.5);
+}
+.p-1 {
+  padding: calc(var(--spacing) * 1);
+}
+.p-1\.5 {
+  padding: calc(var(--spacing) * 1.5);
+}
+.p-2 {
+  padding: calc(var(--spacing) * 2);
+}
+.p-2\.5 {
+  padding: calc(var(--spacing) * 2.5);
+}
+.p-3 {
+  padding: calc(var(--spacing) * 3);
+}
+.p-4 {
+  padding: calc(var(--spacing) * 4);
+}
+.p-6 {
+  padding: calc(var(--spacing) * 6);
+}
+.p-8 {
+  padding: calc(var(--spacing) * 8);
+}
+.p-10 {
+  padding: calc(var(--spacing) * 10);
+}
+.p-12 {
+  padding: calc(var(--spacing) * 12);
+}
+.p-16 {
+  padding: calc(var(--spacing) * 16);
+}
+.p-20 {
+  padding: calc(var(--spacing) * 20);
+}
+.p-24 {
+  padding: calc(var(--spacing) * 24);
+}
+.p-40 {
+  padding: calc(var(--spacing) * 40);
+}
+.p-px {
+  padding: 1px;
+}
+.px-1 {
+  padding-inline: calc(var(--spacing) * 1);
+}
+.px-1\.5 {
+  padding-inline: calc(var(--spacing) * 1.5);
+}
+.px-2 {
+  padding-inline: calc(var(--spacing) * 2);
+}
+.px-2\.5 {
+  padding-inline: calc(var(--spacing) * 2.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);
+}
+.py-0\.5 {
+  padding-block: calc(var(--spacing) * 0.5);
+}
+.py-1 {
+  padding-block: calc(var(--spacing) * 1);
+}
+.py-1\.5 {
+  padding-block: calc(var(--spacing) * 1.5);
+}
+.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-5 {
+  padding-block: calc(var(--spacing) * 5);
+}
+.py-6 {
+  padding-block: calc(var(--spacing) * 6);
+}
+.py-16 {
+  padding-block: calc(var(--spacing) * 16);
+}
+.pt-0 {
+  padding-top: calc(var(--spacing) * 0);
+}
+.pt-2 {
+  padding-top: calc(var(--spacing) * 2);
+}
+.pt-4 {
+  padding-top: calc(var(--spacing) * 4);
+}
+.pt-12 {
+  padding-top: calc(var(--spacing) * 12);
+}
+.pr-1 {
+  padding-right: calc(var(--spacing) * 1);
+}
+.pr-2 {
+  padding-right: calc(var(--spacing) * 2);
+}
+.pr-3 {
+  padding-right: calc(var(--spacing) * 3);
+}
+.pr-7 {
+  padding-right: calc(var(--spacing) * 7);
+}
+.pr-8 {
+  padding-right: calc(var(--spacing) * 8);
+}
+.pr-9 {
+  padding-right: calc(var(--spacing) * 9);
+}
+.pb-0 {
+  padding-bottom: calc(var(--spacing) * 0);
+}
+.pb-1 {
+  padding-bottom: calc(var(--spacing) * 1);
+}
+.pb-4 {
+  padding-bottom: calc(var(--spacing) * 4);
+}
+.pl-1 {
+  padding-left: calc(var(--spacing) * 1);
+}
+.pl-2 {
+  padding-left: calc(var(--spacing) * 2);
+}
+.pl-2\.5 {
+  padding-left: calc(var(--spacing) * 2.5);
+}
+.pl-8 {
+  padding-left: calc(var(--spacing) * 8);
+}
+.pl-9 {
+  padding-left: calc(var(--spacing) * 9);
+}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.align-middle {
+  vertical-align: middle;
+}
+.font-heading {
+  font-family: var(--font-sans);
+}
+.font-mono {
+  font-family: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
+}
+.text-2xl {
+  font-size: var(--text-2xl);
+  line-height: var(--tw-leading, var(--text-2xl--line-height));
+}
+.text-3xl {
+  font-size: var(--text-3xl);
+  line-height: var(--tw-leading, var(--text-3xl--line-height));
+}
+.text-base {
+  font-size: var(--text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height));
+}
+.text-lg {
+  font-size: var(--text-lg);
+  line-height: var(--tw-leading, var(--text-lg--line-height));
+}
+.text-sm {
+  font-size: var(--text-sm);
+  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));
+}
+.text-xs {
+  font-size: var(--text-xs);
+  line-height: var(--tw-leading, var(--text-xs--line-height));
+}
+.text-\[28px\] {
+  font-size: 28px;
+}
+.text-\[42px\] {
+  font-size: 42px;
+}
+.text-\[54px\] {
+  font-size: 54px;
+}
+.leading-4 {
+  --tw-leading: calc(var(--spacing) * 4);
+  line-height: calc(var(--spacing) * 4);
+}
+.leading-5 {
+  --tw-leading: calc(var(--spacing) * 5);
+  line-height: calc(var(--spacing) * 5);
+}
+.leading-6 {
+  --tw-leading: calc(var(--spacing) * 6);
+  line-height: calc(var(--spacing) * 6);
+}
+.leading-7 {
+  --tw-leading: calc(var(--spacing) * 7);
+  line-height: calc(var(--spacing) * 7);
+}
+.leading-9 {
+  --tw-leading: calc(var(--spacing) * 9);
+  line-height: calc(var(--spacing) * 9);
+}
+.leading-10 {
+  --tw-leading: calc(var(--spacing) * 10);
+  line-height: calc(var(--spacing) * 10);
+}
+.leading-16 {
+  --tw-leading: calc(var(--spacing) * 16);
+  line-height: calc(var(--spacing) * 16);
+}
+.leading-\[18px\] {
+  --tw-leading: 18px;
+  line-height: 18px;
+}
+.leading-\[50px\] {
+  --tw-leading: 50px;
+  line-height: 50px;
+}
+.leading-none {
+  --tw-leading: 1;
+  line-height: 1;
+}
+.leading-relaxed {
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
+}
+.leading-snug {
+  --tw-leading: var(--leading-snug);
+  line-height: var(--leading-snug);
+}
+.font-light {
+  --tw-font-weight: var(--font-weight-light);
+  font-weight: var(--font-weight-light);
+}
+.font-medium {
+  --tw-font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-medium);
+}
+.font-normal {
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+}
+.font-semibold {
+  --tw-font-weight: var(--font-weight-semibold);
+  font-weight: var(--font-weight-semibold);
+}
+.tracking-wide {
+  --tw-tracking: var(--tracking-wide);
+  letter-spacing: var(--tracking-wide);
+}
+.tracking-widest {
+  --tw-tracking: var(--tracking-widest);
+  letter-spacing: var(--tracking-widest);
+}
+.text-balance {
+  text-wrap: balance;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.whitespace-pre {
+  white-space: pre;
+}
+.text-accent-foreground {
+  color: var(--accent-foreground);
+}
+.text-background {
+  color: var(--background);
+}
+.text-blue-500 {
+  color: var(--color-blue-500);
+}
+.text-card-foreground {
+  color: var(--card-foreground);
+}
+.text-chart-1 {
+  color: var(--chart-1);
+}
+.text-current {
+  color: currentcolor;
+}
+.text-destructive {
+  color: var(--destructive);
+}
+.text-destructive-foreground {
+  color: var(--destructive-foreground);
+}
+.text-emerald-600 {
+  color: var(--color-emerald-600);
+}
+.text-foreground {
+  color: var(--foreground);
+}
+.text-info {
+  color: var(--info);
+}
+.text-muted-foreground {
+  color: var(--muted-foreground);
+}
+.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-popover-foreground {
+  color: var(--popover-foreground);
+}
+.text-primary {
+  color: var(--primary);
+}
+.text-primary-foreground {
+  color: var(--primary-foreground);
+}
+.text-secondary-foreground {
+  color: var(--secondary-foreground);
+}
+.text-sidebar-accent-foreground {
+  color: var(--sidebar-accent-foreground);
+}
+.text-sidebar-foreground {
+  color: var(--sidebar-foreground);
+}
+.text-success {
+  color: var(--success);
+}
+.text-warning {
+  color: var(--warning);
+}
+.text-white {
+  color: var(--color-white);
+}
+.capitalize {
+  text-transform: capitalize;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.italic {
+  font-style: italic;
+}
+.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 {
+  text-decoration-line: underline;
+}
+.decoration-foreground\/40 {
+  text-decoration-color: var(--foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    text-decoration-color: color-mix(in oklab, var(--foreground) 40%, transparent);
+  }
+}
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
+.underline-offset-4 {
+  text-underline-offset: 4px;
+}
+.accent-foreground {
+  accent-color: var(--foreground);
+}
+.opacity-0 {
+  opacity: 0%;
+}
+.opacity-50 {
+  opacity: 50%;
+}
+.opacity-70 {
+  opacity: 70%;
+}
+.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-\[var\(--shadow-glow\)\] {
+  --tw-shadow: var(--shadow-glow);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.shadow-\[var\(--shadow-sm\)\] {
+  --tw-shadow: var(--shadow-sm);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  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);
+}
+.shadow-xl {
+  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.shadow-xs {
+  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.ring {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.ring-0 {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.ring-1 {
+  --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);
+}
+.ring-2 {
+  --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);
+}
+.ring-foreground\/10 {
+  --tw-ring-color: var(--foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
+  }
+}
+.ring-primary {
+  --tw-ring-color: var(--primary);
+}
+.ring-ring {
+  --tw-ring-color: var(--ring);
+}
+.ring-sidebar-ring {
+  --tw-ring-color: var(--sidebar-ring);
+}
+.ring-offset-2 {
+  --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);
+}
+.outline-hidden {
+  --tw-outline-style: none;
+  outline-style: none;
+  @media (forced-colors: active) {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+}
+.outline {
+  outline-style: var(--tw-outline-style);
+  outline-width: 1px;
+}
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
+.filter {
+  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+}
+.backdrop-blur {
+  --tw-backdrop-blur: blur(8px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+}
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(var(--blur-sm));
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+}
+.backdrop-filter {
+  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+}
+.transition {
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, 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-\[color\,box-shadow\] {
+  transition-property: color,box-shadow;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.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));
+}
+.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-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-transform {
+  transition-property: transform, translate, scale, rotate;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+.transition-none {
+  transition-property: none;
+}
+.duration-75 {
+  --tw-duration: 75ms;
+  transition-duration: 75ms;
+}
+.duration-100 {
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+}
+.duration-150 {
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+}
+.duration-200 {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+.duration-300 {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+}
+.duration-700 {
+  --tw-duration: 700ms;
+  transition-duration: 700ms;
+}
+.ease-in {
+  --tw-ease: var(--ease-in);
+  transition-timing-function: var(--ease-in);
+}
+.ease-in-out {
+  --tw-ease: var(--ease-in-out);
+  transition-timing-function: var(--ease-in-out);
+}
+.ease-out {
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
+.outline-none {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+.select-all {
+  -webkit-user-select: all;
+  user-select: all;
+}
+.select-none {
+  -webkit-user-select: none;
+  user-select: none;
+}
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+.group-has-disabled\/field\:opacity-50 {
+  &:is(:where(.group\/field):has(*:disabled) *) {
+    opacity: 50%;
+  }
+}
+.group-data-\[disabled\=true\]\:pointer-events-none {
+  &:is(:where(.group)[data-disabled="true"] *) {
+    pointer-events: none;
+  }
+}
+.group-data-\[disabled\=true\]\:opacity-50 {
+  &:is(:where(.group)[data-disabled="true"] *) {
+    opacity: 50%;
+  }
+}
+.group-data-\[size\=sm\]\/card\:p-3 {
+  &:is(:where(.group\/card)[data-size="sm"] *) {
+    padding: calc(var(--spacing) * 3);
+  }
+}
+.group-data-\[size\=sm\]\/card\:px-3 {
+  &:is(:where(.group\/card)[data-size="sm"] *) {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+}
+.group-data-\[size\=sm\]\/card\:text-sm {
+  &:is(:where(.group\/card)[data-size="sm"] *) {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.group-data-\[state\=open\]\:rotate-180 {
+  &:is(:where(.group)[data-state="open"] *) {
+    rotate: 180deg;
+  }
+}
+.group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
+  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+    background-color: transparent;
+  }
+}
+.group-data-horizontal\/tabs\:h-9 {
+  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+    height: calc(var(--spacing) * 9);
+  }
+}
+.group-data-vertical\/tabs\:h-fit {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    height: fit-content;
+  }
+}
+.group-data-vertical\/tabs\:w-full {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    width: 100%;
+  }
+}
+.group-data-vertical\/tabs\:flex-col {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    flex-direction: column;
+  }
+}
+.group-data-vertical\/tabs\:justify-start {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    justify-content: flex-start;
+  }
+}
+.peer-disabled\:cursor-not-allowed {
+  &:is(:where(.peer):disabled ~ *) {
+    cursor: not-allowed;
+  }
+}
+.peer-disabled\:opacity-50 {
+  &:is(:where(.peer):disabled ~ *) {
+    opacity: 50%;
+  }
+}
+.file\:inline-flex {
+  &::file-selector-button {
+    display: inline-flex;
+  }
+}
+.file\:h-6 {
+  &::file-selector-button {
+    height: calc(var(--spacing) * 6);
+  }
+}
+.file\:border-0 {
+  &::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+}
+.file\:bg-transparent {
+  &::file-selector-button {
+    background-color: transparent;
+  }
+}
+.file\:text-sm {
+  &::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.file\:font-medium {
+  &::file-selector-button {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+}
+.file\:text-foreground {
+  &::file-selector-button {
+    color: var(--foreground);
+  }
+}
+.placeholder\:text-muted-foreground {
+  &::placeholder {
+    color: var(--muted-foreground);
+  }
+}
+.after\:absolute {
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+}
+.after\:-inset-x-3 {
+  &::after {
+    content: var(--tw-content);
+    inset-inline: calc(var(--spacing) * -3);
+  }
+}
+.after\:-inset-y-2 {
+  &::after {
+    content: var(--tw-content);
+    inset-block: calc(var(--spacing) * -2);
+  }
+}
+.after\:bg-foreground {
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--foreground);
+  }
+}
+.after\:opacity-0 {
+  &::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+}
+.after\:transition-opacity {
+  &::after {
+    content: var(--tw-content);
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+}
+.group-data-horizontal\/tabs\:after\:inset-x-0 {
+  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+    &::after {
+      content: var(--tw-content);
+      inset-inline: calc(var(--spacing) * 0);
+    }
+  }
+}
+.group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
+  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+    &::after {
+      content: var(--tw-content);
+      bottom: -5px;
+    }
+  }
+}
+.group-data-horizontal\/tabs\:after\:h-0\.5 {
+  &:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
+    &::after {
+      content: var(--tw-content);
+      height: calc(var(--spacing) * 0.5);
+    }
+  }
+}
+.group-data-vertical\/tabs\:after\:inset-y-0 {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    &::after {
+      content: var(--tw-content);
+      inset-block: calc(var(--spacing) * 0);
+    }
+  }
+}
+.group-data-vertical\/tabs\:after\:-right-1 {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    &::after {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * -1);
+    }
+  }
+}
+.group-data-vertical\/tabs\:after\:w-0\.5 {
+  &:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 0.5);
+    }
+  }
+}
+.first\:rounded-l-md {
+  &:first-child {
+    border-top-left-radius: calc(var(--radius) - 2px);
+    border-bottom-left-radius: calc(var(--radius) - 2px);
+  }
+}
+.last\:rounded-r-md {
+  &:last-child {
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+  }
+}
+.last\:border-b-0 {
+  &:last-child {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
+}
+.even\:bg-muted\/50 {
+  &:nth-child(even) {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 50%, 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\:bg-accent {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--accent);
+    }
+  }
+}
+.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-accent\/70 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 70%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-destructive\/20 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-destructive\/90 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-muted {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--muted);
+    }
+  }
+}
+.hover\:bg-muted\/50 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--muted);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-muted\/80 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--muted);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 80%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-primary\/20 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-primary\/80 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--primary) 80%, 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 {
+    @media (hover: hover) {
+      background-color: var(--secondary);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-sidebar-accent {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--sidebar-accent);
+    }
+  }
+}
+.hover\:bg-sidebar-accent\/60 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--sidebar-accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--sidebar-accent) 60%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-sidebar-ring\/60 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--sidebar-ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--sidebar-ring) 60%, transparent);
+      }
+    }
+  }
+}
+.hover\:bg-transparent {
+  &:hover {
+    @media (hover: hover) {
+      background-color: transparent;
+    }
+  }
+}
+.hover\:text-accent-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--accent-foreground);
+    }
+  }
+}
+.hover\:text-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--foreground);
+    }
+  }
+}
+.hover\:text-foreground\/70 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--foreground) 70%, transparent);
+      }
+    }
+  }
+}
+.hover\:text-muted-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--muted-foreground);
+    }
+  }
+}
+.hover\:text-primary-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--primary-foreground);
+    }
+  }
+}
+.hover\:text-primary\/80 {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--primary) 80%, transparent);
+      }
+    }
+  }
+}
+.hover\:text-sidebar-accent-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
+}
+.hover\:text-sidebar-foreground {
+  &:hover {
+    @media (hover: hover) {
+      color: var(--sidebar-foreground);
+    }
+  }
+}
+.hover\:no-underline {
+  &:hover {
+    @media (hover: hover) {
+      text-decoration-line: none;
+    }
+  }
+}
+.hover\:underline {
+  &:hover {
+    @media (hover: 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);
+    }
+  }
+}
+.not-data-active\:hover\:bg-card\/45 {
+  &:not(*:where([data-state="active"]),  *:where([data-active]:not([data-active="false"]))) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--card);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--card) 45%, transparent);
+        }
+      }
+    }
+  }
+}
+.focus\:not-sr-only {
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip-path: none;
+    white-space: normal;
+  }
+}
+.focus\:absolute {
+  &:focus {
+    position: absolute;
+  }
+}
+.focus\:top-2 {
+  &:focus {
+    top: calc(var(--spacing) * 2);
+  }
+}
+.focus\:left-2 {
+  &:focus {
+    left: calc(var(--spacing) * 2);
+  }
+}
+.focus\:z-10 {
+  &:focus {
+    z-index: 10;
+  }
+}
+.focus\:z-\[60\] {
+  &:focus {
+    z-index: 60;
+  }
+}
+.focus\:rounded-md {
+  &:focus {
+    border-radius: calc(var(--radius) - 2px);
+  }
+}
+.focus\:bg-accent {
+  &:focus {
+    background-color: var(--accent);
+  }
+}
+.focus\:bg-background {
+  &:focus {
+    background-color: var(--background);
+  }
+}
+.focus\:px-3 {
+  &:focus {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+}
+.focus\:py-2 {
+  &:focus {
+    padding-block: calc(var(--spacing) * 2);
+  }
+}
+.focus\:text-accent-foreground {
+  &:focus {
+    color: var(--accent-foreground);
+  }
+}
+.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\:outline-none {
+  &:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.focus-visible\:z-10 {
+  &:focus-visible {
+    z-index: 10;
+  }
+}
+.focus-visible\:border-destructive\/40 {
+  &:focus-visible {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
+}
+.focus-visible\:border-ring {
+  &:focus-visible {
+    border-color: var(--ring);
+  }
+}
+.focus-visible\:bg-muted {
+  &:focus-visible {
+    background-color: var(--muted);
+  }
+}
+.focus-visible\:bg-sidebar-ring {
+  &:focus-visible {
+    background-color: var(--sidebar-ring);
+  }
+}
+.focus-visible\:underline {
+  &:focus-visible {
+    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-3 {
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+.focus-visible\:ring-\[3px\] {
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+.focus-visible\:ring-destructive\/20 {
+  &:focus-visible {
+    --tw-ring-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+}
+.focus-visible\:ring-ring {
+  &:focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+}
+.focus-visible\:ring-ring\/50 {
+  &:focus-visible {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+}
+.focus-visible\:ring-sidebar-ring {
+  &:focus-visible {
+    --tw-ring-color: var(--sidebar-ring);
+  }
+}
+.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-background {
+  &:focus-visible {
+    --tw-ring-offset-color: var(--background);
+  }
+}
+.focus-visible\:outline-1 {
+  &:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+}
+.focus-visible\:outline-2 {
+  &:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+}
+.focus-visible\:outline-primary {
+  &:focus-visible {
+    outline-color: var(--primary);
+  }
+}
+.focus-visible\:outline-ring {
+  &:focus-visible {
+    outline-color: var(--ring);
+  }
+}
+.focus-visible\:outline-none {
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+}
+.focus-visible\:ring-inset {
+  &:focus-visible {
+    --tw-ring-inset: inset;
+  }
+}
+.active\:scale-\[0\.97\] {
+  &:active {
+    scale: 0.97;
+  }
+}
+.active\:not-aria-\[haspopup\]\:translate-y-px {
+  &:active {
+    &:not(*[aria-haspopup]) {
+      --tw-translate-y: 1px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+}
+.disabled\:pointer-events-none {
+  &:disabled {
+    pointer-events: none;
+  }
+}
+.disabled\:cursor-not-allowed {
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+.disabled\:bg-input\/50 {
+  &:disabled {
+    background-color: var(--input);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--input) 50%, transparent);
+    }
+  }
+}
+.disabled\:opacity-50 {
+  &:disabled {
+    opacity: 50%;
+  }
+}
+.in-data-\[slot\=button-group\]\:rounded-lg {
+  :where(*[data-slot="button-group"]) & {
+    border-radius: var(--radius);
+  }
+}
+.has-aria-expanded\:bg-muted\/50 {
+  &:has(*[aria-expanded="true"]) {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+}
+.has-data-\[icon\=inline-end\]\:pr-1\.5 {
+  &:has(*[data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
+}
+.has-data-\[icon\=inline-end\]\:pr-2 {
+  &:has(*[data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 2);
+  }
+}
+.has-data-\[icon\=inline-start\]\:pl-1\.5 {
+  &:has(*[data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+}
+.has-data-\[icon\=inline-start\]\:pl-2 {
+  &:has(*[data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 2);
+  }
+}
+.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
+  &:has(*[data-slot="card-action"]) {
+    grid-template-columns: 1fr auto;
+  }
+}
+.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\] {
+  &:has(*[data-slot="card-description"]) {
+    grid-template-rows: auto auto;
+  }
+}
+.has-data-\[slot\=card-footer\]\:pb-0 {
+  &:has(*[data-slot="card-footer"]) {
+    padding-bottom: calc(var(--spacing) * 0);
+  }
+}
+.has-\[\>img\:first-child\]\:pt-0 {
+  &:has(>img:first-child) {
+    padding-top: calc(var(--spacing) * 0);
+  }
+}
+.aria-disabled\:pointer-events-none {
+  &[aria-disabled="true"] {
+    pointer-events: none;
+  }
+}
+.aria-disabled\:cursor-default {
+  &[aria-disabled="true"] {
+    cursor: default;
+  }
+}
+.aria-expanded\:bg-muted {
+  &[aria-expanded="true"] {
+    background-color: var(--muted);
+  }
+}
+.aria-expanded\:bg-secondary {
+  &[aria-expanded="true"] {
+    background-color: var(--secondary);
+  }
+}
+.aria-expanded\:text-foreground {
+  &[aria-expanded="true"] {
+    color: var(--foreground);
+  }
+}
+.aria-expanded\:text-secondary-foreground {
+  &[aria-expanded="true"] {
+    color: var(--secondary-foreground);
+  }
+}
+.aria-invalid\:border-destructive {
+  &[aria-invalid="true"] {
+    border-color: var(--destructive);
+  }
+}
+.aria-invalid\:ring-3 {
+  &[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+.aria-invalid\:ring-destructive\/20 {
+  &[aria-invalid="true"] {
+    --tw-ring-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+}
+.aria-invalid\:aria-checked\:border-primary {
+  &[aria-invalid="true"] {
+    &[aria-checked="true"] {
+      border-color: var(--primary);
+    }
+  }
+}
+.data-placeholder\:text-muted-foreground {
+  &[data-placeholder] {
+    color: var(--muted-foreground);
+  }
+}
+.data-\[inset\]\:pl-8 {
+  &[data-inset] {
+    padding-left: calc(var(--spacing) * 8);
+  }
+}
+.data-\[selected\=true\]\:bg-accent {
+  &[data-selected="true"] {
+    background-color: var(--accent);
+  }
+}
+.data-\[selected\=true\]\:text-accent-foreground {
+  &[data-selected="true"] {
+    color: var(--accent-foreground);
+  }
+}
+.data-\[side\=bottom\]\:translate-y-1 {
+  &[data-side="bottom"] {
+    --tw-translate-y: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[side\=left\]\:-translate-x-1 {
+  &[data-side="left"] {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[side\=right\]\:translate-x-1 {
+  &[data-side="right"] {
+    --tw-translate-x: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[side\=top\]\:-translate-y-1 {
+  &[data-side="top"] {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[size\=default\]\:h-9 {
+  &[data-size="default"] {
+    height: calc(var(--spacing) * 9);
+  }
+}
+.data-\[size\=sm\]\:h-8 {
+  &[data-size="sm"] {
+    height: calc(var(--spacing) * 8);
+  }
+}
+.data-\[size\=sm\]\:gap-3 {
+  &[data-size="sm"] {
+    gap: calc(var(--spacing) * 3);
+  }
+}
+.data-\[size\=sm\]\:py-3 {
+  &[data-size="sm"] {
+    padding-block: calc(var(--spacing) * 3);
+  }
+}
+.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
+  &[data-size="sm"] {
+    &:has(*[data-slot="card-footer"]) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
+}
+.\*\:data-\[slot\=select-value\]\:line-clamp-1 {
+  :is(& > *) {
+    &[data-slot="select-value"] {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+    }
+  }
+}
+.\*\:data-\[slot\=select-value\]\:flex {
+  :is(& > *) {
+    &[data-slot="select-value"] {
+      display: flex;
+    }
+  }
+}
+.\*\:data-\[slot\=select-value\]\:items-center {
+  :is(& > *) {
+    &[data-slot="select-value"] {
+      align-items: center;
+    }
+  }
+}
+.\*\:data-\[slot\=select-value\]\:gap-1\.5 {
+  :is(& > *) {
+    &[data-slot="select-value"] {
+      gap: calc(var(--spacing) * 1.5);
+    }
+  }
+}
+.data-\[state\=\.\.\.\]\:opacity-100 {
+  &[data-state="..."] {
+    opacity: 100%;
+  }
+}
+.data-\[state\=checked\]\:translate-x-5 {
+  &[data-state="checked"] {
+    --tw-translate-x: calc(var(--spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[state\=checked\]\:bg-primary {
+  &[data-state="checked"] {
+    background-color: var(--primary);
+  }
+}
+.data-\[state\=on\]\:bg-accent {
+  &[data-state="on"] {
+    background-color: var(--accent);
+  }
+}
+.data-\[state\=on\]\:text-accent-foreground {
+  &[data-state="on"] {
+    color: var(--accent-foreground);
+  }
+}
+.data-\[state\=open\]\:rotate-180 {
+  &[data-state="open"] {
+    rotate: 180deg;
+  }
+}
+.data-\[state\=open\]\:bg-accent {
+  &[data-state="open"] {
+    background-color: var(--accent);
+  }
+}
+.data-\[state\=open\]\:text-accent-foreground {
+  &[data-state="open"] {
+    color: var(--accent-foreground);
+  }
+}
+.data-\[state\=selected\]\:bg-muted {
+  &[data-state="selected"] {
+    background-color: var(--muted);
+  }
+}
+.data-\[state\=unchecked\]\:translate-x-0 {
+  &[data-state="unchecked"] {
+    --tw-translate-x: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.data-\[state\=unchecked\]\:bg-switch-background {
+  &[data-state="unchecked"] {
+    background-color: var(--switch-background);
+  }
+}
+.data-\[variant\=destructive\]\:text-destructive {
+  &[data-variant="destructive"] {
+    color: var(--destructive);
+  }
+}
+.data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
+  &[data-variant="destructive"] {
+    &:focus {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+      }
+    }
+  }
+}
+.data-\[variant\=destructive\]\:focus\:text-destructive {
+  &[data-variant="destructive"] {
+    &:focus {
+      color: var(--destructive);
+    }
+  }
+}
+.data-\[variant\=line\]\:rounded-none {
+  &[data-variant="line"] {
+    border-radius: 0;
+  }
+}
+.data-\[variant\=outline\]\:border-l-0 {
+  &[data-variant="outline"] {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 0px;
+  }
+}
+.data-\[variant\=outline\]\:shadow-xs {
+  &[data-variant="outline"] {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
+.data-\[variant\=outline\]\:first\:border-l {
+  &[data-variant="outline"] {
+    &:first-child {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
+}
+.supports-backdrop-filter\:backdrop-blur-xs {
+  @supports (backdrop-filter: var(--tw)) {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
+}
+.sm\:max-w-\[90vw\] {
+  @media (width >= 40rem) {
+    max-width: 90vw;
+  }
+}
+.sm\:max-w-\[400px\] {
+  @media (width >= 40rem) {
+    max-width: 400px;
+  }
+}
+.sm\:max-w-\[600px\] {
+  @media (width >= 40rem) {
+    max-width: 600px;
+  }
+}
+.sm\:max-w-\[800px\] {
+  @media (width >= 40rem) {
+    max-width: 800px;
+  }
+}
+.sm\:max-w-sm {
+  @media (width >= 40rem) {
+    max-width: var(--container-sm);
+  }
+}
+.sm\:flex-row {
+  @media (width >= 40rem) {
+    flex-direction: row;
+  }
+}
+.sm\:justify-end {
+  @media (width >= 40rem) {
+    justify-content: flex-end;
+  }
+}
+.md\:col-span-8 {
+  @media (width >= 48rem) {
+    grid-column: span 8 / span 8;
+  }
+}
+.md\:hidden {
+  @media (width >= 48rem) {
+    display: none;
+  }
+}
+.md\:grid-cols-8 {
+  @media (width >= 48rem) {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+}
+.md\:flex-row {
+  @media (width >= 48rem) {
+    flex-direction: row;
+  }
+}
+.md\:text-sm {
+  @media (width >= 48rem) {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+}
+.lg\:col-span-4 {
+  @media (width >= 64rem) {
+    grid-column: span 4 / span 4;
+  }
+}
+.lg\:col-span-8 {
+  @media (width >= 64rem) {
+    grid-column: span 8 / span 8;
+  }
+}
+.lg\:flex {
+  @media (width >= 64rem) {
+    display: flex;
+  }
+}
+.lg\:grid-cols-16 {
+  @media (width >= 64rem) {
+    grid-template-columns: repeat(16, minmax(0, 1fr));
+  }
+}
+.dark\:border-input {
+  &:is(.dark *) {
+    border-color: var(--input);
+  }
+}
+.dark\:bg-destructive\/20 {
+  &:is(.dark *) {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+}
+.dark\:bg-input\/30 {
+  &:is(.dark *) {
+    background-color: var(--input);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--input) 30%, transparent);
+    }
+  }
+}
+.dark\:text-muted-foreground {
+  &:is(.dark *) {
+    color: var(--muted-foreground);
+  }
+}
+.dark\:hover\:bg-accent {
+  &:is(.dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+      }
+    }
+  }
+}
+.dark\:hover\:bg-destructive\/30 {
+  &:is(.dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+        }
+      }
+    }
+  }
+}
+.dark\:hover\:bg-input\/50 {
+  &:is(.dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--input);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--input) 50%, transparent);
+        }
+      }
+    }
+  }
+}
+.dark\:hover\:bg-muted\/50 {
+  &:is(.dark *) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+        }
+      }
+    }
+  }
+}
+.dark\:hover\:text-accent-foreground {
+  &:is(.dark *) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--accent-foreground);
+      }
+    }
+  }
+}
+.dark\:not-data-active\:hover\:bg-input\/20 {
+  &:is(.dark *) {
+    &:not(*:where([data-state="active"]),  *:where([data-active]:not([data-active="false"]))) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--input);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--input) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+}
+.dark\:focus-visible\:ring-destructive\/40 {
+  &:is(.dark *) {
+    &:focus-visible {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+      }
+    }
+  }
+}
+.dark\:disabled\:bg-input\/80 {
+  &:is(.dark *) {
+    &:disabled {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 80%, transparent);
+      }
+    }
+  }
+}
+.dark\:aria-invalid\:border-destructive\/50 {
+  &:is(.dark *) {
+    &[aria-invalid="true"] {
+      border-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+      }
+    }
+  }
+}
+.dark\:aria-invalid\:ring-destructive\/40 {
+  &:is(.dark *) {
+    &[aria-invalid="true"] {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+      }
+    }
+  }
+}
+.dark\:data-\[state\=checked\]\:bg-primary-foreground {
+  &:is(.dark *) {
+    &[data-state="checked"] {
+      background-color: var(--primary-foreground);
+    }
+  }
+}
+.dark\:data-\[state\=unchecked\]\:bg-card-foreground {
+  &:is(.dark *) {
+    &[data-state="unchecked"] {
+      background-color: var(--card-foreground);
+    }
+  }
+}
+.dark\:data-\[state\=unchecked\]\:bg-input\/80 {
+  &:is(.dark *) {
+    &[data-state="unchecked"] {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 80%, transparent);
+      }
+    }
+  }
+}
+.data-open\:duration-200 {
+  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+}
+.data-open\:duration-300 {
+  &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+}
+.data-closed\:duration-200 {
+  &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+}
+.data-checked\:border-primary {
+  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+    border-color: var(--primary);
+  }
+}
+.data-checked\:bg-primary {
+  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+    background-color: var(--primary);
+  }
+}
+.data-checked\:text-primary-foreground {
+  &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+    color: var(--primary-foreground);
+  }
+}
+.dark\:data-checked\:bg-primary {
+  &:is(.dark *) {
+    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
+      background-color: var(--primary);
+    }
+  }
+}
+.data-disabled\:pointer-events-none {
+  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
+    pointer-events: none;
+  }
+}
+.data-disabled\:opacity-50 {
+  &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) {
+    opacity: 50%;
+  }
+}
+.data-active\:bg-card {
+  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+    background-color: var(--card);
+  }
+}
+.data-active\:text-card-foreground {
+  &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+    color: var(--card-foreground);
+  }
+}
+.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-xs {
+  &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
+  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      background-color: transparent;
+    }
+  }
+}
+.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
+  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      --tw-shadow: 0 0 #0000;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+}
+.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
+  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      &::after {
+        content: var(--tw-content);
+        opacity: 100%;
+      }
+    }
+  }
+}
+.dark\:data-active\:border-input {
+  &:is(.dark *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      border-color: var(--input);
+    }
+  }
+}
+.dark\:data-active\:bg-input\/35 {
+  &:is(.dark *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 35%, transparent);
+      }
+    }
+  }
+}
+.dark\:data-active\:text-foreground {
+  &:is(.dark *) {
+    &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+      color: var(--foreground);
+    }
+  }
+}
+.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
+  &:is(.dark *) {
+    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+        border-color: transparent;
+      }
+    }
+  }
+}
+.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
+  &:is(.dark *) {
+    &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
+      &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) {
+        background-color: transparent;
+      }
+    }
+  }
+}
+.data-horizontal\:h-px {
+  &:where([data-orientation="horizontal"]) {
+    height: 1px;
+  }
+}
+.data-horizontal\:w-full {
+  &:where([data-orientation="horizontal"]) {
+    width: 100%;
+  }
+}
+.data-horizontal\:flex-col {
+  &:where([data-orientation="horizontal"]) {
+    flex-direction: column;
+  }
+}
+.data-vertical\:w-px {
+  &:where([data-orientation="vertical"]) {
+    width: 1px;
+  }
+}
+.data-vertical\:self-stretch {
+  &:where([data-orientation="vertical"]) {
+    align-self: stretch;
+  }
+}
+.\[\&_\[cmdk-group-heading\]\]\:px-1\.5 {
+  & [cmdk-group-heading] {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+}
+.\[\&_\[cmdk-group-heading\]\]\:py-1 {
+  & [cmdk-group-heading] {
+    padding-block: calc(var(--spacing) * 1);
+  }
+}
+.\[\&_\[cmdk-group-heading\]\]\:text-xs {
+  & [cmdk-group-heading] {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+}
+.\[\&_\[cmdk-group-heading\]\]\:font-medium {
+  & [cmdk-group-heading] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+}
+.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
+  & [cmdk-group-heading] {
+    color: var(--muted-foreground);
+  }
+}
+.\[\&_svg\]\:pointer-events-none {
+  & svg {
+    pointer-events: none;
+  }
+}
+.\[\&_svg\]\:shrink-0 {
+  & svg {
+    flex-shrink: 0;
+  }
+}
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
+  & svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+}
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
+  & svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+}
+.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
+  & svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+}
+.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
+  & svg:not([class*='text-']) {
+    color: var(--muted-foreground);
+  }
+}
+.\[\&_tr\]\:border-b {
+  & tr {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+}
+.\[\&_tr\:last-child\]\:border-0 {
+  & tr:last-child {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+}
+.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
+  &:has([role=checkbox]) {
+    padding-right: calc(var(--spacing) * 0);
+  }
+}
+.\[\.border-b\]\:pb-4 {
+  &:is(.border-b) {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+}
+.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3 {
+  &:is(:where(.group\/card)[data-size="sm"] *) {
+    &:is(.border-b) {
+      padding-bottom: calc(var(--spacing) * 3);
+    }
+  }
+}
+.\*\:\[a\]\:underline {
+  :is(& > *) {
+    &:is(a) {
+      text-decoration-line: underline;
+    }
+  }
+}
+.\*\:\[a\]\:underline-offset-3 {
+  :is(& > *) {
+    &:is(a) {
+      text-underline-offset: 3px;
+    }
+  }
+}
+.\[a\]\:hover\:bg-destructive\/20 {
+  &:is(a) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--destructive);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+        }
+      }
+    }
+  }
+}
+.\[a\]\:hover\:bg-muted {
+  &:is(a) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+      }
+    }
+  }
+}
+.\[a\]\:hover\:bg-primary\/80 {
+  &:is(a) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 80%, transparent);
+        }
+      }
+    }
+  }
+}
+.\[a\]\:hover\:bg-secondary\/80 {
+  &:is(a) {
+    &: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);
+        }
+      }
+    }
+  }
+}
+.\[a\]\:hover\:text-muted-foreground {
+  &:is(a) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--muted-foreground);
+      }
+    }
+  }
+}
+.\*\:\[a\]\:hover\:text-foreground {
+  :is(& > *) {
+    &:is(a) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--foreground);
+        }
+      }
+    }
+  }
+}
+.\*\:\[img\:first-child\]\:rounded-t-xl {
+  :is(& > *) {
+    &:is(img:first-child) {
+      border-top-left-radius: calc(var(--radius) + 4px);
+      border-top-right-radius: calc(var(--radius) + 4px);
+    }
+  }
+}
+.\*\:\[img\:last-child\]\:rounded-b-xl {
+  :is(& > *) {
+    &:is(img:last-child) {
+      border-bottom-right-radius: calc(var(--radius) + 4px);
+      border-bottom-left-radius: calc(var(--radius) + 4px);
+    }
+  }
+}
+.\*\:\[span\]\:last\:flex {
+  :is(& > *) {
+    &:is(span) {
+      &:last-child {
+        display: flex;
+      }
+    }
+  }
+}
+.\*\:\[span\]\:last\:items-center {
+  :is(& > *) {
+    &:is(span) {
+      &:last-child {
+        align-items: center;
+      }
+    }
+  }
+}
+.\*\:\[span\]\:last\:gap-2 {
+  :is(& > *) {
+    &:is(span) {
+      &:last-child {
+        gap: calc(var(--spacing) * 2);
+      }
+    }
+  }
+}
+.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
+  &[data-variant="destructive"] {
+    :is(& > *) {
+      &:is(svg) {
+        color: var(--destructive) !important;
+      }
+    }
+  }
+}
+.\[\&\>svg\]\:pointer-events-none {
+  &>svg {
+    pointer-events: none;
+  }
+}
+.\[\&\>svg\]\:size-3\! {
+  &>svg {
+    width: calc(var(--spacing) * 3) !important;
+    height: calc(var(--spacing) * 3) !important;
+  }
+}
+.\[\&\>svg\]\:size-3\.5 {
+  &>svg {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+}
+.\[\&\>tr\]\:last\:border-b-0 {
+  &>tr {
+    &:last-child {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+}
+@font-face {
+  font-family: 'Geist Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/geist-sans-latin-400-normal.woff2) format('woff2'), url(./files/geist-sans-latin-400-normal.woff) format('woff');
+}
+@font-face {
+  font-family: 'Geist Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./files/geist-sans-latin-500-normal.woff2) format('woff2'), url(./files/geist-sans-latin-500-normal.woff) format('woff');
+}
+@font-face {
+  font-family: 'Geist Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./files/geist-sans-latin-600-normal.woff2) format('woff2'), url(./files/geist-sans-latin-600-normal.woff) format('woff');
+}
+@font-face {
+  font-family: 'Geist Sans';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src: url(./files/geist-sans-latin-700-normal.woff2) format('woff2'), url(./files/geist-sans-latin-700-normal.woff) format('woff');
+}
+.c4-ui {
+  font-family: var(--font-sans);
+  color: var(--foreground);
+  --ref-white: #ffffff;
+  --ref-black: #000000;
+  --ref-neutral-25: #f9f9fb;
+  --ref-neutral-50: #fafafa;
+  --ref-neutral-100: #ececef;
+  --ref-neutral-200: #e4e4e7;
+  --ref-neutral-300: #d4d4d8;
+  --ref-neutral-400: #a1a1aa;
+  --ref-neutral-500: #71717a;
+  --ref-neutral-550: #5d5d6a;
+  --ref-neutral-600: #52525b;
+  --ref-neutral-650: #737380;
+  --ref-neutral-700: #3f3f46;
+  --ref-neutral-800: #27272a;
+  --ref-neutral-900: #18181b;
+  --ref-brand-50: #fef3ee;
+  --ref-brand-100: #ffece3;
+  --ref-brand-500: #fc5d0d;
+  --ref-brand-600: #c44500;
+  --ref-red-400: #e11d48;
+  --ref-red-600: #be123c;
+  --ref-emerald-400: #34d399;
+  --ref-emerald-600: #047857;
+  --ref-amber-400: #fbbf24;
+  --ref-amber-600: #d97706;
+  --ref-blue-400: #60a5fa;
+  --ref-blue-600: #2563eb;
+  --background: var(--ref-neutral-25);
+  --foreground: var(--ref-neutral-900);
+  --card: var(--ref-white);
+  --card-foreground: var(--ref-neutral-900);
+  --popover: var(--ref-white);
+  --popover-foreground: var(--ref-neutral-900);
+  --primary: var(--ref-brand-600);
+  --primary-foreground: var(--ref-white);
+  --secondary: var(--ref-neutral-200);
+  --secondary-foreground: var(--ref-neutral-900);
+  --muted: var(--ref-neutral-200);
+  --muted-foreground: var(--ref-neutral-550);
+  --accent: var(--ref-brand-100);
+  --accent-foreground: var(--ref-neutral-900);
+  --destructive: var(--ref-red-600);
+  --destructive-foreground: var(--ref-white);
+  --border: var(--ref-neutral-900);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in srgb, var(--ref-neutral-900) 20%, transparent);
+  }
+  --input: var(--ref-neutral-500);
+  --input-background: var(--ref-white);
+  --switch-background: var(--ref-neutral-300);
+  --ring: var(--ref-brand-600);
+  --radius: 0.5rem;
+  --overlay: var(--ref-black);
+  @supports (color: color-mix(in lab, red, red)) {
+    --overlay: color-mix(in srgb, var(--ref-black) 10%, transparent);
+  }
+  --sidebar: var(--ref-neutral-25);
+  --sidebar-foreground: var(--ref-neutral-900);
+  --sidebar-primary: var(--ref-brand-600);
+  --sidebar-primary-foreground: var(--ref-white);
+  --sidebar-accent: var(--ref-brand-500);
+  @supports (color: color-mix(in lab, red, red)) {
+    --sidebar-accent: color-mix(in srgb, var(--ref-brand-500) 16%, transparent);
+  }
+  --sidebar-accent-foreground: var(--ref-neutral-900);
+  --sidebar-border: var(--ref-neutral-900);
+  @supports (color: color-mix(in lab, red, red)) {
+    --sidebar-border: color-mix(in srgb, var(--ref-neutral-900) 12%, transparent);
+  }
+  --sidebar-ring: var(--ref-brand-600);
+  --table-header-bg: var(--ref-neutral-100);
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
+  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05);
+  --shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
+  --glass-bg: rgba(249, 249, 251, 0.88);
+  --glass-border: rgba(24, 24, 27, 0.08);
+  --glass-blur: 16px;
+  --success: var(--ref-emerald-600);
+  --success-foreground: var(--ref-white);
+  --warning: var(--ref-amber-600);
+  --warning-foreground: var(--ref-neutral-900);
+  --info: var(--ref-blue-600);
+  --info-foreground: var(--ref-white);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+}
+.dark .c4-ui, .c4-ui.dark {
+  --background: var(--ref-neutral-900);
+  --foreground: var(--ref-neutral-50);
+  --card: var(--ref-neutral-800);
+  --card-foreground: var(--ref-neutral-50);
+  --popover: var(--ref-neutral-800);
+  --popover-foreground: var(--ref-neutral-50);
+  --primary: var(--ref-brand-600);
+  --primary-foreground: var(--ref-white);
+  --secondary: var(--ref-neutral-700);
+  --secondary-foreground: var(--ref-neutral-50);
+  --muted: var(--ref-neutral-800);
+  --muted-foreground: var(--ref-neutral-400);
+  --accent: var(--ref-brand-500);
+  @supports (color: color-mix(in lab, red, red)) {
+    --accent: color-mix(in srgb, var(--ref-brand-500) 18%, transparent);
+  }
+  --accent-foreground: var(--ref-brand-50);
+  --destructive: var(--ref-red-400);
+  --destructive-foreground: var(--ref-neutral-50);
+  --border: var(--ref-white);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in srgb, var(--ref-white) 10%, transparent);
+  }
+  --input: var(--ref-neutral-650);
+  --input-background: var(--ref-white);
+  @supports (color: color-mix(in lab, red, red)) {
+    --input-background: color-mix(in srgb, var(--ref-white) 5%, transparent);
+  }
+  --switch-background: var(--ref-neutral-600);
+  --ring: var(--ref-brand-600);
+  --overlay: var(--ref-black);
+  @supports (color: color-mix(in lab, red, red)) {
+    --overlay: color-mix(in srgb, var(--ref-black) 40%, transparent);
+  }
+  --sidebar: var(--ref-neutral-900);
+  --sidebar-foreground: var(--ref-neutral-50);
+  --sidebar-primary: var(--ref-brand-600);
+  --sidebar-primary-foreground: var(--ref-white);
+  --sidebar-accent: var(--ref-brand-500);
+  @supports (color: color-mix(in lab, red, red)) {
+    --sidebar-accent: color-mix(in srgb, var(--ref-brand-500) 15%, transparent);
+  }
+  --sidebar-accent-foreground: var(--ref-brand-50);
+  --sidebar-border: var(--ref-white);
+  @supports (color: color-mix(in lab, red, red)) {
+    --sidebar-border: color-mix(in srgb, var(--ref-white) 10%, transparent);
+  }
+  --sidebar-ring: var(--ref-brand-600);
+  --table-header-bg: var(--ref-white);
+  @supports (color: color-mix(in lab, red, red)) {
+    --table-header-bg: color-mix(in srgb, var(--ref-white) 4%, transparent);
+  }
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.2);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.2);
+  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.55), 0 4px 16px rgba(0, 0, 0, 0.3);
+  --shadow-glow: 0 0 0 1px rgba(252, 93, 13, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
+  --glass-bg: rgba(24, 24, 27, 0.82);
+  --glass-border: rgba(255, 255, 255, 0.08);
+  --success: var(--ref-emerald-400);
+  --success-foreground: var(--ref-neutral-900);
+  --warning: var(--ref-amber-400);
+  --warning-foreground: var(--ref-neutral-900);
+  --info: var(--ref-blue-400);
+  --info-foreground: var(--ref-neutral-900);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+}
+@layer base {
+  .c4-ui *, .c4-ui *::before, .c4-ui *::after {
+    border-color: var(--border);
+    outline-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  .c4-ui button, .c4-ui [role="button"] {
+    cursor: pointer;
+  }
+}
+[data-slot="tooltip-content"] {
+  opacity: 1;
+}
+[data-slot="tooltip-content"][data-state="closed"] {
+  opacity: 0;
+}
+@layer base {
+  *:where(.c4-ui,.c4-ui *),
+:where(.c4-ui,.c4-ui *)::after,
+:where(.c4-ui,.c4-ui *)::before,
+:where(.c4-ui,.c4-ui *) ::backdrop,
+:where(.c4-ui,.c4-ui *) ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  .c4-ui {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr:where(.c4-ui,.c4-ui *) {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]):where(.c4-ui,.c4-ui *) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1:where(.c4-ui,.c4-ui *),
+h2:where(.c4-ui,.c4-ui *),
+h3:where(.c4-ui,.c4-ui *),
+h4:where(.c4-ui,.c4-ui *),
+h5:where(.c4-ui,.c4-ui *),
+h6:where(.c4-ui,.c4-ui *) {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a:where(.c4-ui,.c4-ui *) {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b:where(.c4-ui,.c4-ui *),
+strong:where(.c4-ui,.c4-ui *) {
+    font-weight: bolder;
+  }
+  code:where(.c4-ui,.c4-ui *),
+kbd:where(.c4-ui,.c4-ui *),
+samp:where(.c4-ui,.c4-ui *),
+pre:where(.c4-ui,.c4-ui *) {
+    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:where(.c4-ui,.c4-ui *) {
+    font-size: 80%;
+  }
+  sub:where(.c4-ui,.c4-ui *),
+sup:where(.c4-ui,.c4-ui *) {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub:where(.c4-ui,.c4-ui *) {
+    bottom: -0.25em;
+  }
+  sup:where(.c4-ui,.c4-ui *) {
+    top: -0.5em;
+  }
+  table:where(.c4-ui,.c4-ui *) {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring:where(.c4-ui,.c4-ui *) {
+    outline: auto;
+  }
+  progress:where(.c4-ui,.c4-ui *) {
+    vertical-align: baseline;
+  }
+  summary:where(.c4-ui,.c4-ui *) {
+    display: list-item;
+  }
+  ol:where(.c4-ui,.c4-ui *),
+ul:where(.c4-ui,.c4-ui *),
+menu:where(.c4-ui,.c4-ui *) {
+    list-style: none;
+  }
+  img:where(.c4-ui,.c4-ui *),
+svg:where(.c4-ui,.c4-ui *),
+video:where(.c4-ui,.c4-ui *),
+canvas:where(.c4-ui,.c4-ui *),
+audio:where(.c4-ui,.c4-ui *),
+iframe:where(.c4-ui,.c4-ui *),
+embed:where(.c4-ui,.c4-ui *),
+object:where(.c4-ui,.c4-ui *) {
+    display: block;
+    vertical-align: middle;
+  }
+  img:where(.c4-ui,.c4-ui *),
+video:where(.c4-ui,.c4-ui *) {
+    max-width: 100%;
+    height: auto;
+  }
+  button:where(.c4-ui,.c4-ui *),
+input:where(.c4-ui,.c4-ui *),
+select:where(.c4-ui,.c4-ui *),
+optgroup:where(.c4-ui,.c4-ui *),
+textarea:where(.c4-ui,.c4-ui *),
+:where(.c4-ui,.c4-ui *) ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup:where(.c4-ui,.c4-ui *) {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option:where(.c4-ui,.c4-ui *) {
+    padding-inline-start: 20px;
+  }
+  :where(.c4-ui,.c4-ui *) ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  :where(.c4-ui,.c4-ui *) ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or
+  (contain-intrinsic-size: 1px) {
+    :where(.c4-ui,.c4-ui *) ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea:where(.c4-ui,.c4-ui *) {
+    resize: vertical;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-year-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-month-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-day-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-hour-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-minute-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-second-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-millisecond-field,
+:where(.c4-ui,.c4-ui *) ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid:where(.c4-ui,.c4-ui *) {
+    box-shadow: none;
+  }
+  button:where(.c4-ui,.c4-ui *),
+input:where([type='button'], [type='reset'], [type='submit']):where(.c4-ui,.c4-ui *),
+:where(.c4-ui,.c4-ui *) ::file-selector-button {
+    appearance: button;
+  }
+  :where(.c4-ui,.c4-ui *) ::-webkit-inner-spin-button,
+:where(.c4-ui,.c4-ui *) ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden='until-found'])):where(.c4-ui,.c4-ui *) {
+    display: none !important;
+  }
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@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-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  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-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-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --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-x-reverse: 0;
+      --tw-border-style: solid;
+      --tw-divide-y-reverse: 0;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: 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-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-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+    }
+  }
+}