@copilotkit/web-inspector 0.0.0-main-20260402184302

package/dist/styles/generated.mjs

@@ -0,0 +1,6 @@
+//#region src/styles/generated.css
+var generated_default = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    :before,\n    :after,\n    ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-outline-style: solid;\n    }\n  }\n}\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono:\n      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-100: oklch(96.2% 0.059 95.617);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-800: oklch(47.3% 0.137 46.201);\n    --color-amber-900: oklch(41.4% 0.112 45.904);\n    --color-green-100: oklch(96.2% 0.044 156.743);\n    --color-green-700: oklch(52.7% 0.154 150.069);\n    --color-green-800: oklch(44.8% 0.119 151.328);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\n    --color-sky-50: oklch(97.7% 0.013 236.62);\n    --color-sky-200: oklch(90.1% 0.058 230.902);\n    --color-sky-700: oklch(50% 0.134 242.749);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-violet-50: oklch(96.9% 0.016 293.756);\n    --color-violet-200: oklch(89.4% 0.057 293.283);\n    --color-violet-700: oklch(49.1% 0.27 292.581);\n    --color-purple-50: oklch(97.7% 0.014 308.299);\n    --color-purple-200: oklch(90.2% 0.063 306.703);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n    --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n    --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n    --color-rose-50: oklch(96.9% 0.015 12.422);\n    --color-rose-200: oklch(89.2% 0.058 10.001);\n    --color-rose-500: oklch(64.5% 0.246 16.439);\n    --color-rose-600: oklch(58.6% 0.253 17.585);\n    --color-rose-700: oklch(51.4% 0.222 16.935);\n    --color-rose-800: oklch(45.5% 0.188 13.697);\n    --color-rose-900: oklch(41% 0.159 10.272);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-gray-50: oklch(98.5% 0.002 247.839);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-gray-700: oklch(37.3% 0.034 259.733);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-md: 28rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1/0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25/0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75/1.125);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --default-transition-duration: 0.15s;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  :after,\n  :before,\n  ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n  html,\n  :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(\n      --default-font-family,\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      \"Apple Color Emoji\",\n      \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\",\n      \"Noto Color Emoji\"\n    );\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(\n      --default-mono-font-family,\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      \"Liberation Mono\",\n      \"Courier New\",\n      monospace\n    );\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(\n      --default-mono-font-variation-settings,\n      normal\n    );\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    vertical-align: middle;\n    display: block;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or\n    (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n  :host {\n    font-family: var(--font-sans);\n    color: var(--color-slate-900);\n    background-color: #0000;\n    display: block;\n  }\n}\n@layer components;\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-1 {\n    right: calc(var(--spacing) * 1);\n  }\n  .bottom-1 {\n    bottom: calc(var(--spacing) * 1);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-30 {\n    z-index: 30;\n  }\n  .z-40 {\n    z-index: 40;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1);\n  }\n  .my-3 {\n    margin-block: calc(var(--spacing) * 3);\n  }\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * 0.5);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-64 {\n    max-height: calc(var(--spacing) * 64);\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96);\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-\\[240px\\] {\n    max-width: 240px;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-\\[160px\\] {\n    min-width: 160px;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .table-fixed {\n    table-layout: fixed;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-y-\\[2px\\] {\n    --tw-translate-y: calc(2px * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n      var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .cursor-grab {\n    cursor: grab;\n  }\n  .cursor-grabbing {\n    cursor: grabbing;\n  }\n  .cursor-nwse-resize {\n    cursor: nwse-resize;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .touch-none {\n    touch-action: none;\n  }\n  .resize {\n    resize: both;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(\n      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)\n    );\n    margin-block-end: calc(\n      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))\n    );\n  }\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(\n      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)\n    );\n    margin-block-end: calc(\n      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))\n    );\n  }\n  :where(.space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(\n      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)\n    );\n    margin-block-end: calc(\n      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))\n    );\n  }\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n  :where(.divide-gray-200 > :not(:last-child)) {\n    border-color: var(--color-gray-200);\n  }\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .border-fuchsia-200 {\n    border-color: var(--color-fuchsia-200);\n  }\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n  .border-rose-200 {\n    border-color: var(--color-rose-200);\n  }\n  .border-sky-200 {\n    border-color: var(--color-sky-200);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-violet-200 {\n    border-color: var(--color-violet-200);\n  }\n  .border-white\\/20 {\n    border-color: #fff3;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-white\\/20 {\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n  .bg-blue-100 {\n    background-color: var(--color-blue-100);\n  }\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-fuchsia-50 {\n    background-color: var(--color-fuchsia-50);\n  }\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n  .bg-gray-50\\/50 {\n    background-color: #f9fafb80;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/50 {\n      background-color: color-mix(\n        in oklab,\n        var(--color-gray-50) 50%,\n        transparent\n      );\n    }\n  }\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n  .bg-gray-400 {\n    background-color: var(--color-gray-400);\n  }\n  .bg-gray-900 {\n    background-color: var(--color-gray-900);\n  }\n  .bg-green-100 {\n    background-color: var(--color-green-100);\n  }\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n  .bg-rose-50 {\n    background-color: var(--color-rose-50);\n  }\n  .bg-rose-500 {\n    background-color: var(--color-rose-500);\n  }\n  .bg-rose-600 {\n    background-color: var(--color-rose-600);\n  }\n  .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-slate-950\\/95 {\n    background-color: #020618f2;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-slate-950\\/95 {\n      background-color: color-mix(\n        in oklab,\n        var(--color-slate-950) 95%,\n        transparent\n      );\n    }\n  }\n  .bg-violet-50 {\n    background-color: var(--color-violet-50);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/60 {\n    background-color: #fff9;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/60 {\n      background-color: color-mix(\n        in oklab,\n        var(--color-white) 60%,\n        transparent\n      );\n    }\n  }\n  .bg-white\\/95 {\n    background-color: #fffffff2;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/95 {\n      background-color: color-mix(\n        in oklab,\n        var(--color-white) 95%,\n        transparent\n      );\n    }\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n  .text-amber-900 {\n    color: var(--color-amber-900);\n  }\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n  .text-fuchsia-700 {\n    color: var(--color-fuchsia-700);\n  }\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n  .text-gray-900 {\n    color: var(--color-gray-900);\n  }\n  .text-green-700 {\n    color: var(--color-green-700);\n  }\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n  .text-rose-700 {\n    color: var(--color-rose-700);\n  }\n  .text-rose-800 {\n    color: var(--color-rose-800);\n  }\n  .text-rose-900 {\n    color: var(--color-rose-900);\n  }\n  .text-sky-700 {\n    color: var(--color-sky-700);\n  }\n  .text-slate-800 {\n    color: var(--color-slate-800);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-violet-700 {\n    color: var(--color-violet-700);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-0 {\n    opacity: 0;\n  }\n  .opacity-80 {\n    opacity: 0.8;\n  }\n  .shadow-\\[0_12px_30px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\] {\n    --tw-shadow: 0 12px 30px var(--tw-shadow-color, #0f172a1f);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow:\n      0 10px 15px -3px var(--tw-shadow-color, #0000001a),\n      0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow:\n      0 4px 6px -1px var(--tw-shadow-color, #0000001a),\n      0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, #0000001a),\n      0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-black\\/5 {\n    --tw-ring-color: #0000000d;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-black\\/5 {\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n    }\n  }\n  .ring-transparent {\n    --tw-ring-color: transparent;\n  }\n  .ring-white\\/10 {\n    --tw-ring-color: #ffffff1a;\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-white\\/10 {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,)\n      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)\n      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)\n      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)\n      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)\n      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)\n      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)\n      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)\n      var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,)\n      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)\n      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)\n      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)\n      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)\n      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)\n      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)\n      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)\n      var(--tw-backdrop-sepia,);\n  }\n  .transition {\n    transition-property:\n      color,\n      background-color,\n      border-color,\n      outline-color,\n      text-decoration-color,\n      fill,\n      stroke,\n      --tw-gradient-from,\n      --tw-gradient-via,\n      --tw-gradient-to,\n      opacity,\n      box-shadow,\n      transform,\n      translate,\n      scale,\n      rotate,\n      filter,\n      -webkit-backdrop-filter,\n      backdrop-filter,\n      display,\n      content-visibility,\n      overlay,\n      pointer-events;\n    transition-timing-function: var(\n      --tw-ease,\n      var(--default-transition-timing-function)\n    );\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  @media (hover: hover) {\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n    .hover\\:scale-105:hover {\n      --tw-scale-x: 105%;\n      --tw-scale-y: 105%;\n      --tw-scale-z: 105%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n    .hover\\:border-gray-300:hover {\n      border-color: var(--color-gray-300);\n    }\n    .hover\\:border-white\\/30:hover {\n      border-color: #ffffff4d;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:border-white\\/30:hover {\n        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n      }\n    }\n    .hover\\:bg-blue-50\\/50:hover {\n      background-color: #eff6ff80;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-blue-50\\/50:hover {\n        background-color: color-mix(\n          in oklab,\n          var(--color-blue-50) 50%,\n          transparent\n        );\n      }\n    }\n    .hover\\:bg-gray-50:hover {\n      background-color: var(--color-gray-50);\n    }\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n    .hover\\:bg-gray-200:hover {\n      background-color: var(--color-gray-200);\n    }\n    .hover\\:bg-gray-800:hover {\n      background-color: var(--color-gray-800);\n    }\n    .hover\\:bg-slate-900\\/95:hover {\n      background-color: #0f172bf2;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-slate-900\\/95:hover {\n        background-color: color-mix(\n          in oklab,\n          var(--color-slate-900) 95%,\n          transparent\n        );\n      }\n    }\n    .hover\\:text-gray-600:hover {\n      color: var(--color-gray-600);\n    }\n    .hover\\:text-gray-900:hover {\n      color: var(--color-gray-900);\n    }\n  }\n  .focus\\:border-gray-300:focus {\n    border-color: var(--color-gray-300);\n  }\n  .focus\\:bg-gray-50:focus {\n    background-color: var(--color-gray-50);\n  }\n  .focus\\:ring-2:focus {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus\\:ring-gray-200:focus {\n    --tw-ring-color: var(--color-gray-200);\n  }\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .focus-visible\\:outline:focus-visible {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .focus-visible\\:outline-2:focus-visible {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n  .focus-visible\\:outline-offset-2:focus-visible {\n    outline-offset: 2px;\n  }\n  .focus-visible\\:outline-gray-300:focus-visible {\n    outline-color: var(--color-gray-300);\n  }\n  .focus-visible\\:outline-gray-400:focus-visible {\n    outline-color: var(--color-gray-400);\n  }\n  .focus-visible\\:outline-rose-500:focus-visible {\n    outline-color: var(--color-rose-500);\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:opacity-50:disabled {\n    opacity: 0.5;\n  }\n  @media (min-width: 48rem) {\n    .md\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .\\[\\&\\>svg\\]\\:\\!h-8 > svg {\n    height: calc(var(--spacing) * 8) !important;\n  }\n  .\\[\\&\\>svg\\]\\:\\!w-8 > svg {\n    width: calc(var(--spacing) * 8) !important;\n  }\n  .sr-only {\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n";
+
+//#endregion
+export { generated_default as default };
+//# sourceMappingURL=generated.mjs.map

package/dist/styles/generated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generated.mjs","names":[],"sources":["../../src/styles/generated.css"],"sourcesContent":["\"/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\\n@layer properties {\\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or\\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\\n    *,\\n    :before,\\n    :after,\\n    ::backdrop {\\n      --tw-translate-x: 0;\\n      --tw-translate-y: 0;\\n      --tw-translate-z: 0;\\n      --tw-rotate-x: initial;\\n      --tw-rotate-y: initial;\\n      --tw-rotate-z: initial;\\n      --tw-skew-x: initial;\\n      --tw-skew-y: initial;\\n      --tw-space-y-reverse: 0;\\n      --tw-divide-y-reverse: 0;\\n      --tw-border-style: solid;\\n      --tw-leading: initial;\\n      --tw-font-weight: initial;\\n      --tw-shadow: 0 0 #0000;\\n      --tw-shadow-color: initial;\\n      --tw-shadow-alpha: 100%;\\n      --tw-inset-shadow: 0 0 #0000;\\n      --tw-inset-shadow-color: initial;\\n      --tw-inset-shadow-alpha: 100%;\\n      --tw-ring-color: initial;\\n      --tw-ring-shadow: 0 0 #0000;\\n      --tw-inset-ring-color: initial;\\n      --tw-inset-ring-shadow: 0 0 #0000;\\n      --tw-ring-inset: initial;\\n      --tw-ring-offset-width: 0px;\\n      --tw-ring-offset-color: #fff;\\n      --tw-ring-offset-shadow: 0 0 #0000;\\n      --tw-backdrop-blur: initial;\\n      --tw-backdrop-brightness: initial;\\n      --tw-backdrop-contrast: initial;\\n      --tw-backdrop-grayscale: initial;\\n      --tw-backdrop-hue-rotate: initial;\\n      --tw-backdrop-invert: initial;\\n      --tw-backdrop-opacity: initial;\\n      --tw-backdrop-saturate: initial;\\n      --tw-backdrop-sepia: initial;\\n      --tw-scale-x: 1;\\n      --tw-scale-y: 1;\\n      --tw-scale-z: 1;\\n      --tw-outline-style: solid;\\n    }\\n  }\\n}\\n@layer theme {\\n  :root,\\n  :host {\\n    --font-sans:\\n      ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\",\\n      \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n    --font-mono:\\n      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\",\\n      \\\"Courier New\\\", monospace;\\n    --color-amber-50: oklch(98.7% 0.022 95.277);\\n    --color-amber-100: oklch(96.2% 0.059 95.617);\\n    --color-amber-200: oklch(92.4% 0.12 95.746);\\n    --color-amber-600: oklch(66.6% 0.179 58.318);\\n    --color-amber-700: oklch(55.5% 0.163 48.998);\\n    --color-amber-800: oklch(47.3% 0.137 46.201);\\n    --color-amber-900: oklch(41.4% 0.112 45.904);\\n    --color-green-100: oklch(96.2% 0.044 156.743);\\n    --color-green-700: oklch(52.7% 0.154 150.069);\\n    --color-green-800: oklch(44.8% 0.119 151.328);\\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\\n    --color-sky-50: oklch(97.7% 0.013 236.62);\\n    --color-sky-200: oklch(90.1% 0.058 230.902);\\n    --color-sky-700: oklch(50% 0.134 242.749);\\n    --color-blue-50: oklch(97% 0.014 254.604);\\n    --color-blue-100: oklch(93.2% 0.032 255.585);\\n    --color-blue-200: oklch(88.2% 0.059 254.128);\\n    --color-blue-600: oklch(54.6% 0.245 262.881);\\n    --color-blue-700: oklch(48.8% 0.243 264.376);\\n    --color-blue-800: oklch(42.4% 0.199 265.638);\\n    --color-violet-50: oklch(96.9% 0.016 293.756);\\n    --color-violet-200: oklch(89.4% 0.057 293.283);\\n    --color-violet-700: oklch(49.1% 0.27 292.581);\\n    --color-purple-50: oklch(97.7% 0.014 308.299);\\n    --color-purple-200: oklch(90.2% 0.063 306.703);\\n    --color-purple-700: oklch(49.6% 0.265 301.924);\\n    --color-fuchsia-50: oklch(97.7% 0.017 320.058);\\n    --color-fuchsia-200: oklch(90.3% 0.076 319.62);\\n    --color-fuchsia-700: oklch(51.8% 0.253 323.949);\\n    --color-rose-50: oklch(96.9% 0.015 12.422);\\n    --color-rose-200: oklch(89.2% 0.058 10.001);\\n    --color-rose-500: oklch(64.5% 0.246 16.439);\\n    --color-rose-600: oklch(58.6% 0.253 17.585);\\n    --color-rose-700: oklch(51.4% 0.222 16.935);\\n    --color-rose-800: oklch(45.5% 0.188 13.697);\\n    --color-rose-900: oklch(41% 0.159 10.272);\\n    --color-slate-200: oklch(92.9% 0.013 255.508);\\n    --color-slate-800: oklch(27.9% 0.041 260.031);\\n    --color-slate-900: oklch(20.8% 0.042 265.755);\\n    --color-slate-950: oklch(12.9% 0.042 264.695);\\n    --color-gray-50: oklch(98.5% 0.002 247.839);\\n    --color-gray-100: oklch(96.7% 0.003 264.542);\\n    --color-gray-200: oklch(92.8% 0.006 264.531);\\n    --color-gray-300: oklch(87.2% 0.01 258.338);\\n    --color-gray-400: oklch(70.7% 0.022 261.325);\\n    --color-gray-500: oklch(55.1% 0.027 264.364);\\n    --color-gray-600: oklch(44.6% 0.03 256.802);\\n    --color-gray-700: oklch(37.3% 0.034 259.733);\\n    --color-gray-800: oklch(27.8% 0.033 256.848);\\n    --color-gray-900: oklch(21% 0.034 264.665);\\n    --color-black: #000;\\n    --color-white: #fff;\\n    --spacing: 0.25rem;\\n    --container-xs: 20rem;\\n    --container-md: 28rem;\\n    --container-2xl: 42rem;\\n    --text-xs: 0.75rem;\\n    --text-xs--line-height: calc(1/0.75);\\n    --text-sm: 0.875rem;\\n    --text-sm--line-height: calc(1.25/0.875);\\n    --text-lg: 1.125rem;\\n    --text-lg--line-height: calc(1.75/1.125);\\n    --font-weight-medium: 500;\\n    --font-weight-semibold: 600;\\n    --leading-snug: 1.375;\\n    --leading-relaxed: 1.625;\\n    --radius-sm: 0.25rem;\\n    --radius-md: 0.375rem;\\n    --radius-lg: 0.5rem;\\n    --radius-xl: 0.75rem;\\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\\n    --blur-sm: 8px;\\n    --blur-md: 12px;\\n    --default-transition-duration: 0.15s;\\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\\n    --default-font-family: var(--font-sans);\\n    --default-mono-font-family: var(--font-mono);\\n  }\\n}\\n@layer base {\\n  *,\\n  :after,\\n  :before,\\n  ::backdrop {\\n    box-sizing: border-box;\\n    border: 0 solid;\\n    margin: 0;\\n    padding: 0;\\n  }\\n  ::file-selector-button {\\n    box-sizing: border-box;\\n    border: 0 solid;\\n    margin: 0;\\n    padding: 0;\\n  }\\n  html,\\n  :host {\\n    -webkit-text-size-adjust: 100%;\\n    tab-size: 4;\\n    line-height: 1.5;\\n    font-family: var(\\n      --default-font-family,\\n      ui-sans-serif,\\n      system-ui,\\n      sans-serif,\\n      \\\"Apple Color Emoji\\\",\\n      \\\"Segoe UI Emoji\\\",\\n      \\\"Segoe UI Symbol\\\",\\n      \\\"Noto Color Emoji\\\"\\n    );\\n    font-feature-settings: var(--default-font-feature-settings, normal);\\n    font-variation-settings: var(--default-font-variation-settings, normal);\\n    -webkit-tap-highlight-color: transparent;\\n  }\\n  hr {\\n    height: 0;\\n    color: inherit;\\n    border-top-width: 1px;\\n  }\\n  abbr:where([title]) {\\n    -webkit-text-decoration: underline dotted;\\n    text-decoration: underline dotted;\\n  }\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6 {\\n    font-size: inherit;\\n    font-weight: inherit;\\n  }\\n  a {\\n    color: inherit;\\n    -webkit-text-decoration: inherit;\\n    -webkit-text-decoration: inherit;\\n    -webkit-text-decoration: inherit;\\n    text-decoration: inherit;\\n  }\\n  b,\\n  strong {\\n    font-weight: bolder;\\n  }\\n  code,\\n  kbd,\\n  samp,\\n  pre {\\n    font-family: var(\\n      --default-mono-font-family,\\n      ui-monospace,\\n      SFMono-Regular,\\n      Menlo,\\n      Monaco,\\n      Consolas,\\n      \\\"Liberation Mono\\\",\\n      \\\"Courier New\\\",\\n      monospace\\n    );\\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\\n    font-variation-settings: var(\\n      --default-mono-font-variation-settings,\\n      normal\\n    );\\n    font-size: 1em;\\n  }\\n  small {\\n    font-size: 80%;\\n  }\\n  sub,\\n  sup {\\n    vertical-align: baseline;\\n    font-size: 75%;\\n    line-height: 0;\\n    position: relative;\\n  }\\n  sub {\\n    bottom: -0.25em;\\n  }\\n  sup {\\n    top: -0.5em;\\n  }\\n  table {\\n    text-indent: 0;\\n    border-color: inherit;\\n    border-collapse: collapse;\\n  }\\n  :-moz-focusring {\\n    outline: auto;\\n  }\\n  progress {\\n    vertical-align: baseline;\\n  }\\n  summary {\\n    display: list-item;\\n  }\\n  ol,\\n  ul,\\n  menu {\\n    list-style: none;\\n  }\\n  img,\\n  svg,\\n  video,\\n  canvas,\\n  audio,\\n  iframe,\\n  embed,\\n  object {\\n    vertical-align: middle;\\n    display: block;\\n  }\\n  img,\\n  video {\\n    max-width: 100%;\\n    height: auto;\\n  }\\n  button,\\n  input,\\n  select,\\n  optgroup,\\n  textarea {\\n    font: inherit;\\n    font-feature-settings: inherit;\\n    font-variation-settings: inherit;\\n    letter-spacing: inherit;\\n    color: inherit;\\n    opacity: 1;\\n    background-color: #0000;\\n    border-radius: 0;\\n  }\\n  ::file-selector-button {\\n    font: inherit;\\n    font-feature-settings: inherit;\\n    font-variation-settings: inherit;\\n    letter-spacing: inherit;\\n    color: inherit;\\n    opacity: 1;\\n    background-color: #0000;\\n    border-radius: 0;\\n  }\\n  :where(select:is([multiple], [size])) optgroup {\\n    font-weight: bolder;\\n  }\\n  :where(select:is([multiple], [size])) optgroup option {\\n    padding-inline-start: 20px;\\n  }\\n  ::file-selector-button {\\n    margin-inline-end: 4px;\\n  }\\n  ::placeholder {\\n    opacity: 1;\\n  }\\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or\\n    (contain-intrinsic-size: 1px) {\\n    ::placeholder {\\n      color: currentColor;\\n    }\\n    @supports (color: color-mix(in lab, red, red)) {\\n      ::placeholder {\\n        color: color-mix(in oklab, currentcolor 50%, transparent);\\n      }\\n    }\\n  }\\n  textarea {\\n    resize: vertical;\\n  }\\n  ::-webkit-search-decoration {\\n    -webkit-appearance: none;\\n  }\\n  ::-webkit-date-and-time-value {\\n    min-height: 1lh;\\n    text-align: inherit;\\n  }\\n  ::-webkit-datetime-edit {\\n    display: inline-flex;\\n  }\\n  ::-webkit-datetime-edit-fields-wrapper {\\n    padding: 0;\\n  }\\n  ::-webkit-datetime-edit {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-year-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-month-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-day-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-hour-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-minute-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-second-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-millisecond-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-datetime-edit-meridiem-field {\\n    padding-block: 0;\\n  }\\n  ::-webkit-calendar-picker-indicator {\\n    line-height: 1;\\n  }\\n  :-moz-ui-invalid {\\n    box-shadow: none;\\n  }\\n  button,\\n  input:where([type=\\\"button\\\"], [type=\\\"reset\\\"], [type=\\\"submit\\\"]) {\\n    appearance: button;\\n  }\\n  ::file-selector-button {\\n    appearance: button;\\n  }\\n  ::-webkit-inner-spin-button {\\n    height: auto;\\n  }\\n  ::-webkit-outer-spin-button {\\n    height: auto;\\n  }\\n  [hidden]:where(:not([hidden=\\\"until-found\\\"])) {\\n    display: none !important;\\n  }\\n  :host {\\n    font-family: var(--font-sans);\\n    color: var(--color-slate-900);\\n    background-color: #0000;\\n    display: block;\\n  }\\n}\\n@layer components;\\n@layer utilities {\\n  .pointer-events-auto {\\n    pointer-events: auto;\\n  }\\n  .absolute {\\n    position: absolute;\\n  }\\n  .fixed {\\n    position: fixed;\\n  }\\n  .relative {\\n    position: relative;\\n  }\\n  .static {\\n    position: static;\\n  }\\n  .sticky {\\n    position: sticky;\\n  }\\n  .top-0 {\\n    top: calc(var(--spacing) * 0);\\n  }\\n  .right-0 {\\n    right: calc(var(--spacing) * 0);\\n  }\\n  .right-1 {\\n    right: calc(var(--spacing) * 1);\\n  }\\n  .bottom-1 {\\n    bottom: calc(var(--spacing) * 1);\\n  }\\n  .left-0 {\\n    left: calc(var(--spacing) * 0);\\n  }\\n  .z-10 {\\n    z-index: 10;\\n  }\\n  .z-30 {\\n    z-index: 30;\\n  }\\n  .z-40 {\\n    z-index: 40;\\n  }\\n  .z-50 {\\n    z-index: 50;\\n  }\\n  .m-0 {\\n    margin: calc(var(--spacing) * 0);\\n  }\\n  .mx-4 {\\n    margin-inline: calc(var(--spacing) * 4);\\n  }\\n  .my-1 {\\n    margin-block: calc(var(--spacing) * 1);\\n  }\\n  .my-3 {\\n    margin-block: calc(var(--spacing) * 3);\\n  }\\n  .mt-0\\\\.5 {\\n    margin-top: calc(var(--spacing) * 0.5);\\n  }\\n  .mt-1 {\\n    margin-top: calc(var(--spacing) * 1);\\n  }\\n  .mt-1\\\\.5 {\\n    margin-top: calc(var(--spacing) * 1.5);\\n  }\\n  .mt-2 {\\n    margin-top: calc(var(--spacing) * 2);\\n  }\\n  .mb-1 {\\n    margin-bottom: calc(var(--spacing) * 1);\\n  }\\n  .mb-2 {\\n    margin-bottom: calc(var(--spacing) * 2);\\n  }\\n  .mb-3 {\\n    margin-bottom: calc(var(--spacing) * 3);\\n  }\\n  .mb-4 {\\n    margin-bottom: calc(var(--spacing) * 4);\\n  }\\n  .ml-auto {\\n    margin-left: auto;\\n  }\\n  .box-border {\\n    box-sizing: border-box;\\n  }\\n  .block {\\n    display: block;\\n  }\\n  .flex {\\n    display: flex;\\n  }\\n  .grid {\\n    display: grid;\\n  }\\n  .inline-block {\\n    display: inline-block;\\n  }\\n  .inline-flex {\\n    display: inline-flex;\\n  }\\n  .h-1\\\\.5 {\\n    height: calc(var(--spacing) * 1.5);\\n  }\\n  .h-3 {\\n    height: calc(var(--spacing) * 3);\\n  }\\n  .h-3\\\\.5 {\\n    height: calc(var(--spacing) * 3.5);\\n  }\\n  .h-5 {\\n    height: calc(var(--spacing) * 5);\\n  }\\n  .h-6 {\\n    height: calc(var(--spacing) * 6);\\n  }\\n  .h-7 {\\n    height: calc(var(--spacing) * 7);\\n  }\\n  .h-8 {\\n    height: calc(var(--spacing) * 8);\\n  }\\n  .h-10 {\\n    height: calc(var(--spacing) * 10);\\n  }\\n  .h-12 {\\n    height: calc(var(--spacing) * 12);\\n  }\\n  .h-40 {\\n    height: calc(var(--spacing) * 40);\\n  }\\n  .h-full {\\n    height: 100%;\\n  }\\n  .max-h-64 {\\n    max-height: calc(var(--spacing) * 64);\\n  }\\n  .max-h-96 {\\n    max-height: calc(var(--spacing) * 96);\\n  }\\n  .w-1\\\\.5 {\\n    width: calc(var(--spacing) * 1.5);\\n  }\\n  .w-3 {\\n    width: calc(var(--spacing) * 3);\\n  }\\n  .w-3\\\\.5 {\\n    width: calc(var(--spacing) * 3.5);\\n  }\\n  .w-5 {\\n    width: calc(var(--spacing) * 5);\\n  }\\n  .w-6 {\\n    width: calc(var(--spacing) * 6);\\n  }\\n  .w-7 {\\n    width: calc(var(--spacing) * 7);\\n  }\\n  .w-8 {\\n    width: calc(var(--spacing) * 8);\\n  }\\n  .w-10 {\\n    width: calc(var(--spacing) * 10);\\n  }\\n  .w-12 {\\n    width: calc(var(--spacing) * 12);\\n  }\\n  .w-40 {\\n    width: calc(var(--spacing) * 40);\\n  }\\n  .w-auto {\\n    width: auto;\\n  }\\n  .w-full {\\n    width: 100%;\\n  }\\n  .max-w-2xl {\\n    max-width: var(--container-2xl);\\n  }\\n  .max-w-\\\\[240px\\\\] {\\n    max-width: 240px;\\n  }\\n  .max-w-md {\\n    max-width: var(--container-md);\\n  }\\n  .max-w-xs {\\n    max-width: var(--container-xs);\\n  }\\n  .min-w-0 {\\n    min-width: calc(var(--spacing) * 0);\\n  }\\n  .min-w-\\\\[160px\\\\] {\\n    min-width: 160px;\\n  }\\n  .min-w-\\\\[200px\\\\] {\\n    min-width: 200px;\\n  }\\n  .flex-1 {\\n    flex: 1;\\n  }\\n  .shrink-0 {\\n    flex-shrink: 0;\\n  }\\n  .table-fixed {\\n    table-layout: fixed;\\n  }\\n  .border-collapse {\\n    border-collapse: collapse;\\n  }\\n  .-translate-y-\\\\[2px\\\\] {\\n    --tw-translate-y: calc(2px * -1);\\n    translate: var(--tw-translate-x) var(--tw-translate-y);\\n  }\\n  .rotate-180 {\\n    rotate: 180deg;\\n  }\\n  .transform {\\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\\n      var(--tw-skew-x,) var(--tw-skew-y,);\\n  }\\n  .animate-pulse {\\n    animation: var(--animate-pulse);\\n  }\\n  .cursor-grab {\\n    cursor: grab;\\n  }\\n  .cursor-grabbing {\\n    cursor: grabbing;\\n  }\\n  .cursor-nwse-resize {\\n    cursor: nwse-resize;\\n  }\\n  .cursor-pointer {\\n    cursor: pointer;\\n  }\\n  .touch-none {\\n    touch-action: none;\\n  }\\n  .resize {\\n    resize: both;\\n  }\\n  .grid-cols-2 {\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n  }\\n  .flex-col {\\n    flex-direction: column;\\n  }\\n  .flex-wrap {\\n    flex-wrap: wrap;\\n  }\\n  .items-center {\\n    align-items: center;\\n  }\\n  .items-start {\\n    align-items: flex-start;\\n  }\\n  .justify-between {\\n    justify-content: space-between;\\n  }\\n  .justify-center {\\n    justify-content: center;\\n  }\\n  .gap-1 {\\n    gap: calc(var(--spacing) * 1);\\n  }\\n  .gap-1\\\\.5 {\\n    gap: calc(var(--spacing) * 1.5);\\n  }\\n  .gap-2 {\\n    gap: calc(var(--spacing) * 2);\\n  }\\n  .gap-3 {\\n    gap: calc(var(--spacing) * 3);\\n  }\\n  .gap-4 {\\n    gap: calc(var(--spacing) * 4);\\n  }\\n  :where(.space-y-1 > :not(:last-child)) {\\n    --tw-space-y-reverse: 0;\\n    margin-block-start: calc(\\n      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)\\n    );\\n    margin-block-end: calc(\\n      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))\\n    );\\n  }\\n  :where(.space-y-2 > :not(:last-child)) {\\n    --tw-space-y-reverse: 0;\\n    margin-block-start: calc(\\n      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)\\n    );\\n    margin-block-end: calc(\\n      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))\\n    );\\n  }\\n  :where(.space-y-3 > :not(:last-child)) {\\n    --tw-space-y-reverse: 0;\\n    margin-block-start: calc(\\n      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)\\n    );\\n    margin-block-end: calc(\\n      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))\\n    );\\n  }\\n  :where(.divide-y > :not(:last-child)) {\\n    --tw-divide-y-reverse: 0;\\n    border-bottom-style: var(--tw-border-style);\\n    border-top-style: var(--tw-border-style);\\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\\n  }\\n  :where(.divide-gray-200 > :not(:last-child)) {\\n    border-color: var(--color-gray-200);\\n  }\\n  .truncate {\\n    text-overflow: ellipsis;\\n    white-space: nowrap;\\n    overflow: hidden;\\n  }\\n  .overflow-auto {\\n    overflow: auto;\\n  }\\n  .overflow-hidden {\\n    overflow: hidden;\\n  }\\n  .overflow-x-hidden {\\n    overflow-x: hidden;\\n  }\\n  .overflow-y-auto {\\n    overflow-y: auto;\\n  }\\n  .rounded {\\n    border-radius: 0.25rem;\\n  }\\n  .rounded-full {\\n    border-radius: 3.40282e38px;\\n  }\\n  .rounded-lg {\\n    border-radius: var(--radius-lg);\\n  }\\n  .rounded-md {\\n    border-radius: var(--radius-md);\\n  }\\n  .rounded-sm {\\n    border-radius: var(--radius-sm);\\n  }\\n  .rounded-xl {\\n    border-radius: var(--radius-xl);\\n  }\\n  .border {\\n    border-style: var(--tw-border-style);\\n    border-width: 1px;\\n  }\\n  .border-t {\\n    border-top-style: var(--tw-border-style);\\n    border-top-width: 1px;\\n  }\\n  .border-r {\\n    border-right-style: var(--tw-border-style);\\n    border-right-width: 1px;\\n  }\\n  .border-b {\\n    border-bottom-style: var(--tw-border-style);\\n    border-bottom-width: 1px;\\n  }\\n  .border-l {\\n    border-left-style: var(--tw-border-style);\\n    border-left-width: 1px;\\n  }\\n  .border-dashed {\\n    --tw-border-style: dashed;\\n    border-style: dashed;\\n  }\\n  .border-amber-200 {\\n    border-color: var(--color-amber-200);\\n  }\\n  .border-blue-200 {\\n    border-color: var(--color-blue-200);\\n  }\\n  .border-emerald-200 {\\n    border-color: var(--color-emerald-200);\\n  }\\n  .border-fuchsia-200 {\\n    border-color: var(--color-fuchsia-200);\\n  }\\n  .border-gray-100 {\\n    border-color: var(--color-gray-100);\\n  }\\n  .border-gray-200 {\\n    border-color: var(--color-gray-200);\\n  }\\n  .border-purple-200 {\\n    border-color: var(--color-purple-200);\\n  }\\n  .border-rose-200 {\\n    border-color: var(--color-rose-200);\\n  }\\n  .border-sky-200 {\\n    border-color: var(--color-sky-200);\\n  }\\n  .border-slate-200 {\\n    border-color: var(--color-slate-200);\\n  }\\n  .border-violet-200 {\\n    border-color: var(--color-violet-200);\\n  }\\n  .border-white\\\\/20 {\\n    border-color: #fff3;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .border-white\\\\/20 {\\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\\n    }\\n  }\\n  .bg-amber-50 {\\n    background-color: var(--color-amber-50);\\n  }\\n  .bg-amber-100 {\\n    background-color: var(--color-amber-100);\\n  }\\n  .bg-blue-50 {\\n    background-color: var(--color-blue-50);\\n  }\\n  .bg-blue-100 {\\n    background-color: var(--color-blue-100);\\n  }\\n  .bg-emerald-50 {\\n    background-color: var(--color-emerald-50);\\n  }\\n  .bg-emerald-500 {\\n    background-color: var(--color-emerald-500);\\n  }\\n  .bg-fuchsia-50 {\\n    background-color: var(--color-fuchsia-50);\\n  }\\n  .bg-gray-50 {\\n    background-color: var(--color-gray-50);\\n  }\\n  .bg-gray-50\\\\/50 {\\n    background-color: #f9fafb80;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .bg-gray-50\\\\/50 {\\n      background-color: color-mix(\\n        in oklab,\\n        var(--color-gray-50) 50%,\\n        transparent\\n      );\\n    }\\n  }\\n  .bg-gray-100 {\\n    background-color: var(--color-gray-100);\\n  }\\n  .bg-gray-400 {\\n    background-color: var(--color-gray-400);\\n  }\\n  .bg-gray-900 {\\n    background-color: var(--color-gray-900);\\n  }\\n  .bg-green-100 {\\n    background-color: var(--color-green-100);\\n  }\\n  .bg-purple-50 {\\n    background-color: var(--color-purple-50);\\n  }\\n  .bg-rose-50 {\\n    background-color: var(--color-rose-50);\\n  }\\n  .bg-rose-500 {\\n    background-color: var(--color-rose-500);\\n  }\\n  .bg-rose-600 {\\n    background-color: var(--color-rose-600);\\n  }\\n  .bg-sky-50 {\\n    background-color: var(--color-sky-50);\\n  }\\n  .bg-slate-900 {\\n    background-color: var(--color-slate-900);\\n  }\\n  .bg-slate-950\\\\/95 {\\n    background-color: #020618f2;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .bg-slate-950\\\\/95 {\\n      background-color: color-mix(\\n        in oklab,\\n        var(--color-slate-950) 95%,\\n        transparent\\n      );\\n    }\\n  }\\n  .bg-violet-50 {\\n    background-color: var(--color-violet-50);\\n  }\\n  .bg-white {\\n    background-color: var(--color-white);\\n  }\\n  .bg-white\\\\/60 {\\n    background-color: #fff9;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .bg-white\\\\/60 {\\n      background-color: color-mix(\\n        in oklab,\\n        var(--color-white) 60%,\\n        transparent\\n      );\\n    }\\n  }\\n  .bg-white\\\\/95 {\\n    background-color: #fffffff2;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .bg-white\\\\/95 {\\n      background-color: color-mix(\\n        in oklab,\\n        var(--color-white) 95%,\\n        transparent\\n      );\\n    }\\n  }\\n  .p-2 {\\n    padding: calc(var(--spacing) * 2);\\n  }\\n  .p-3 {\\n    padding: calc(var(--spacing) * 3);\\n  }\\n  .p-4 {\\n    padding: calc(var(--spacing) * 4);\\n  }\\n  .px-1 {\\n    padding-inline: calc(var(--spacing) * 1);\\n  }\\n  .px-1\\\\.5 {\\n    padding-inline: calc(var(--spacing) * 1.5);\\n  }\\n  .px-2 {\\n    padding-inline: calc(var(--spacing) * 2);\\n  }\\n  .px-3 {\\n    padding-inline: calc(var(--spacing) * 3);\\n  }\\n  .px-4 {\\n    padding-inline: calc(var(--spacing) * 4);\\n  }\\n  .py-0\\\\.5 {\\n    padding-block: calc(var(--spacing) * 0.5);\\n  }\\n  .py-1 {\\n    padding-block: calc(var(--spacing) * 1);\\n  }\\n  .py-1\\\\.5 {\\n    padding-block: calc(var(--spacing) * 1.5);\\n  }\\n  .py-2 {\\n    padding-block: calc(var(--spacing) * 2);\\n  }\\n  .py-2\\\\.5 {\\n    padding-block: calc(var(--spacing) * 2.5);\\n  }\\n  .py-3 {\\n    padding-block: calc(var(--spacing) * 3);\\n  }\\n  .py-4 {\\n    padding-block: calc(var(--spacing) * 4);\\n  }\\n  .py-8 {\\n    padding-block: calc(var(--spacing) * 8);\\n  }\\n  .text-center {\\n    text-align: center;\\n  }\\n  .text-left {\\n    text-align: left;\\n  }\\n  .align-middle {\\n    vertical-align: middle;\\n  }\\n  .align-top {\\n    vertical-align: top;\\n  }\\n  .font-mono {\\n    font-family: var(--font-mono);\\n  }\\n  .text-lg {\\n    font-size: var(--text-lg);\\n    line-height: var(--tw-leading, var(--text-lg--line-height));\\n  }\\n  .text-sm {\\n    font-size: var(--text-sm);\\n    line-height: var(--tw-leading, var(--text-sm--line-height));\\n  }\\n  .text-xs {\\n    font-size: var(--text-xs);\\n    line-height: var(--tw-leading, var(--text-xs--line-height));\\n  }\\n  .text-\\\\[9px\\\\] {\\n    font-size: 9px;\\n  }\\n  .text-\\\\[10px\\\\] {\\n    font-size: 10px;\\n  }\\n  .text-\\\\[11px\\\\] {\\n    font-size: 11px;\\n  }\\n  .leading-relaxed {\\n    --tw-leading: var(--leading-relaxed);\\n    line-height: var(--leading-relaxed);\\n  }\\n  .leading-snug {\\n    --tw-leading: var(--leading-snug);\\n    line-height: var(--leading-snug);\\n  }\\n  .font-medium {\\n    --tw-font-weight: var(--font-weight-medium);\\n    font-weight: var(--font-weight-medium);\\n  }\\n  .font-semibold {\\n    --tw-font-weight: var(--font-weight-semibold);\\n    font-weight: var(--font-weight-semibold);\\n  }\\n  .break-words {\\n    overflow-wrap: break-word;\\n  }\\n  .whitespace-nowrap {\\n    white-space: nowrap;\\n  }\\n  .whitespace-pre-wrap {\\n    white-space: pre-wrap;\\n  }\\n  .text-amber-600 {\\n    color: var(--color-amber-600);\\n  }\\n  .text-amber-700 {\\n    color: var(--color-amber-700);\\n  }\\n  .text-amber-800 {\\n    color: var(--color-amber-800);\\n  }\\n  .text-amber-900 {\\n    color: var(--color-amber-900);\\n  }\\n  .text-blue-600 {\\n    color: var(--color-blue-600);\\n  }\\n  .text-blue-700 {\\n    color: var(--color-blue-700);\\n  }\\n  .text-blue-800 {\\n    color: var(--color-blue-800);\\n  }\\n  .text-emerald-700 {\\n    color: var(--color-emerald-700);\\n  }\\n  .text-fuchsia-700 {\\n    color: var(--color-fuchsia-700);\\n  }\\n  .text-gray-300 {\\n    color: var(--color-gray-300);\\n  }\\n  .text-gray-400 {\\n    color: var(--color-gray-400);\\n  }\\n  .text-gray-500 {\\n    color: var(--color-gray-500);\\n  }\\n  .text-gray-600 {\\n    color: var(--color-gray-600);\\n  }\\n  .text-gray-700 {\\n    color: var(--color-gray-700);\\n  }\\n  .text-gray-800 {\\n    color: var(--color-gray-800);\\n  }\\n  .text-gray-900 {\\n    color: var(--color-gray-900);\\n  }\\n  .text-green-700 {\\n    color: var(--color-green-700);\\n  }\\n  .text-green-800 {\\n    color: var(--color-green-800);\\n  }\\n  .text-purple-700 {\\n    color: var(--color-purple-700);\\n  }\\n  .text-rose-700 {\\n    color: var(--color-rose-700);\\n  }\\n  .text-rose-800 {\\n    color: var(--color-rose-800);\\n  }\\n  .text-rose-900 {\\n    color: var(--color-rose-900);\\n  }\\n  .text-sky-700 {\\n    color: var(--color-sky-700);\\n  }\\n  .text-slate-800 {\\n    color: var(--color-slate-800);\\n  }\\n  .text-slate-900 {\\n    color: var(--color-slate-900);\\n  }\\n  .text-violet-700 {\\n    color: var(--color-violet-700);\\n  }\\n  .text-white {\\n    color: var(--color-white);\\n  }\\n  .italic {\\n    font-style: italic;\\n  }\\n  .opacity-0 {\\n    opacity: 0;\\n  }\\n  .opacity-80 {\\n    opacity: 0.8;\\n  }\\n  .shadow-\\\\[0_12px_30px_rgba\\\\(15\\\\,23\\\\,42\\\\,0\\\\.12\\\\)\\\\] {\\n    --tw-shadow: 0 12px 30px var(--tw-shadow-color, #0f172a1f);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .shadow-lg {\\n    --tw-shadow:\\n      0 10px 15px -3px var(--tw-shadow-color, #0000001a),\\n      0 4px 6px -4px var(--tw-shadow-color, #0000001a);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .shadow-md {\\n    --tw-shadow:\\n      0 4px 6px -1px var(--tw-shadow-color, #0000001a),\\n      0 2px 4px -2px var(--tw-shadow-color, #0000001a);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .shadow-sm {\\n    --tw-shadow:\\n      0 1px 3px 0 var(--tw-shadow-color, #0000001a),\\n      0 1px 2px -1px var(--tw-shadow-color, #0000001a);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .ring-1 {\\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0\\n      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .ring-black\\\\/5 {\\n    --tw-ring-color: #0000000d;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .ring-black\\\\/5 {\\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);\\n    }\\n  }\\n  .ring-transparent {\\n    --tw-ring-color: transparent;\\n  }\\n  .ring-white\\\\/10 {\\n    --tw-ring-color: #ffffff1a;\\n  }\\n  @supports (color: color-mix(in lab, red, red)) {\\n    .ring-white\\\\/10 {\\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\\n    }\\n  }\\n  .backdrop-blur-md {\\n    --tw-backdrop-blur: blur(var(--blur-md));\\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,)\\n      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)\\n      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)\\n      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)\\n      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)\\n      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)\\n      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)\\n      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)\\n      var(--tw-backdrop-sepia,);\\n  }\\n  .backdrop-blur-sm {\\n    --tw-backdrop-blur: blur(var(--blur-sm));\\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,)\\n      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)\\n      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)\\n      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)\\n      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)\\n      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)\\n      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)\\n      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)\\n      var(--tw-backdrop-sepia,);\\n  }\\n  .transition {\\n    transition-property:\\n      color,\\n      background-color,\\n      border-color,\\n      outline-color,\\n      text-decoration-color,\\n      fill,\\n      stroke,\\n      --tw-gradient-from,\\n      --tw-gradient-via,\\n      --tw-gradient-to,\\n      opacity,\\n      box-shadow,\\n      transform,\\n      translate,\\n      scale,\\n      rotate,\\n      filter,\\n      -webkit-backdrop-filter,\\n      backdrop-filter,\\n      display,\\n      content-visibility,\\n      overlay,\\n      pointer-events;\\n    transition-timing-function: var(\\n      --tw-ease,\\n      var(--default-transition-timing-function)\\n    );\\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\\n  }\\n  .outline-none {\\n    --tw-outline-style: none;\\n    outline-style: none;\\n  }\\n  .select-none {\\n    -webkit-user-select: none;\\n    user-select: none;\\n  }\\n  @media (hover: hover) {\\n    .group-hover\\\\:opacity-100:is(:where(.group):hover *) {\\n      opacity: 1;\\n    }\\n    .hover\\\\:scale-105:hover {\\n      --tw-scale-x: 105%;\\n      --tw-scale-y: 105%;\\n      --tw-scale-z: 105%;\\n      scale: var(--tw-scale-x) var(--tw-scale-y);\\n    }\\n    .hover\\\\:border-gray-300:hover {\\n      border-color: var(--color-gray-300);\\n    }\\n    .hover\\\\:border-white\\\\/30:hover {\\n      border-color: #ffffff4d;\\n    }\\n    @supports (color: color-mix(in lab, red, red)) {\\n      .hover\\\\:border-white\\\\/30:hover {\\n        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\\n      }\\n    }\\n    .hover\\\\:bg-blue-50\\\\/50:hover {\\n      background-color: #eff6ff80;\\n    }\\n    @supports (color: color-mix(in lab, red, red)) {\\n      .hover\\\\:bg-blue-50\\\\/50:hover {\\n        background-color: color-mix(\\n          in oklab,\\n          var(--color-blue-50) 50%,\\n          transparent\\n        );\\n      }\\n    }\\n    .hover\\\\:bg-gray-50:hover {\\n      background-color: var(--color-gray-50);\\n    }\\n    .hover\\\\:bg-gray-100:hover {\\n      background-color: var(--color-gray-100);\\n    }\\n    .hover\\\\:bg-gray-200:hover {\\n      background-color: var(--color-gray-200);\\n    }\\n    .hover\\\\:bg-gray-800:hover {\\n      background-color: var(--color-gray-800);\\n    }\\n    .hover\\\\:bg-slate-900\\\\/95:hover {\\n      background-color: #0f172bf2;\\n    }\\n    @supports (color: color-mix(in lab, red, red)) {\\n      .hover\\\\:bg-slate-900\\\\/95:hover {\\n        background-color: color-mix(\\n          in oklab,\\n          var(--color-slate-900) 95%,\\n          transparent\\n        );\\n      }\\n    }\\n    .hover\\\\:text-gray-600:hover {\\n      color: var(--color-gray-600);\\n    }\\n    .hover\\\\:text-gray-900:hover {\\n      color: var(--color-gray-900);\\n    }\\n  }\\n  .focus\\\\:border-gray-300:focus {\\n    border-color: var(--color-gray-300);\\n  }\\n  .focus\\\\:bg-gray-50:focus {\\n    background-color: var(--color-gray-50);\\n  }\\n  .focus\\\\:ring-2:focus {\\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0\\n      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\\n    box-shadow:\\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\\n  }\\n  .focus\\\\:ring-gray-200:focus {\\n    --tw-ring-color: var(--color-gray-200);\\n  }\\n  .focus\\\\:outline-none:focus {\\n    --tw-outline-style: none;\\n    outline-style: none;\\n  }\\n  .focus-visible\\\\:outline:focus-visible {\\n    outline-style: var(--tw-outline-style);\\n    outline-width: 1px;\\n  }\\n  .focus-visible\\\\:outline-2:focus-visible {\\n    outline-style: var(--tw-outline-style);\\n    outline-width: 2px;\\n  }\\n  .focus-visible\\\\:outline-offset-2:focus-visible {\\n    outline-offset: 2px;\\n  }\\n  .focus-visible\\\\:outline-gray-300:focus-visible {\\n    outline-color: var(--color-gray-300);\\n  }\\n  .focus-visible\\\\:outline-gray-400:focus-visible {\\n    outline-color: var(--color-gray-400);\\n  }\\n  .focus-visible\\\\:outline-rose-500:focus-visible {\\n    outline-color: var(--color-rose-500);\\n  }\\n  .disabled\\\\:cursor-not-allowed:disabled {\\n    cursor: not-allowed;\\n  }\\n  .disabled\\\\:opacity-50:disabled {\\n    opacity: 0.5;\\n  }\\n  @media (min-width: 48rem) {\\n    .md\\\\:grid-cols-4 {\\n      grid-template-columns: repeat(4, minmax(0, 1fr));\\n    }\\n  }\\n  .\\\\[\\\\&\\\\>svg\\\\]\\\\:\\\\!h-8 > svg {\\n    height: calc(var(--spacing) * 8) !important;\\n  }\\n  .\\\\[\\\\&\\\\>svg\\\\]\\\\:\\\\!w-8 > svg {\\n    width: calc(var(--spacing) * 8) !important;\\n  }\\n  .sr-only {\\n    clip: rect(0, 0, 0, 0);\\n    white-space: nowrap;\\n    border-width: 0;\\n    width: 1px;\\n    height: 1px;\\n    margin: -1px;\\n    padding: 0;\\n    position: absolute;\\n    overflow: hidden;\\n  }\\n}\\n@property --tw-translate-x {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-translate-y {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-translate-z {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-rotate-x {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-rotate-y {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-rotate-z {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-skew-x {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-skew-y {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-space-y-reverse {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-divide-y-reverse {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-border-style {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: solid;\\n}\\n@property --tw-leading {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-font-weight {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-shadow {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0 0 #0000;\\n}\\n@property --tw-shadow-color {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-shadow-alpha {\\n  syntax: \\\"<percentage>\\\";\\n  inherits: false;\\n  initial-value: 100%;\\n}\\n@property --tw-inset-shadow {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-shadow-color {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-inset-shadow-alpha {\\n  syntax: \\\"<percentage>\\\";\\n  inherits: false;\\n  initial-value: 100%;\\n}\\n@property --tw-ring-color {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-ring-shadow {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0 0 #0000;\\n}\\n@property --tw-inset-ring-color {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-inset-ring-shadow {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0 0 #0000;\\n}\\n@property --tw-ring-inset {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-ring-offset-width {\\n  syntax: \\\"<length>\\\";\\n  inherits: false;\\n  initial-value: 0;\\n}\\n@property --tw-ring-offset-color {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: #fff;\\n}\\n@property --tw-ring-offset-shadow {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 0 0 #0000;\\n}\\n@property --tw-backdrop-blur {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-brightness {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-contrast {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-grayscale {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-hue-rotate {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-invert {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-opacity {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-saturate {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-backdrop-sepia {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n}\\n@property --tw-scale-x {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 1;\\n}\\n@property --tw-scale-y {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 1;\\n}\\n@property --tw-scale-z {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: 1;\\n}\\n@property --tw-outline-style {\\n  syntax: \\\"*\\\";\\n  inherits: false;\\n  initial-value: solid;\\n}\\n@keyframes pulse {\\n  50% {\\n    opacity: 0.5;\\n  }\\n}\\n\""],"mappings":";wBAAA"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@copilotkit/web-inspector",
+  "version": "0.0.0-main-20260402184302",
+  "description": "Lit-based web component for the CopilotKit web inspector",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.cts",
+  "unpkg": "./dist/index.umd.js",
+  "jsdelivr": "./dist/index.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ag-ui/client": "0.0.48",
+    "lit": "^3.2.0",
+    "lucide": "^0.525.0",
+    "marked": "^12.0.2",
+    "@copilotkit/core": "0.0.0-main-20260402184302"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1.11",
+    "@types/node": "^22.15.3",
+    "concurrently": "^9.1.0",
+    "tailwindcss": "^4.0.8",
+    "tsdown": "^0.20.3",
+    "typescript": "5.8.2",
+    "vitest": "^3.0.5",
+    "@copilotkit/typescript-config": "0.0.0-main-20260402184302"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsdown && pnpm run build:css",
+    "build:css": "tailwindcss -i ./src/styles/tailwind.css -o ./src/styles/generated.css -m",
+    "dev": "pnpm run build:css && concurrently \"pnpm run dev:css\" \"tsdown --watch\"",
+    "dev:css": "tailwindcss -i ./src/styles/tailwind.css -o ./src/styles/generated.css --watch --minify",
+    "check-types": "pnpm run build:css && tsc --noEmit",
+    "test": "pnpm run build:css && vitest run",
+    "publint": "publint .",
+    "attw": "attw --pack . --profile node16"
+  }
+}

package/src/__tests__/web-inspector.spec.ts

@@ -0,0 +1,191 @@
+import { WebInspectorElement } from "../index";
+import {
+  CopilotKitCore,
+  CopilotKitCoreRuntimeConnectionStatus,
+  type CopilotKitCoreSubscriber,
+} from "@copilotkit/core";
+import type { AbstractAgent, AgentSubscriber } from "@ag-ui/client";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+
+type MockAgentController = {
+  emit: (key: keyof AgentSubscriber, payload: unknown) => void;
+};
+
+type InspectorInternals = {
+  flattenedEvents: Array<{ type: string }>;
+  agentMessages: Map<string, Array<{ contentText?: string }>>;
+  agentStates: Map<string, unknown>;
+  cachedTools: Array<{ name: string }>;
+};
+
+type InspectorContextInternals = {
+  contextStore: Record<string, { description?: string; value: unknown }>;
+  copyContextValue: (value: unknown, id: string) => Promise<void>;
+  persistState: () => void;
+};
+
+type MockAgentExtras = Partial<{
+  messages: unknown;
+  state: unknown;
+  toolHandlers: Record<string, unknown>;
+  toolRenderers: Record<string, unknown>;
+}>;
+
+function createMockAgent(
+  agentId: string,
+  extras: MockAgentExtras = {},
+): { agent: AbstractAgent; controller: MockAgentController } {
+  const subscribers = new Set<AgentSubscriber>();
+
+  const agent = {
+    agentId,
+    ...extras,
+    subscribe(subscriber: AgentSubscriber) {
+      subscribers.add(subscriber);
+      return {
+        unsubscribe: () => subscribers.delete(subscriber),
+      };
+    },
+  };
+
+  const emit = (key: keyof AgentSubscriber, payload: unknown) => {
+    subscribers.forEach((subscriber) => {
+      const handler = subscriber[key];
+      if (handler) {
+        (handler as (arg: unknown) => void)(payload);
+      }
+    });
+  };
+
+  return { agent: agent as unknown as AbstractAgent, controller: { emit } };
+}
+
+type MockCore = {
+  agents: Record<string, AbstractAgent>;
+  context: Record<string, unknown>;
+  properties: Record<string, unknown>;
+  runtimeConnectionStatus: CopilotKitCoreRuntimeConnectionStatus;
+  subscribe: (subscriber: CopilotKitCoreSubscriber) => {
+    unsubscribe: () => void;
+  };
+};
+
+function createMockCore(initialAgents: Record<string, AbstractAgent> = {}) {
+  const subscribers = new Set<CopilotKitCoreSubscriber>();
+  const core: MockCore = {
+    agents: initialAgents,
+    context: {},
+    properties: {},
+    runtimeConnectionStatus: CopilotKitCoreRuntimeConnectionStatus.Connected,
+    subscribe(subscriber: CopilotKitCoreSubscriber) {
+      subscribers.add(subscriber);
+      return { unsubscribe: () => subscribers.delete(subscriber) };
+    },
+  };
+
+  return {
+    core,
+    emitAgentsChanged(nextAgents = core.agents) {
+      core.agents = nextAgents;
+      subscribers.forEach((subscriber) =>
+        subscriber.onAgentsChanged?.({
+          copilotkit: core as unknown as CopilotKitCore,
+          agents: core.agents,
+        }),
+      );
+    },
+    emitContextChanged(nextContext: Record<string, unknown>) {
+      core.context = nextContext;
+      subscribers.forEach((subscriber) =>
+        subscriber.onContextChanged?.({
+          copilotkit: core as unknown as CopilotKitCore,
+          context: core.context as unknown as Readonly<
+            Record<string, { value: string; description: string }>
+          >,
+        }),
+      );
+    },
+  };
+}
+
+describe("WebInspectorElement", () => {
+  beforeEach(() => {
+    document.body.innerHTML = "";
+    localStorage.clear();
+    const mockClipboard = { writeText: vi.fn().mockResolvedValue(undefined) };
+    (navigator as unknown as { clipboard: typeof mockClipboard }).clipboard =
+      mockClipboard;
+  });
+
+  afterEach(() => {
+    vi.clearAllTimers();
+  });
+
+  it("records agent events and syncs state/messages/tools", async () => {
+    const { agent, controller } = createMockAgent("alpha", {
+      messages: [{ id: "m1", role: "user", content: "hi there" }],
+      state: { foo: "bar" },
+      toolHandlers: {
+        greet: { description: "hello", parameters: { type: "object" } },
+      },
+    });
+    const { core, emitAgentsChanged } = createMockCore({ alpha: agent });
+
+    const inspector = new WebInspectorElement();
+    document.body.appendChild(inspector);
+    inspector.core = core as unknown as WebInspectorElement["core"];
+
+    emitAgentsChanged();
+    await inspector.updateComplete;
+
+    controller.emit("onRunStartedEvent", { event: { id: "run-1" } });
+    controller.emit("onMessagesSnapshotEvent", { event: { id: "msg-1" } });
+    await inspector.updateComplete;
+
+    const inspectorHandle = inspector as unknown as InspectorInternals;
+
+    const flattened = inspectorHandle.flattenedEvents;
+    expect(flattened.some((evt) => evt.type === "RUN_STARTED")).toBe(true);
+    expect(flattened.some((evt) => evt.type === "MESSAGES_SNAPSHOT")).toBe(
+      true,
+    );
+    expect(
+      inspectorHandle.agentMessages.get("alpha")?.[0]?.contentText,
+    ).toContain("hi there");
+    expect(inspectorHandle.agentStates.get("alpha")).toBeDefined();
+    expect(
+      inspectorHandle.cachedTools.some((tool) => tool.name === "greet"),
+    ).toBe(true);
+  });
+
+  it("normalizes context, persists state, and copies context values", async () => {
+    const { core, emitContextChanged } = createMockCore();
+    const inspector = new WebInspectorElement();
+    document.body.appendChild(inspector);
+    inspector.core = core as unknown as WebInspectorElement["core"];
+
+    emitContextChanged({
+      ctxA: { value: { nested: true } },
+      ctxB: { description: "Described", value: 5 },
+    });
+    await inspector.updateComplete;
+
+    const inspectorHandle = inspector as unknown as InspectorContextInternals;
+    const contextStore = inspectorHandle.contextStore;
+    const ctxA = contextStore.ctxA!;
+    const ctxB = contextStore.ctxB!;
+    expect(ctxA.value).toMatchObject({ nested: true });
+    expect(ctxB.description).toBe("Described");
+
+    await inspectorHandle.copyContextValue({ nested: true }, "ctxA");
+    const clipboard = (
+      navigator as unknown as {
+        clipboard: { writeText: ReturnType<typeof vi.fn> };
+      }
+    ).clipboard.writeText as ReturnType<typeof vi.fn>;
+    expect(clipboard).toHaveBeenCalledTimes(1);
+
+    inspectorHandle.persistState();
+    expect(localStorage.getItem("cpk:inspector:state")).toBeTruthy();
+  });
+});

package/src/assets/inspector-logo-icon.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="60" viewBox="0 0 55 60" fill="none">
+  <g stroke="#FFFFFF" stroke-width="3.3125" stroke-linejoin="round">
+    <path d="M0 21.9336L16.5449 0C40.8483 5.37332 53 8.05998 53 8.05998L43.123 56L0 21.9336Z" />
+    <line x1="16.5828" y1="0" x2="43.2454" y2="56" />
+    <line x1="0" y1="21.9336" x2="53" y2="8.48421" />
+  </g>
+</svg>

package/src/assets/inspector-logo.svg

@@ -0,0 +1,40 @@
+<svg width="136" height="26" viewBox="0 0 136 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5253 11.0828H11.2602C11.2299 10.7299 11.1492 10.4097 11.0181 10.1224C10.8921 9.83503 10.7157 9.588 10.4888 9.38129C10.267 9.16958 9.99725 9.00818 9.67964 8.89733C9.36202 8.78136 9.00155 8.72338 8.59823 8.72338C7.89242 8.72338 7.29501 8.89477 6.80598 9.23756C6.322 9.58045 5.95397 10.072 5.70189 10.7122C5.45486 11.3524 5.33134 12.1213 5.33134 13.0187C5.33134 13.9665 5.45738 14.7606 5.70946 15.4008C5.96657 16.0361 6.33712 16.515 6.82111 16.8376C7.30509 17.1553 7.88739 17.314 8.56798 17.314C8.95618 17.314 9.30404 17.2662 9.61158 17.1704C9.91911 17.0695 10.1863 16.9259 10.4132 16.7393C10.64 16.5528 10.8241 16.3284 10.9653 16.0663C11.1114 15.7991 11.2097 15.4991 11.2602 15.1664L15.5253 15.1967C15.4748 15.852 15.2908 16.52 14.9732 17.2006C14.6556 17.8762 14.2044 18.5013 13.6195 19.076C13.0398 19.6457 12.3214 20.1046 11.4643 20.4524C10.6073 20.8003 9.61158 20.9742 8.47724 20.9742C7.05554 20.9742 5.78004 20.6692 4.65074 20.0592C3.52649 19.4491 2.63667 18.5517 1.98126 17.367C1.33091 16.1823 1.00574 14.7328 1.00574 13.0187C1.00574 11.2946 1.33848 9.84259 2.00396 8.66285C2.66944 7.47811 3.56682 6.58324 4.69611 5.97827C5.82541 5.36825 7.08578 5.06323 8.47724 5.06323C9.45528 5.06323 10.3552 5.19683 11.177 5.46403C11.9987 5.73123 12.7196 6.12194 13.3397 6.63618C13.9599 7.14537 14.4589 7.77302 14.8371 8.51922C15.2152 9.26533 15.4446 10.1198 15.5253 11.0828Z" fill="#010507"/>
+<path d="M23.0894 20.9742C21.829 20.9742 20.7501 20.7246 19.8527 20.2256C18.9553 19.7214 18.2672 19.0206 17.7883 18.1232C17.3093 17.2208 17.0698 16.1747 17.0698 14.9849C17.0698 13.7951 17.3093 12.7516 17.7883 11.8542C18.2672 10.9517 18.9553 10.2509 19.8527 9.75184C20.7501 9.24767 21.829 8.99564 23.0894 8.99564C24.3498 8.99564 25.4286 9.24767 26.326 9.75184C27.2234 10.2509 27.9115 10.9517 28.3905 11.8542C28.8695 12.7516 29.1089 13.7951 29.1089 14.9849C29.1089 16.1747 28.8695 17.2208 28.3905 18.1232C27.9115 19.0206 27.2234 19.7214 26.326 20.2256C25.4286 20.7246 24.3498 20.9742 23.0894 20.9742ZM23.1196 17.8888C23.4726 17.8888 23.7776 17.7703 24.0346 17.5334C24.2918 17.2965 24.4909 16.9587 24.6321 16.5201C24.7733 16.0814 24.8438 15.5597 24.8438 14.9547C24.8438 14.3446 24.7733 13.8228 24.6321 13.3893C24.4909 12.9506 24.2918 12.6128 24.0346 12.3759C23.7776 12.139 23.4726 12.0205 23.1196 12.0205C22.7466 12.0205 22.4265 12.139 22.1592 12.3759C21.8921 12.6128 21.6878 12.9506 21.5466 13.3893C21.4056 13.8228 21.3349 14.3446 21.3349 14.9547C21.3349 15.5597 21.4056 16.0814 21.5466 16.5201C21.6878 16.9587 21.8921 17.2965 22.1592 17.5334C22.4265 17.7703 22.7466 17.8888 23.1196 17.8888Z" fill="#010507"/>
+<path d="M30.8029 25.1184V9.14681H34.947V11.1735H35.0377C35.189 10.7803 35.4109 10.4199 35.7032 10.0922C35.9957 9.7594 36.3587 9.4947 36.7922 9.2981C37.2257 9.09639 37.7299 8.99564 38.3046 8.99564C39.0709 8.99564 39.7995 9.19979 40.4901 9.60811C41.1858 10.0165 41.7505 10.6593 42.1841 11.5365C42.6227 12.4138 42.842 13.5531 42.842 14.9547C42.842 16.2957 42.6328 17.4073 42.2143 18.2896C41.801 19.1719 41.2464 19.8298 40.5506 20.2633C39.8599 20.697 39.1011 20.9137 38.2744 20.9137C37.7299 20.9137 37.2434 20.8255 36.8149 20.649C36.3914 20.4675 36.0284 20.223 35.7259 19.9155C35.4285 19.6029 35.199 19.25 35.0377 18.8568H34.9772V25.1184H30.8029ZM34.8865 14.9547C34.8865 15.5193 34.9596 16.0083 35.1058 16.4218C35.257 16.8301 35.4688 17.1477 35.7411 17.3746C36.0183 17.5964 36.3486 17.7073 36.7317 17.7073C37.1149 17.7073 37.44 17.5989 37.7072 17.3821C37.9795 17.1603 38.1862 16.8452 38.3273 16.4369C38.4736 16.0234 38.5466 15.5294 38.5466 14.9547C38.5466 14.3799 38.4736 13.8884 38.3273 13.48C38.1862 13.0666 37.9795 12.7516 37.7072 12.5347C37.44 12.3129 37.1149 12.202 36.7317 12.202C36.3486 12.202 36.0183 12.3129 35.7411 12.5347C35.4688 12.7516 35.257 13.0666 35.1058 13.48C34.9596 13.8884 34.8865 14.3799 34.8865 14.9547Z" fill="#010507"/>
+<path d="M44.5908 20.7625V9.14678H48.7652V20.7625H44.5908ZM46.6779 7.93683C46.1133 7.93683 45.6294 7.75033 45.2261 7.37726C44.8227 7.00419 44.621 6.55549 44.621 6.03118C44.621 5.50686 44.8227 5.05816 45.2261 4.68509C45.6294 4.31202 46.1133 4.12549 46.6779 4.12549C47.2477 4.12549 47.7316 4.31202 48.1299 4.68509C48.5332 5.05816 48.7349 5.50686 48.7349 6.03118C48.7349 6.55549 48.5332 7.00419 48.1299 7.37726C47.7316 7.75033 47.2477 7.93683 46.6779 7.93683Z" fill="#010507"/>
+<path d="M55.0664 5.27496V20.7625H50.892V5.27496H55.0664Z" fill="#010507"/>
+<path d="M62.7893 20.9742C61.5289 20.9742 60.4501 20.7246 59.5527 20.2256C58.6553 19.7214 57.9671 19.0206 57.4881 18.1232C57.0093 17.2208 56.7698 16.1747 56.7698 14.9849C56.7698 13.7951 57.0093 12.7516 57.4881 11.8542C57.9671 10.9517 58.6553 10.2509 59.5527 9.75184C60.4501 9.24767 61.5289 8.99564 62.7893 8.99564C64.0497 8.99564 65.1286 9.24767 66.026 9.75184C66.9234 10.2509 67.6115 10.9517 68.0904 11.8542C68.5694 12.7516 68.8089 13.7951 68.8089 14.9849C68.8089 16.1747 68.5694 17.2208 68.0904 18.1232C67.6115 19.0206 66.9234 19.7214 66.026 20.2256C65.1286 20.7246 64.0497 20.9742 62.7893 20.9742ZM62.8195 17.8888C63.1724 17.8888 63.4775 17.7703 63.7346 17.5334C63.9917 17.2965 64.1908 16.9587 64.332 16.5201C64.4731 16.0814 64.5438 15.5597 64.5438 14.9547C64.5438 14.3446 64.4731 13.8228 64.332 13.3893C64.1908 12.9506 63.9917 12.6128 63.7346 12.3759C63.4775 12.139 63.1724 12.0205 62.8195 12.0205C62.4464 12.0205 62.1263 12.139 61.8592 12.3759C61.5919 12.6128 61.3878 12.9506 61.2466 13.3893C61.1054 13.8228 61.0349 14.3446 61.0349 14.9547C61.0349 15.5597 61.1054 16.0814 61.2466 16.5201C61.3878 16.9587 61.5919 17.2965 61.8592 17.5334C62.1263 17.7703 62.4464 17.8888 62.8195 17.8888Z" fill="#010507"/>
+<path d="M77.4298 9.1468V12.1717H69.7769V9.1468H77.4298ZM71.2591 6.36392H75.4334V17.0267C75.4334 17.188 75.4612 17.3241 75.5166 17.4351C75.572 17.5409 75.6578 17.6216 75.7738 17.677C75.8897 17.7274 76.0384 17.7527 76.2199 17.7527C76.3459 17.7527 76.4921 17.7375 76.6585 17.7073C76.8299 17.677 76.9559 17.6518 77.0366 17.6317L77.6416 20.5659C77.4551 20.6213 77.1879 20.6894 76.84 20.77C76.4972 20.8507 76.0888 20.9037 75.6149 20.9288C74.657 20.9792 73.8529 20.8809 73.2026 20.6339C72.5522 20.3818 72.0631 19.9861 71.7355 19.4466C71.4078 18.9072 71.249 18.2316 71.2591 17.42V6.36392Z" fill="#010507"/>
+<path d="M79.3223 20.7625V5.27496H83.5268V11.5365H83.7385L88.397 5.27496H93.2973L88.0642 12.1717L93.4183 20.7625H88.397L84.9183 14.9546L83.5268 16.7696V20.7625H79.3223Z" fill="#010507"/>
+<path d="M95.3334 20.7625V9.14678H99.5077V20.7625H95.3334ZM97.4206 7.93683C96.8559 7.93683 96.3719 7.75033 95.9686 7.37726C95.5653 7.00419 95.3637 6.55549 95.3637 6.03118C95.3637 5.50686 95.5653 5.05816 95.9686 4.68509C96.3719 4.31202 96.8559 4.12549 97.4206 4.12549C97.9902 4.12549 98.4743 4.31202 98.8725 4.68509C99.2758 5.05816 99.4775 5.50686 99.4775 6.03118C99.4775 6.55549 99.2758 7.00419 98.8725 7.37726C98.4743 7.75033 97.9902 7.93683 97.4206 7.93683Z" fill="#010507"/>
+<path d="M108.562 9.1468V12.1717H100.909V9.1468H108.562ZM102.391 6.36392H106.565V17.0267C106.565 17.188 106.593 17.3241 106.648 17.4351C106.704 17.5409 106.789 17.6216 106.905 17.677C107.021 17.7274 107.17 17.7527 107.352 17.7527C107.478 17.7527 107.623 17.7375 107.791 17.7073C107.962 17.677 108.087 17.6518 108.168 17.6317L108.774 20.5659C108.587 20.6213 108.319 20.6894 107.971 20.77C107.629 20.8507 107.22 20.9037 106.747 20.9288C105.789 20.9792 104.985 20.8809 104.334 20.6339C103.684 20.3818 103.195 19.9861 102.867 19.4466C102.54 18.9072 102.381 18.2316 102.391 17.42V6.36392Z" fill="#010507"/>
+<path d="M119.539 8.67678C121.648 5.91866 123.398 3.19128 124.071 0.988777C124.089 0.928849 124.159 0.90339 124.212 0.937987C126.553 2.48864 130.818 3.50932 134.591 3.53328C134.656 3.53369 134.7 3.59769 134.677 3.65822C133.423 6.84039 131.891 12.5423 131.831 19.0536C131.831 19.1503 131.695 19.185 131.647 19.1009C129.5 15.3438 122.623 10.0644 119.574 8.81838C119.518 8.79519 119.502 8.7255 119.539 8.67678Z" fill="url(#paint0_linear_8010_10612)"/>
+<path d="M126.653 6.98969C123.357 8.03321 120.345 8.61334 119.626 8.74516C119.58 8.75356 119.571 8.81686 119.614 8.83473C122.687 10.1121 129.53 15.3761 131.657 19.118C131.661 19.1262 131.671 19.1292 131.68 19.1255C131.688 19.1214 131.693 19.1108 131.69 19.1016L126.653 6.98969Z" fill="url(#paint1_linear_8010_10612)"/>
+<path d="M124.221 0.931179C127.043 2.4702 130.303 3.16142 134.629 3.52564C134.656 3.52796 134.665 3.56437 134.641 3.57702C134.088 3.86136 130.918 5.47409 128.565 6.33784C127.934 6.56926 127.3 6.78394 126.676 6.982C126.662 6.98633 126.647 6.97951 126.641 6.96631L124.156 0.989469C124.139 0.949222 124.183 0.910305 124.221 0.931179Z" fill="url(#paint2_linear_8010_10612)"/>
+<path d="M124.171 1.02203L131.742 19.082" stroke="#513C9F" stroke-width="0.183881" stroke-linecap="round"/>
+<path d="M119.628 8.74279C119.628 8.74279 123.809 7.99233 127.739 6.63677C131.668 5.28124 134.594 3.6214 134.594 3.6214" stroke="#513C9F" stroke-width="0.183881" stroke-linecap="round"/>
+<path d="M125.209 3.30383L122.405 12.6358M122.405 12.6358H129.07M122.405 12.6358L111.874 25.0383" stroke="#ABABAB" stroke-width="0.321797" stroke-linecap="round"/>
+<path d="M119.181 22.485L117.94 22.6596C118.584 24.3618 119.904 25.1053 121.479 25.1053C125.341 25.1053 124.163 20.7382 126.4 20.7382C128.023 20.7382 127.364 24.2778 130.857 24.2778C132.989 24.2778 133.201 22.1301 132.837 21.2061C132.835 21.2005 132.833 21.1953 132.83 21.1902L132.259 20.3154C132.222 20.2572 132.131 20.2791 132.125 20.3483L132.018 21.4087C132.011 21.4824 132.013 21.5559 132.021 21.6295C132.109 22.3621 132.165 24.14 130.857 24.14C129.477 24.14 129.145 20.6462 126.4 20.6462C123.181 20.6462 123.594 24.9675 121.618 24.9675C120.313 24.9675 119.319 23.4964 119.181 22.485Z" fill="url(#paint3_linear_8010_10612)"/>
+<defs>
+<linearGradient id="paint0_linear_8010_10612" x1="129.301" y1="2.33848" x2="125.623" y2="12.452" gradientUnits="userSpaceOnUse">
+<stop stop-color="#6430AB"/>
+<stop offset="1" stop-color="#AA89D8"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8010_10612" x1="126.451" y1="8.03874" x2="121.717" y2="17.1869" gradientUnits="userSpaceOnUse">
+<stop stop-color="#005DBB"/>
+<stop offset="1" stop-color="#3D92E8"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8010_10612" x1="128.565" y1="2.33842" x2="127.139" y2="6.79755" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B70C4"/>
+<stop offset="1" stop-color="#54A4F2"/>
+</linearGradient>
+<linearGradient id="paint3_linear_8010_10612" x1="117.94" y1="22.7838" x2="132.981" y2="22.7838" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4497EA"/>
+<stop offset="0.254755" stop-color="#1463B2"/>
+<stop offset="0.498725" stop-color="#0A437D"/>
+<stop offset="0.666667" stop-color="#2476C8"/>
+<stop offset="0.972542" stop-color="#0C549A"/>
+</linearGradient>
+</defs>
+</svg>

package/src/components.d.ts

@@ -0,0 +1,20 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+export namespace Components {}
+declare global {
+  interface HTMLElementTagNameMap {}
+}
+declare namespace LocalJSX {
+  interface IntrinsicElements {}
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+  export namespace JSX {
+    interface IntrinsicElements {}
+  }
+}