@clarify-labs/renderer 0.1.0

package/output/renderer.css

@@ -0,0 +1,3986 @@
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+    }
+  }
+}
+
+@layer theme {
+  :root, :host {
+    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-red-50: oklch(97.1% .013 17.38);
+    --color-red-200: oklch(88.5% .062 18.334);
+    --color-red-500: oklch(63.7% .237 25.331);
+    --color-red-700: oklch(50.5% .213 27.518);
+    --color-amber-50: oklch(98.7% .022 95.277);
+    --color-amber-200: oklch(92.4% .12 95.746);
+    --color-amber-300: oklch(87.9% .169 91.605);
+    --color-amber-400: oklch(82.8% .189 84.429);
+    --color-amber-500: oklch(76.9% .188 70.08);
+    --color-amber-700: oklch(55.5% .163 48.998);
+    --color-emerald-50: oklch(97.9% .021 166.113);
+    --color-emerald-200: oklch(90.5% .093 164.15);
+    --color-emerald-300: oklch(84.5% .143 164.978);
+    --color-emerald-400: oklch(76.5% .177 163.223);
+    --color-emerald-500: oklch(69.6% .17 162.48);
+    --color-emerald-600: oklch(59.6% .145 163.225);
+    --color-emerald-900: oklch(37.8% .077 168.94);
+    --color-sky-300: oklch(82.8% .111 230.318);
+    --color-sky-400: oklch(74.6% .16 232.661);
+    --color-sky-500: oklch(68.5% .169 237.323);
+    --color-violet-300: oklch(81.1% .111 293.571);
+    --color-violet-400: oklch(70.2% .183 293.541);
+    --color-violet-500: oklch(60.6% .25 292.717);
+    --color-fuchsia-400: oklch(74% .238 322.16);
+    --color-fuchsia-500: oklch(66.7% .295 322.15);
+    --color-pink-300: oklch(82.3% .12 346.018);
+    --color-rose-50: oklch(96.9% .015 12.422);
+    --color-rose-200: oklch(89.2% .058 10.001);
+    --color-rose-400: oklch(71.2% .194 13.428);
+    --color-rose-500: oklch(64.5% .246 16.439);
+    --color-zinc-50: oklch(98.5% 0 0);
+    --color-zinc-100: oklch(96.7% .001 286.375);
+    --color-zinc-200: oklch(92% .004 286.32);
+    --color-zinc-300: oklch(87.1% .006 286.286);
+    --color-zinc-400: oklch(70.5% .015 286.067);
+    --color-zinc-500: oklch(55.2% .016 285.938);
+    --color-zinc-600: oklch(44.2% .017 285.786);
+    --color-zinc-700: oklch(37% .013 285.805);
+    --color-zinc-800: oklch(27.4% .006 286.033);
+    --color-zinc-900: oklch(21% .006 285.885);
+    --color-zinc-950: oklch(14.1% .005 285.823);
+    --color-black: #000;
+    --color-white: #fff;
+    --spacing: .25rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 33rem;
+    --container-xl: 36rem;
+    --container-2xl: 40rem;
+    --container-3xl: 50rem;
+    --container-5xl: 66rem;
+    --container-6xl: 72rem;
+    --text-xs: .8125rem;
+    --text-xs--line-height: 1.5rem;
+    --text-sm: .875rem;
+    --text-sm--line-height: 1.5rem;
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: 2.25rem;
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --tracking-tight: -.025em;
+    --tracking-normal: 0em;
+    --tracking-wide: .025em;
+    --tracking-widest: .1em;
+    --radius-md: .375rem;
+    --radius-lg: .5rem;
+    --radius-xl: .75rem;
+    --radius-2xl: 1rem;
+    --ease-in: cubic-bezier(.4, 0, 1, 1);
+    --ease-out: cubic-bezier(0, 0, .2, 1);
+    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --default-transition-duration: .15s;
+    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --text-2xs: .75rem;
+    --text-2xs--line-height: 1.25rem;
+  }
+}
+
+@layer base {
+  *, :after, :before, ::backdrop {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  ::file-selector-button {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+
+  html, :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    line-height: 1.5;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+
+  b, strong {
+    font-weight: bolder;
+  }
+
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub, sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+
+  sub {
+    bottom: -.25em;
+  }
+
+  sup {
+    top: -.5em;
+  }
+
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  ol, ul, menu {
+    list-style: none;
+  }
+
+  img, svg, video, canvas, audio, iframe, embed, object {
+    vertical-align: middle;
+    display: block;
+  }
+
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  button, input, select, optgroup, textarea {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+
+  ::placeholder {
+    opacity: 1;
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  button, input:where([type="button"], [type="reset"], [type="submit"]) {
+    appearance: button;
+  }
+
+  ::file-selector-button {
+    appearance: button;
+  }
+
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+
+  :root {
+    --shiki-color-text: var(--color-white);
+    --shiki-token-constant: var(--color-emerald-300);
+    --shiki-token-string: var(--color-emerald-300);
+    --shiki-token-comment: var(--color-zinc-500);
+    --shiki-token-keyword: var(--color-sky-300);
+    --shiki-token-parameter: var(--color-pink-300);
+    --shiki-token-function: var(--color-violet-300);
+    --shiki-token-string-expression: var(--color-emerald-300);
+    --shiki-token-punctuation: var(--color-zinc-200);
+  }
+
+  html {
+    height: 100%;
+    scroll-padding-top: 3.5rem;
+  }
+
+  body, #root {
+    min-height: 100%;
+  }
+
+  body {
+    background: var(--color-white);
+    color: var(--color-zinc-900);
+  }
+
+  .dark body {
+    background: var(--color-zinc-950);
+    color: var(--color-white);
+  }
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-zinc-300) transparent;
+  }
+
+  .dark * {
+    scrollbar-color: var(--color-zinc-700) transparent;
+  }
+
+  ::-webkit-scrollbar {
+    width: .5rem;
+    height: .5rem;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: none;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--color-zinc-300);
+    background-clip: content-box;
+    border: 2px solid #0000;
+    border-radius: 9999px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-zinc-400);
+  }
+
+  .dark ::-webkit-scrollbar-thumb {
+    background-color: var(--color-zinc-700);
+  }
+
+  .dark ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-zinc-600);
+  }
+
+  [inert] ::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+@layer components {
+  .prose .contains-task-list {
+    padding-left: 0;
+    list-style: none;
+  }
+
+  .prose .task-list-item {
+    align-items: flex-start;
+    gap: .625rem;
+    display: flex;
+  }
+
+  .prose .task-list-item > input[type="checkbox"] {
+    accent-color: var(--color-emerald-500);
+    flex: none;
+    margin-top: .45rem;
+  }
+}
+
+@layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
+
+  .visible {
+    visibility: visible;
+  }
+
+  .sr-only {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .absolute {
+    position: absolute;
+  }
+
+  .fixed {
+    position: fixed;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .sticky {
+    position: sticky;
+  }
+
+  .inset-0 {
+    inset: 0;
+  }
+
+  .inset-x-0 {
+    inset-inline: 0;
+  }
+
+  .inset-y-0 {
+    inset-block: 0;
+  }
+
+  .inset-y-\[-50\%\] {
+    inset-block: -50%;
+  }
+
+  .top-0 {
+    top: 0;
+  }
+
+  .top-3\.5 {
+    top: calc(var(--spacing) * 3.5);
+  }
+
+  .top-14 {
+    top: calc(var(--spacing) * 14);
+  }
+
+  .top-16 {
+    top: calc(var(--spacing) * 16);
+  }
+
+  .top-full {
+    top: 100%;
+  }
+
+  .top-px {
+    top: 1px;
+  }
+
+  .right-0 {
+    right: 0;
+  }
+
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+
+  .bottom-0 {
+    bottom: 0;
+  }
+
+  .left-0 {
+    left: 0;
+  }
+
+  .left-1\/2 {
+    left: 50%;
+  }
+
+  .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
+
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
+
+  .z-20 {
+    z-index: 20;
+  }
+
+  .z-30 {
+    z-index: 30;
+  }
+
+  .z-50 {
+    z-index: 50;
+  }
+
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
+  .m-0 {
+    margin: 0;
+  }
+
+  .mx-0 {
+    margin-inline: 0;
+  }
+
+  .mx-2 {
+    margin-inline: calc(var(--spacing) * 2);
+  }
+
+  .mx-auto {
+    margin-inline: auto;
+  }
+
+  .my-6 {
+    margin-block: calc(var(--spacing) * 6);
+  }
+
+  .prose {
+    --tw-prose-body: oklch(37% .013 285.805);
+    --tw-prose-headings: oklch(21% .006 285.885);
+    --tw-prose-links: oklch(69.6% .17 162.48);
+    --tw-prose-links-hover: oklch(59.6% .145 163.225);
+    --tw-prose-links-underline: oklab(69.6% -.162114 .0511766 / .3);
+    --tw-prose-bold: oklch(21% .006 285.885);
+    --tw-prose-counters: oklch(55.2% .016 285.938);
+    --tw-prose-bullets: oklch(87.1% .006 286.286);
+    --tw-prose-hr: oklab(21% .00164225 -.00577088 / .05);
+    --tw-prose-quotes: oklch(21% .006 285.885);
+    --tw-prose-quote-borders: oklch(92% .004 286.32);
+    --tw-prose-captions: oklch(55.2% .016 285.938);
+    --tw-prose-code: oklch(21% .006 285.885);
+    --tw-prose-code-bg: oklch(96.7% .001 286.375);
+    --tw-prose-code-ring: oklch(87.1% .006 286.286);
+    --tw-prose-th-borders: oklch(87.1% .006 286.286);
+    --tw-prose-td-borders: oklch(92% .004 286.32);
+    --tw-prose-invert-body: oklch(70.5% .015 286.067);
+    --tw-prose-invert-headings: #fff;
+    --tw-prose-invert-links: oklch(76.5% .177 163.223);
+    --tw-prose-invert-links-hover: oklch(69.6% .17 162.48);
+    --tw-prose-invert-links-underline: oklab(69.6% -.162114 .0511766 / .3);
+    --tw-prose-invert-bold: #fff;
+    --tw-prose-invert-counters: oklch(70.5% .015 286.067);
+    --tw-prose-invert-bullets: oklch(44.2% .017 285.786);
+    --tw-prose-invert-hr: oklab(100% 0 5.96046e-8 / .05);
+    --tw-prose-invert-quotes: oklch(96.7% .001 286.375);
+    --tw-prose-invert-quote-borders: oklch(37% .013 285.805);
+    --tw-prose-invert-captions: oklch(70.5% .015 286.067);
+    --tw-prose-invert-code: #fff;
+    --tw-prose-invert-code-bg: oklab(37% .00354074 -.0125085 / .15);
+    --tw-prose-invert-code-ring: oklab(100% 0 5.96046e-8 / .1);
+    --tw-prose-invert-th-borders: oklch(44.2% .017 285.786);
+    --tw-prose-invert-td-borders: oklch(37% .013 285.805);
+    color: var(--tw-prose-body);
+    font-size: .875rem;
+    line-height: 1.75rem;
+  }
+
+  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    font-size: 1rem;
+    line-height: 1.75rem;
+  }
+
+  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+    padding-left: 1.625rem;
+    list-style-type: decimal;
+  }
+
+  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+    padding-left: 1.625rem;
+    list-style-type: disc;
+  }
+
+  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: .5rem;
+    margin-bottom: .5rem;
+  }
+
+  .prose :where(:is(ol, ul) > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    padding-left: .375rem;
+  }
+
+  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
+    color: var(--tw-prose-counters);
+    font-weight: 400;
+  }
+
+  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
+    color: var(--tw-prose-bullets);
+  }
+
+  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: .75rem;
+    margin-bottom: .75rem;
+  }
+
+  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    border-color: var(--tw-prose-hr);
+    border-top-width: 1px;
+    max-width: none;
+    margin: 4rem -1rem;
+  }
+
+  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-quotes);
+    border-left-width: .25rem;
+    border-left-color: var(--tw-prose-quote-borders);
+    quotes: "“""”""‘""’";
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    padding-left: 1.25rem;
+    font-style: italic;
+    font-weight: 500;
+  }
+
+  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
+    content: open-quote;
+  }
+
+  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
+    content: close-quote;
+  }
+
+  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-headings);
+    margin-bottom: .5rem;
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 2rem;
+  }
+
+  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-headings);
+    margin-top: 4rem;
+    margin-bottom: .5rem;
+    font-size: 1.125rem;
+    font-weight: 600;
+    line-height: 1.75rem;
+  }
+
+  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-headings);
+    margin-top: 2.5rem;
+    margin-bottom: .5rem;
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.75rem;
+  }
+
+  .prose :where(img, video, figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+
+  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-captions);
+    margin-top: .5rem;
+    font-size: .8125rem;
+    line-height: 1.5rem;
+  }
+
+  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    table-layout: auto;
+    text-align: left;
+    width: 100%;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    line-height: 1.5rem;
+  }
+
+  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    border-bottom-width: 1px;
+    border-bottom-color: var(--tw-prose-th-borders);
+  }
+
+  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-headings);
+    vertical-align: bottom;
+    padding-bottom: .5rem;
+    padding-left: .5rem;
+    padding-right: .5rem;
+    font-weight: 600;
+  }
+
+  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    border-bottom-width: 1px;
+    border-bottom-color: var(--tw-prose-td-borders);
+  }
+
+  .prose :where(:is(tbody, tfoot) td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    padding: .5rem;
+  }
+
+  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-links);
+    font-weight: 500;
+    -webkit-text-decoration: underline #0000;
+    text-decoration: underline #0000;
+    transition-property: color, text-decoration-color;
+    transition-duration: .15s;
+    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+  }
+
+  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):hover {
+    color: var(--tw-prose-links-hover);
+    -webkit-text-decoration-color: var(--tw-prose-links-underline);
+    -webkit-text-decoration-color: var(--tw-prose-links-underline);
+    text-decoration-color: var(--tw-prose-links-underline);
+  }
+
+  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-bold);
+    font-weight: 600;
+  }
+
+  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-code);
+    box-shadow: inset 0 0 0 1px var(--tw-prose-code-ring);
+    background-color: var(--tw-prose-code-bg);
+    border-radius: .5rem;
+    padding: .25rem .375rem;
+    font-size: .75rem;
+  }
+
+  .prose :where(:is(a, h1, h2, h3, blockquote, thead th) code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: inherit;
+  }
+
+  .prose :where(:is(h1, h2, h3) + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 0;
+  }
+
+  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 0 !important;
+  }
+
+  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-bottom: 0 !important;
+  }
+
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * .5);
+  }
+
+  .mt-1 {
+    margin-top: var(--spacing);
+  }
+
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
+  .mt-16 {
+    margin-top: calc(var(--spacing) * 16);
+  }
+
+  .-mr-1 {
+    margin-right: calc(var(--spacing) * -1);
+  }
+
+  .mr-auto {
+    margin-right: auto;
+  }
+
+  .-mb-px {
+    margin-bottom: -1px;
+  }
+
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+
+  .mb-10 {
+    margin-bottom: calc(var(--spacing) * 10);
+  }
+
+  .mb-16 {
+    margin-bottom: calc(var(--spacing) * 16);
+  }
+
+  .-ml-\(--width\) {
+    margin-left: calc(var(--width) * -1);
+  }
+
+  .-ml-1 {
+    margin-left: calc(var(--spacing) * -1);
+  }
+
+  .-ml-76 {
+    margin-left: calc(var(--spacing) * -76);
+  }
+
+  .-ml-152 {
+    margin-left: calc(var(--spacing) * -152);
+  }
+
+  .ml-auto {
+    margin-left: auto;
+  }
+
+  .block {
+    display: block;
+  }
+
+  .contents {
+    display: contents;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .grid {
+    display: grid;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .table {
+    display: table;
+  }
+
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+
+  .h-0\.5 {
+    height: calc(var(--spacing) * .5);
+  }
+
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
+
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+
+  .h-100 {
+    height: calc(var(--spacing) * 100);
+  }
+
+  .h-\[200\%\] {
+    height: 200%;
+  }
+
+  .h-full {
+    height: 100%;
+  }
+
+  .h-px {
+    height: 1px;
+  }
+
+  .max-h-64 {
+    max-height: calc(var(--spacing) * 64);
+  }
+
+  .min-h-\[calc\(--spacing\(12\)\+1px\)\] {
+    min-height: calc(calc(var(--spacing) * 12) + 1px);
+  }
+
+  .min-h-screen {
+    min-height: 100vh;
+  }
+
+  .w-\(--button-width\) {
+    width: var(--button-width);
+  }
+
+  .w-\(--width\) {
+    width: var(--width);
+  }
+
+  .w-0\.5 {
+    width: calc(var(--spacing) * .5);
+  }
+
+  .w-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+  }
+
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
+
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+
+  .w-44 {
+    width: calc(var(--spacing) * 44);
+  }
+
+  .w-52 {
+    width: calc(var(--spacing) * 52);
+  }
+
+  .w-278\.25 {
+    width: calc(var(--spacing) * 278.25);
+  }
+
+  .w-325 {
+    width: calc(var(--spacing) * 325);
+  }
+
+  .w-full {
+    width: 100%;
+  }
+
+  .w-px {
+    width: 1px;
+  }
+
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
+
+  .max-w-none {
+    max-width: none;
+  }
+
+  .min-w-0 {
+    min-width: 0;
+  }
+
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
+
+  .flex-1 {
+    flex: 1;
+  }
+
+  .flex-auto {
+    flex: auto;
+  }
+
+  .flex-none {
+    flex: none;
+  }
+
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+
+  .origin-top-right {
+    transform-origin: 100% 0;
+  }
+
+  .-translate-y-1\.5 {
+    --tw-translate-y: calc(var(--spacing) * -1.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-y-1\.5 {
+    --tw-translate-y: calc(var(--spacing) * 1.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .rotate-180 {
+    rotate: 180deg;
+  }
+
+  .-skew-y-18 {
+    --tw-skew-y: skewY(calc(18deg * -1));
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
+  .transform-gpu {
+    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
+  .cursor-default {
+    cursor: default;
+  }
+
+  .resize {
+    resize: both;
+  }
+
+  .scroll-mt-20 {
+    scroll-margin-top: calc(var(--spacing) * 20);
+  }
+
+  .scroll-mt-24 {
+    scroll-margin-top: calc(var(--spacing) * 24);
+  }
+
+  .scroll-mt-32 {
+    scroll-margin-top: calc(var(--spacing) * 32);
+  }
+
+  .scrollbar-none {
+    scrollbar-width: none;
+  }
+
+  .list-none {
+    list-style-type: none;
+  }
+
+  .appearance-none {
+    appearance: none;
+  }
+
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .grid-cols-\[1fr_1px_1fr\] {
+    grid-template-columns: 1fr 1px 1fr;
+  }
+
+  .flex-col {
+    flex-direction: column;
+  }
+
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .items-center {
+    align-items: center;
+  }
+
+  .items-end {
+    align-items: flex-end;
+  }
+
+  .items-start {
+    align-items: flex-start;
+  }
+
+  .justify-between {
+    justify-content: space-between;
+  }
+
+  .justify-center {
+    justify-content: center;
+  }
+
+  .justify-end {
+    justify-content: flex-end;
+  }
+
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * .5);
+  }
+
+  .gap-1 {
+    gap: var(--spacing);
+  }
+
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
+
+  .gap-12 {
+    gap: calc(var(--spacing) * 12);
+  }
+
+  :where(.space-y-6 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  :where(.space-y-16 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
+
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+
+  .gap-x-16 {
+    column-gap: calc(var(--spacing) * 16);
+  }
+
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+
+  .gap-y-10 {
+    row-gap: calc(var(--spacing) * 10);
+  }
+
+  :where(.divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+
+  :where(.divide-zinc-900\/5 > :not(:last-child)) {
+    border-color: #18181b0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.divide-zinc-900\/5 > :not(:last-child)) {
+      border-color: color-mix(in oklab, var(--color-zinc-900) 5%, transparent);
+    }
+  }
+
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .overflow-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+
+  .scroll-smooth {
+    scroll-behavior: smooth;
+  }
+
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+
+  .rounded-full {
+    border-radius: 3.40282e38px;
+  }
+
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
+
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+
+  .border-amber-200 {
+    border-color: var(--color-amber-200);
+  }
+
+  .border-emerald-500 {
+    border-color: var(--color-emerald-500);
+  }
+
+  .border-emerald-500\/20 {
+    border-color: #00bb7f33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-emerald-500\/20 {
+      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+    }
+  }
+
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
+
+  .border-transparent {
+    border-color: #0000;
+  }
+
+  .border-white\/10 {
+    border-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-white\/10 {
+      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+
+  .border-zinc-700 {
+    border-color: var(--color-zinc-700);
+  }
+
+  .border-zinc-900\/10 {
+    border-color: #18181b1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-zinc-900\/10 {
+      border-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+
+  .border-t-transparent {
+    border-top-color: #0000;
+  }
+
+  .border-b-white\/7\.5 {
+    border-bottom-color: #ffffff13;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-b-white\/7\.5 {
+      border-bottom-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
+    }
+  }
+
+  .bg-amber-50 {
+    background-color: var(--color-amber-50);
+  }
+
+  .bg-amber-400\/10 {
+    background-color: #fcbb001a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-amber-400\/10 {
+      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
+    }
+  }
+
+  .bg-emerald-50\/50 {
+    background-color: #ecfdf580;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-emerald-50\/50 {
+      background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
+    }
+  }
+
+  .bg-emerald-400\/10 {
+    background-color: #00d2941a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-emerald-400\/10 {
+      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
+    }
+  }
+
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
+
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+
+  .bg-rose-50 {
+    background-color: var(--color-rose-50);
+  }
+
+  .bg-sky-400\/10 {
+    background-color: #00bcfe1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-sky-400\/10 {
+      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
+    }
+  }
+
+  .bg-transparent {
+    background-color: #0000;
+  }
+
+  .bg-white {
+    background-color: var(--color-white);
+  }
+
+  .bg-white\/\(--bg-opacity-light\) {
+    background-color: #fff;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/\(--bg-opacity-light\) {
+      background-color: color-mix(in oklab, var(--color-white) var(--bg-opacity-light), transparent);
+    }
+  }
+
+  .bg-white\/5 {
+    background-color: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/5 {
+      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
+  .bg-white\/10 {
+    background-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/10 {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .bg-white\/85 {
+    background-color: #ffffffd9;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/85 {
+      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
+    }
+  }
+
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
+
+  .bg-zinc-100 {
+    background-color: var(--color-zinc-100);
+  }
+
+  .bg-zinc-300 {
+    background-color: var(--color-zinc-300);
+  }
+
+  .bg-zinc-400\/20 {
+    background-color: #9f9fa933;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-400\/20 {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
+    }
+  }
+
+  .bg-zinc-400\/25 {
+    background-color: #9f9fa940;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-400\/25 {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 25%, transparent);
+    }
+  }
+
+  .bg-zinc-500 {
+    background-color: var(--color-zinc-500);
+  }
+
+  .bg-zinc-800 {
+    background-color: var(--color-zinc-800);
+  }
+
+  .bg-zinc-800\/2\.5 {
+    background-color: #27272a06;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-800\/2\.5 {
+      background-color: color-mix(in oklab, var(--color-zinc-800) 2.5%, transparent);
+    }
+  }
+
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+
+  .bg-zinc-900\/7\.5 {
+    background-color: #18181b13;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-900\/7\.5 {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 7.5%, transparent);
+    }
+  }
+
+  .bg-zinc-900\/10 {
+    background-color: #18181b1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-900\/10 {
+      background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+
+  .bg-linear-to-r {
+    --tw-gradient-position: to right;
+  }
+
+  @supports (background-image: linear-gradient(in lab, red, red)) {
+    .bg-linear-to-r {
+      --tw-gradient-position: to right in oklab;
+    }
+  }
+
+  .bg-linear-to-r {
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+
+  .from-\[\#36b49f\] {
+    --tw-gradient-from: #36b49f;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .to-\[\#DBFF75\] {
+    --tw-gradient-to: #dbff75;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .mask-\[radial-gradient\(farthest-side_at_top\,white\,transparent\)\] {
+    -webkit-mask-image: radial-gradient(farthest-side at top, #fff, #0000);
+    mask-image: radial-gradient(farthest-side at top, #fff, #0000);
+  }
+
+  .fill-black\/40 {
+    fill: #0006;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .fill-black\/40 {
+      fill: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
+
+  .fill-emerald-400 {
+    fill: var(--color-emerald-400);
+  }
+
+  .fill-emerald-500 {
+    fill: var(--color-emerald-500);
+  }
+
+  .fill-white {
+    fill: var(--color-white);
+  }
+
+  .fill-zinc-500\/20 {
+    fill: #71717b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .fill-zinc-500\/20 {
+      fill: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+
+  .fill-zinc-900 {
+    fill: var(--color-zinc-900);
+  }
+
+  .stroke-black\/50 {
+    stroke: #00000080;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .stroke-black\/50 {
+      stroke: color-mix(in oklab, var(--color-black) 50%, transparent);
+    }
+  }
+
+  .stroke-current {
+    stroke: currentColor;
+  }
+
+  .stroke-white {
+    stroke: var(--color-white);
+  }
+
+  .stroke-zinc-500 {
+    stroke: var(--color-zinc-500);
+  }
+
+  .stroke-zinc-900 {
+    stroke: var(--color-zinc-900);
+  }
+
+  .p-0 {
+    padding: 0;
+  }
+
+  .p-1 {
+    padding: var(--spacing);
+  }
+
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+
+  .p-5 {
+    padding: calc(var(--spacing) * 5);
+  }
+
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+
+  .px-0 {
+    padding-inline: 0;
+  }
+
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+
+  .px-6 {
+    padding-inline: calc(var(--spacing) * 6);
+  }
+
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * .5);
+  }
+
+  .py-1 {
+    padding-block: var(--spacing);
+  }
+
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+
+  .py-10 {
+    padding-block: calc(var(--spacing) * 10);
+  }
+
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
+  .pt-6 {
+    padding-top: calc(var(--spacing) * 6);
+  }
+
+  .pt-8 {
+    padding-top: calc(var(--spacing) * 8);
+  }
+
+  .pt-14 {
+    padding-top: calc(var(--spacing) * 14);
+  }
+
+  .pt-16 {
+    padding-top: calc(var(--spacing) * 16);
+  }
+
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
+
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
+
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+
+  .pb-10 {
+    padding-bottom: calc(var(--spacing) * 10);
+  }
+
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+
+  .pl-7 {
+    padding-left: calc(var(--spacing) * 7);
+  }
+
+  .pl-10 {
+    padding-left: calc(var(--spacing) * 10);
+  }
+
+  .text-center {
+    text-align: center;
+  }
+
+  .text-left {
+    text-align: left;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+
+  .font-sans {
+    font-family: var(--font-sans);
+  }
+
+  .text-2xs {
+    font-size: var(--text-2xs);
+    line-height: var(--tw-leading, var(--text-2xs--line-height));
+  }
+
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+
+  .text-\[0\.625rem\]\/4 {
+    font-size: .625rem;
+    line-height: calc(var(--spacing) * 4);
+  }
+
+  .text-\[0\.625rem\]\/5 {
+    font-size: .625rem;
+    line-height: calc(var(--spacing) * 5);
+  }
+
+  .text-\[0\.625rem\]\/6 {
+    font-size: .625rem;
+    line-height: calc(var(--spacing) * 6);
+  }
+
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+
+  .text-sm\/5 {
+    font-size: var(--text-sm);
+    line-height: calc(var(--spacing) * 5);
+  }
+
+  .text-sm\/6 {
+    font-size: var(--text-sm);
+    line-height: calc(var(--spacing) * 6);
+  }
+
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
+  .text-xs\/6 {
+    font-size: var(--text-xs);
+    line-height: calc(var(--spacing) * 6);
+  }
+
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
+
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
+
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
+
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
+
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+
+  .text-amber-700 {
+    color: var(--color-amber-700);
+  }
+
+  .text-emerald-400 {
+    color: var(--color-emerald-400);
+  }
+
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
+
+  .text-emerald-900 {
+    color: var(--color-emerald-900);
+  }
+
+  .text-fuchsia-500 {
+    color: var(--color-fuchsia-500);
+  }
+
+  .text-inherit {
+    color: inherit;
+  }
+
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
+
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
+
+  .text-violet-500 {
+    color: var(--color-violet-500);
+  }
+
+  .text-white {
+    color: var(--color-white);
+  }
+
+  .text-zinc-100 {
+    color: var(--color-zinc-100);
+  }
+
+  .text-zinc-300 {
+    color: var(--color-zinc-300);
+  }
+
+  .text-zinc-400 {
+    color: var(--color-zinc-400);
+  }
+
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+
+  .text-zinc-600 {
+    color: var(--color-zinc-600);
+  }
+
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+
+  .text-zinc-800 {
+    color: var(--color-zinc-800);
+  }
+
+  .text-zinc-900 {
+    color: var(--color-zinc-900);
+  }
+
+  .capitalize {
+    text-transform: capitalize;
+  }
+
+  .uppercase {
+    text-transform: uppercase;
+  }
+
+  .italic {
+    font-style: italic;
+  }
+
+  .no-underline {
+    text-decoration-line: none;
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
+  .opacity-0 {
+    opacity: 0;
+  }
+
+  .opacity-40 {
+    opacity: .4;
+  }
+
+  .mix-blend-overlay {
+    mix-blend-mode: overlay;
+  }
+
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-black\/20 {
+    --tw-shadow-color: #0003;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-black\/20 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .shadow-zinc-900\/5 {
+    --tw-shadow-color: #18181b0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-zinc-900\/5 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 5%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .shadow-zinc-900\/10 {
+    --tw-shadow-color: #18181b1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .shadow-zinc-900\/10 {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
+
+  .ring-amber-300 {
+    --tw-ring-color: var(--color-amber-300);
+  }
+
+  .ring-emerald-300 {
+    --tw-ring-color: var(--color-emerald-300);
+  }
+
+  .ring-emerald-400\/20 {
+    --tw-ring-color: #00d29433;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-emerald-400\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
+    }
+  }
+
+  .ring-emerald-500\/20 {
+    --tw-ring-color: #00bb7f33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-emerald-500\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+    }
+  }
+
+  .ring-rose-200 {
+    --tw-ring-color: var(--color-rose-200);
+  }
+
+  .ring-sky-300 {
+    --tw-ring-color: var(--color-sky-300);
+  }
+
+  .ring-zinc-200 {
+    --tw-ring-color: var(--color-zinc-200);
+  }
+
+  .ring-zinc-300 {
+    --tw-ring-color: var(--color-zinc-300);
+  }
+
+  .ring-zinc-900\/7\.5 {
+    --tw-ring-color: #18181b13;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-zinc-900\/7\.5 {
+      --tw-ring-color: color-mix(in oklab, var(--color-zinc-900) 7.5%, transparent);
+    }
+  }
+
+  .ring-zinc-900\/10 {
+    --tw-ring-color: #18181b1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-zinc-900\/10 {
+      --tw-ring-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+    }
+  }
+
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .outline-hidden {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+
+  .blur-\[26px\] {
+    --tw-blur: blur(26px);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .backdrop-blur-xs {
+    --tw-backdrop-blur: blur(var(--blur-xs));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
+  .delay-150 {
+    transition-delay: .15s;
+  }
+
+  .duration-300 {
+    --tw-duration: .3s;
+    transition-duration: .3s;
+  }
+
+  .duration-500 {
+    --tw-duration: .5s;
+    transition-duration: .5s;
+  }
+
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+
+  .will-change-transform {
+    will-change: transform;
+  }
+
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .\[--anchor-gap\:--spacing\(1\)\] {
+    --anchor-gap: var(--spacing);
+  }
+
+  .\[--anchor-gap\:--spacing\(2\)\] {
+    --anchor-gap: calc(var(--spacing) * 2);
+  }
+
+  .\[--width\:calc\(2\.625rem\+0\.5px\+50\%-min\(50\%\,calc\(var\(--container-lg\)\+\(--spacing\(8\)\)\)\)\)\] {
+    --width: calc(2.625rem + .5px + 50% - min(50%, calc(var(--container-lg) + (calc(var(--spacing) * 8)))));
+  }
+
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
+
+  @media (hover: hover) {
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 1;
+    }
+
+    .group-hover\/button\:stroke-zinc-400:is(:where(.group\/button):hover *) {
+      stroke: var(--color-zinc-400);
+    }
+  }
+
+  .group-focus\:opacity-100:is(:where(.group):focus *) {
+    opacity: 1;
+  }
+
+  .group-aria-selected\:text-emerald-500:is(:where(.group)[aria-selected="true"] *) {
+    color: var(--color-emerald-500);
+  }
+
+  .group-data-selected\:opacity-100:is(:where(.group)[data-selected] *) {
+    opacity: 1;
+  }
+
+  .placeholder\:text-zinc-500::placeholder {
+    color: var(--color-zinc-500);
+  }
+
+  .first\:pt-0:first-child {
+    padding-top: 0;
+  }
+
+  :is(.\*\:first\:mt-0 > *):first-child {
+    margin-top: 0;
+  }
+
+  .last\:pb-0:last-child {
+    padding-bottom: 0;
+  }
+
+  :is(.\*\:last\:mb-0 > *):last-child {
+    margin-bottom: 0;
+  }
+
+  .empty\:hidden:empty {
+    display: none;
+  }
+
+  @media (hover: hover) {
+    .hover\:border-white\/20:hover {
+      border-color: #fff3;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:border-white\/20:hover {
+        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+      }
+    }
+
+    .hover\:bg-white\/5:hover {
+      background-color: #ffffff0d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/5:hover {
+        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+
+    .hover\:bg-white\/7\.5:hover {
+      background-color: #ffffff13;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/7\.5:hover {
+        background-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
+      }
+    }
+
+    .hover\:bg-white\/10:hover {
+      background-color: #ffffff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-white\/10:hover {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+
+    .hover\:bg-zinc-100:hover {
+      background-color: var(--color-zinc-100);
+    }
+
+    .hover\:bg-zinc-200:hover {
+      background-color: var(--color-zinc-200);
+    }
+
+    .hover\:bg-zinc-700:hover {
+      background-color: var(--color-zinc-700);
+    }
+
+    .hover\:bg-zinc-900\/2\.5:hover {
+      background-color: #18181b06;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-zinc-900\/2\.5:hover {
+        background-color: color-mix(in oklab, var(--color-zinc-900) 2.5%, transparent);
+      }
+    }
+
+    .hover\:bg-zinc-900\/5:hover {
+      background-color: #18181b0d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-zinc-900\/5:hover {
+        background-color: color-mix(in oklab, var(--color-zinc-900) 5%, transparent);
+      }
+    }
+
+    .hover\:text-emerald-600:hover {
+      color: var(--color-emerald-600);
+    }
+
+    .hover\:text-inherit:hover {
+      color: inherit;
+    }
+
+    .hover\:text-zinc-200:hover {
+      color: var(--color-zinc-200);
+    }
+
+    .hover\:text-zinc-300:hover {
+      color: var(--color-zinc-300);
+    }
+
+    .hover\:text-zinc-900:hover {
+      color: var(--color-zinc-900);
+    }
+
+    .hover\:text-zinc-950:hover {
+      color: var(--color-zinc-950);
+    }
+
+    .hover\:ring-zinc-500:hover {
+      --tw-ring-color: var(--color-zinc-500);
+    }
+
+    .hover\:ring-zinc-900\/20:hover {
+      --tw-ring-color: #18181b33;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:ring-zinc-900\/20:hover {
+        --tw-ring-color: color-mix(in oklab, var(--color-zinc-900) 20%, transparent);
+      }
+    }
+  }
+
+  .focus\:w-full:focus {
+    width: 100%;
+  }
+
+  .focus\:flex-none:focus {
+    flex: none;
+  }
+
+  .focus\:border-emerald-400:focus {
+    border-color: var(--color-emerald-400);
+  }
+
+  .focus\:opacity-100:focus {
+    opacity: 1;
+  }
+
+  .focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .focus\:ring-emerald-400\/20:focus {
+    --tw-ring-color: #00d29433;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus\:ring-emerald-400\/20:focus {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
+    }
+  }
+
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  .aria-selected\:bg-zinc-50[aria-selected="true"] {
+    background-color: var(--color-zinc-50);
+  }
+
+  .data-closed\:-translate-x-full[data-closed] {
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-closed\:scale-95[data-closed] {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+
+  .data-closed\:opacity-0[data-closed] {
+    opacity: 0;
+  }
+
+  .data-enter\:duration-100[data-enter] {
+    --tw-duration: .1s;
+    transition-duration: .1s;
+  }
+
+  .data-enter\:duration-300[data-enter] {
+    --tw-duration: .3s;
+    transition-duration: .3s;
+  }
+
+  .data-enter\:ease-out[data-enter] {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+
+  .data-focus\:bg-white\/10[data-focus] {
+    background-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-focus\:bg-white\/10[data-focus] {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .data-focus\:bg-zinc-100[data-focus] {
+    background-color: var(--color-zinc-100);
+  }
+
+  .data-focus\:text-white[data-focus] {
+    color: var(--color-white);
+  }
+
+  .data-focus\:text-zinc-950[data-focus] {
+    color: var(--color-zinc-950);
+  }
+
+  .data-leave\:pointer-events-none[data-leave] {
+    pointer-events: none;
+  }
+
+  .data-leave\:duration-75[data-leave] {
+    --tw-duration: 75ms;
+    transition-duration: 75ms;
+  }
+
+  .data-leave\:duration-200[data-leave] {
+    --tw-duration: .2s;
+    transition-duration: .2s;
+  }
+
+  .data-leave\:ease-in[data-leave] {
+    --tw-ease: var(--ease-in);
+    transition-timing-function: var(--ease-in);
+  }
+
+  .data-open\:border-emerald-400[data-open] {
+    border-color: var(--color-emerald-400);
+  }
+
+  .data-open\:ring-2[data-open] {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .data-open\:ring-emerald-400\/20[data-open] {
+    --tw-ring-color: #00d29433;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .data-open\:ring-emerald-400\/20[data-open] {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
+    }
+  }
+
+  .data-selected\:text-emerald-300[data-selected] {
+    color: var(--color-emerald-300);
+  }
+
+  .data-selected\:not-data-focus\:outline-hidden[data-selected]:not([data-focus]) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .data-selected\:not-data-focus\:outline-hidden[data-selected]:not([data-focus]) {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  @media (min-width: 416px) {
+    .min-\[416px\]\:max-w-sm {
+      max-width: var(--container-sm);
+    }
+  }
+
+  @media (min-width: 40rem) {
+    .sm\:inline {
+      display: inline;
+    }
+
+    .sm\:max-w-xl {
+      max-width: var(--container-xl);
+    }
+
+    .sm\:flex-row {
+      flex-direction: row;
+    }
+
+    .sm\:items-center {
+      align-items: center;
+    }
+
+    .sm\:justify-between {
+      justify-content: space-between;
+    }
+
+    .sm\:justify-start {
+      justify-content: flex-start;
+    }
+
+    .sm\:px-6 {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+
+    .sm\:py-20 {
+      padding-block: calc(var(--spacing) * 20);
+    }
+
+    .sm\:pb-10 {
+      padding-bottom: calc(var(--spacing) * 10);
+    }
+
+    .sm\:text-left {
+      text-align: left;
+    }
+
+    .sm\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .md\:mt-0 {
+      margin-top: 0;
+    }
+
+    .md\:block {
+      display: block;
+    }
+
+    .md\:hidden {
+      display: none;
+    }
+
+    .md\:h-5 {
+      height: calc(var(--spacing) * 5);
+    }
+
+    .md\:w-px {
+      width: 1px;
+    }
+
+    .md\:justify-start {
+      justify-content: flex-start;
+    }
+
+    .md\:bg-zinc-900\/10 {
+      background-color: #18181b1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .md\:bg-zinc-900\/10 {
+        background-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+      }
+    }
+
+    .md\:px-10 {
+      padding-inline: calc(var(--spacing) * 10);
+    }
+
+    .md\:py-32 {
+      padding-block: calc(var(--spacing) * 32);
+    }
+
+    .md\:text-5xl {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .lg\:pointer-events-auto {
+      pointer-events: auto;
+    }
+
+    .lg\:pointer-events-none {
+      pointer-events: none;
+    }
+
+    .lg\:fixed {
+      position: fixed;
+    }
+
+    .lg\:inset-0 {
+      inset: 0;
+    }
+
+    .lg\:left-72 {
+      left: calc(var(--spacing) * 72);
+    }
+
+    .lg\:z-30 {
+      z-index: 30;
+    }
+
+    .lg\:z-40 {
+      z-index: 40;
+    }
+
+    .lg\:z-50 {
+      z-index: 50;
+    }
+
+    .lg\:mt-10 {
+      margin-top: calc(var(--spacing) * 10);
+    }
+
+    .lg\:ml-72 {
+      margin-left: calc(var(--spacing) * 72);
+    }
+
+    .lg\:block {
+      display: block;
+    }
+
+    .lg\:flex {
+      display: flex;
+    }
+
+    .lg\:hidden {
+      display: none;
+    }
+
+    .lg\:w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+
+    .lg\:max-w-md {
+      max-width: var(--container-md);
+    }
+
+    .lg\:flex-auto {
+      flex: auto;
+    }
+
+    .lg\:overflow-y-auto {
+      overflow-y: auto;
+    }
+
+    .lg\:border-r {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+
+    .lg\:border-zinc-900\/10 {
+      border-color: #18181b1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .lg\:border-zinc-900\/10 {
+        border-color: color-mix(in oklab, var(--color-zinc-900) 10%, transparent);
+      }
+    }
+
+    .lg\:bg-white {
+      background-color: var(--color-white);
+    }
+
+    .lg\:px-6 {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+
+    .lg\:px-8 {
+      padding-inline: calc(var(--spacing) * 8);
+    }
+
+    .lg\:py-\[15vh\] {
+      padding-block: 15vh;
+    }
+
+    .lg\:pt-4 {
+      padding-top: calc(var(--spacing) * 4);
+    }
+
+    .lg\:pb-8 {
+      padding-bottom: calc(var(--spacing) * 8);
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .xl\:sticky {
+      position: sticky;
+    }
+
+    .xl\:top-24 {
+      top: calc(var(--spacing) * 24);
+    }
+
+    .xl\:left-80 {
+      left: calc(var(--spacing) * 80);
+    }
+
+    .xl\:ml-80 {
+      margin-left: calc(var(--spacing) * 80);
+    }
+
+    .xl\:w-80 {
+      width: calc(var(--spacing) * 80);
+    }
+
+    .xl\:max-w-\[56rem\] {
+      max-width: 56rem;
+    }
+
+    .xl\:max-w-none {
+      max-width: none;
+    }
+
+    .xl\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .\32 xl\:max-w-\[64rem\] {
+      max-width: 64rem;
+    }
+
+    .\32 xl\:\[--width\:--spacing\(10\)\] {
+      --width: calc(var(--spacing) * 10);
+    }
+  }
+
+  .dark\:block:where(.dark, .dark *) {
+    display: block;
+  }
+
+  .dark\:hidden:where(.dark, .dark *) {
+    display: none;
+  }
+
+  :where(.dark\:divide-white\/5:where(.dark, .dark *) > :not(:last-child)) {
+    border-color: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.dark\:divide-white\/5:where(.dark, .dark *) > :not(:last-child)) {
+      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
+  .dark\:border-amber-500\/30:where(.dark, .dark *) {
+    border-color: #f99c004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-amber-500\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
+    }
+  }
+
+  .dark\:border-emerald-500\/30:where(.dark, .dark *) {
+    border-color: #00bb7f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-emerald-500\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
+    }
+  }
+
+  .dark\:border-red-500\/30:where(.dark, .dark *) {
+    border-color: #fb2c364d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-red-500\/30:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+
+  .dark\:border-white\/10:where(.dark, .dark *) {
+    border-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-white\/10:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .dark\:border-zinc-100\/5:where(.dark, .dark *) {
+    border-color: #f4f4f50d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-zinc-100\/5:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-zinc-100) 5%, transparent);
+    }
+  }
+
+  .dark\:border-zinc-800:where(.dark, .dark *) {
+    border-color: var(--color-zinc-800);
+  }
+
+  .dark\:border-b-white\/5:where(.dark, .dark *) {
+    border-bottom-color: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:border-b-white\/5:where(.dark, .dark *) {
+      border-bottom-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
+  .dark\:bg-amber-500\/10:where(.dark, .dark *) {
+    background-color: #f99c001a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-amber-500\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-black\/40:where(.dark, .dark *) {
+    background-color: #0006;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-black\/40:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
+
+  .dark\:bg-emerald-400\/10:where(.dark, .dark *) {
+    background-color: #00d2941a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-emerald-400\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-emerald-500:where(.dark, .dark *) {
+    background-color: var(--color-emerald-500);
+  }
+
+  .dark\:bg-emerald-500\/5:where(.dark, .dark *) {
+    background-color: #00bb7f0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-emerald-500\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
+    }
+  }
+
+  .dark\:bg-red-500\/10:where(.dark, .dark *) {
+    background-color: #fb2c361a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-red-500\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-rose-400\/10:where(.dark, .dark *) {
+    background-color: #ff667f1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-rose-400\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-transparent:where(.dark, .dark *) {
+    background-color: #0000;
+  }
+
+  .dark\:bg-white\/1:where(.dark, .dark *) {
+    background-color: #ffffff03;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/1:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
+    }
+  }
+
+  .dark\:bg-white\/2\.5:where(.dark, .dark *) {
+    background-color: #ffffff06;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/2\.5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
+    }
+  }
+
+  .dark\:bg-white\/5:where(.dark, .dark *) {
+    background-color: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
+  .dark\:bg-white\/7\.5:where(.dark, .dark *) {
+    background-color: #ffffff13;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/7\.5:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
+    }
+  }
+
+  .dark\:bg-white\/10:where(.dark, .dark *) {
+    background-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-zinc-400\/10:where(.dark, .dark *) {
+    background-color: #9f9fa91a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-zinc-400\/10:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent);
+    }
+  }
+
+  .dark\:bg-zinc-600:where(.dark, .dark *) {
+    background-color: var(--color-zinc-600);
+  }
+
+  .dark\:bg-zinc-800:where(.dark, .dark *) {
+    background-color: var(--color-zinc-800);
+  }
+
+  .dark\:bg-zinc-800\/40:where(.dark, .dark *) {
+    background-color: #27272a66;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-zinc-800\/40:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent);
+    }
+  }
+
+  .dark\:bg-zinc-800\/50:where(.dark, .dark *) {
+    background-color: #27272a80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-zinc-800\/50:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
+    }
+  }
+
+  .dark\:bg-zinc-900:where(.dark, .dark *) {
+    background-color: var(--color-zinc-900);
+  }
+
+  .dark\:bg-zinc-950:where(.dark, .dark *) {
+    background-color: var(--color-zinc-950);
+  }
+
+  .dark\:bg-zinc-950\/\(--bg-opacity-dark\):where(.dark, .dark *) {
+    background-color: oklch(14.1% .005 285.823);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-zinc-950\/\(--bg-opacity-dark\):where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-zinc-950) var(--bg-opacity-dark), transparent);
+    }
+  }
+
+  .dark\:from-\[\#36b49f\]\/30:where(.dark, .dark *) {
+    --tw-gradient-from: oklab(69.6777% -.112486 .00150466 / .3);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .dark\:to-\[\#DBFF75\]\/30:where(.dark, .dark *) {
+    --tw-gradient-to: oklab(94.6982% -.0890822 .143295 / .3);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
+  .dark\:mask-\[linear-gradient\(white\,transparent\)\]:where(.dark, .dark *) {
+    -webkit-mask-image: linear-gradient(#fff, #0000);
+    mask-image: linear-gradient(#fff, #0000);
+  }
+
+  .dark\:fill-emerald-200\/20:where(.dark, .dark *) {
+    fill: #a4f4cf33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:fill-emerald-200\/20:where(.dark, .dark *) {
+      fill: color-mix(in oklab, var(--color-emerald-200) 20%, transparent);
+    }
+  }
+
+  .dark\:fill-white:where(.dark, .dark *) {
+    fill: var(--color-white);
+  }
+
+  .dark\:fill-white\/2\.5:where(.dark, .dark *) {
+    fill: #ffffff06;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:fill-white\/2\.5:where(.dark, .dark *) {
+      fill: color-mix(in oklab, var(--color-white) 2.5%, transparent);
+    }
+  }
+
+  .dark\:stroke-emerald-200:where(.dark, .dark *) {
+    stroke: var(--color-emerald-200);
+  }
+
+  .dark\:stroke-white:where(.dark, .dark *) {
+    stroke: var(--color-white);
+  }
+
+  .dark\:stroke-white\/5:where(.dark, .dark *) {
+    stroke: #ffffff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:stroke-white\/5:where(.dark, .dark *) {
+      stroke: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+
+  .dark\:stroke-zinc-400:where(.dark, .dark *) {
+    stroke: var(--color-zinc-400);
+  }
+
+  .dark\:stroke-zinc-600:where(.dark, .dark *) {
+    stroke: var(--color-zinc-600);
+  }
+
+  .dark\:text-amber-200:where(.dark, .dark *) {
+    color: var(--color-amber-200);
+  }
+
+  .dark\:text-amber-400:where(.dark, .dark *) {
+    color: var(--color-amber-400);
+  }
+
+  .dark\:text-emerald-200:where(.dark, .dark *) {
+    color: var(--color-emerald-200);
+  }
+
+  .dark\:text-emerald-400:where(.dark, .dark *) {
+    color: var(--color-emerald-400);
+  }
+
+  .dark\:text-fuchsia-400:where(.dark, .dark *) {
+    color: var(--color-fuchsia-400);
+  }
+
+  .dark\:text-red-200:where(.dark, .dark *) {
+    color: var(--color-red-200);
+  }
+
+  .dark\:text-rose-400:where(.dark, .dark *) {
+    color: var(--color-rose-400);
+  }
+
+  .dark\:text-rose-500:where(.dark, .dark *) {
+    color: var(--color-rose-500);
+  }
+
+  .dark\:text-sky-400:where(.dark, .dark *) {
+    color: var(--color-sky-400);
+  }
+
+  .dark\:text-violet-400:where(.dark, .dark *) {
+    color: var(--color-violet-400);
+  }
+
+  .dark\:text-white:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
+
+  .dark\:text-zinc-200:where(.dark, .dark *) {
+    color: var(--color-zinc-200);
+  }
+
+  .dark\:text-zinc-300:where(.dark, .dark *) {
+    color: var(--color-zinc-300);
+  }
+
+  .dark\:text-zinc-400:where(.dark, .dark *) {
+    color: var(--color-zinc-400);
+  }
+
+  .dark\:text-zinc-500:where(.dark, .dark *) {
+    color: var(--color-zinc-500);
+  }
+
+  .dark\:text-zinc-700:where(.dark, .dark *) {
+    color: var(--color-zinc-700);
+  }
+
+  .dark\:opacity-100:where(.dark, .dark *) {
+    opacity: 1;
+  }
+
+  .dark\:ring-1:where(.dark, .dark *) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .dark\:ring-amber-400\/30:where(.dark, .dark *) {
+    --tw-ring-color: #fcbb004d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-amber-400\/30:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
+    }
+  }
+
+  .dark\:ring-emerald-400\/20:where(.dark, .dark *) {
+    --tw-ring-color: #00d29433;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-emerald-400\/20:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
+    }
+  }
+
+  .dark\:ring-emerald-400\/30:where(.dark, .dark *) {
+    --tw-ring-color: #00d2944d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-emerald-400\/30:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
+    }
+  }
+
+  .dark\:ring-emerald-500\/30:where(.dark, .dark *) {
+    --tw-ring-color: #00bb7f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-emerald-500\/30:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
+    }
+  }
+
+  .dark\:ring-rose-500\/20:where(.dark, .dark *) {
+    --tw-ring-color: #ff235733;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-rose-500\/20:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
+    }
+  }
+
+  .dark\:ring-sky-400\/30:where(.dark, .dark *) {
+    --tw-ring-color: #00bcfe4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-sky-400\/30:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
+    }
+  }
+
+  .dark\:ring-white\/10:where(.dark, .dark *) {
+    --tw-ring-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-white\/10:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .dark\:ring-zinc-500\/20:where(.dark, .dark *) {
+    --tw-ring-color: #71717b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:ring-zinc-500\/20:where(.dark, .dark *) {
+      --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+
+  .dark\:ring-zinc-700:where(.dark, .dark *) {
+    --tw-ring-color: var(--color-zinc-700);
+  }
+
+  .dark\:ring-zinc-800:where(.dark, .dark *) {
+    --tw-ring-color: var(--color-zinc-800);
+  }
+
+  .dark\:backdrop-blur-sm:where(.dark, .dark *) {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
+  .dark\:prose-invert:where(.dark, .dark *) {
+    --tw-prose-body: var(--tw-prose-invert-body);
+    --tw-prose-headings: var(--tw-prose-invert-headings);
+    --tw-prose-links: var(--tw-prose-invert-links);
+    --tw-prose-links-hover: var(--tw-prose-invert-links-hover);
+    --tw-prose-links-underline: var(--tw-prose-invert-links-underline);
+    --tw-prose-bold: var(--tw-prose-invert-bold);
+    --tw-prose-counters: var(--tw-prose-invert-counters);
+    --tw-prose-bullets: var(--tw-prose-invert-bullets);
+    --tw-prose-hr: var(--tw-prose-invert-hr);
+    --tw-prose-quotes: var(--tw-prose-invert-quotes);
+    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+    --tw-prose-captions: var(--tw-prose-invert-captions);
+    --tw-prose-code: var(--tw-prose-invert-code);
+    --tw-prose-code-bg: var(--tw-prose-invert-code-bg);
+    --tw-prose-code-ring: var(--tw-prose-invert-code-ring);
+    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+  }
+
+  .dark\:\[--tw-prose-links-hover\:var\(--color-emerald-300\)\]:where(.dark, .dark *) {
+    --tw-prose-links-hover: var(--color-emerald-300);
+  }
+
+  .dark\:\[--tw-prose-links\:var\(--color-white\)\]:where(.dark, .dark *) {
+    --tw-prose-links: var(--color-white);
+  }
+
+  .dark\:ring-inset:where(.dark, .dark *) {
+    --tw-ring-inset: inset;
+  }
+
+  @media (hover: hover) {
+    .dark\:group-hover\/anchor\:stroke-white:where(.dark, .dark *):is(:where(.group\/anchor):hover *) {
+      stroke: var(--color-white);
+    }
+
+    .dark\:hover\:bg-emerald-400:where(.dark, .dark *):hover {
+      background-color: var(--color-emerald-400);
+    }
+
+    .dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
+      background-color: #ffffff0d;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
+        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+      }
+    }
+
+    .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
+      background-color: #ffffff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+
+    .dark\:hover\:bg-zinc-700:where(.dark, .dark *):hover {
+      background-color: var(--color-zinc-700);
+    }
+
+    .dark\:hover\:bg-zinc-800:where(.dark, .dark *):hover {
+      background-color: var(--color-zinc-800);
+    }
+
+    .dark\:hover\:text-emerald-300:where(.dark, .dark *):hover {
+      color: var(--color-emerald-300);
+    }
+
+    .dark\:hover\:text-emerald-500:where(.dark, .dark *):hover {
+      color: var(--color-emerald-500);
+    }
+
+    .dark\:hover\:text-white:where(.dark, .dark *):hover {
+      color: var(--color-white);
+    }
+
+    .dark\:hover\:text-zinc-300:where(.dark, .dark *):hover {
+      color: var(--color-zinc-300);
+    }
+
+    .dark\:hover\:ring-emerald-300:where(.dark, .dark *):hover {
+      --tw-ring-color: var(--color-emerald-300);
+    }
+
+    .dark\:hover\:ring-white\/20:where(.dark, .dark *):hover {
+      --tw-ring-color: #fff3;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:ring-white\/20:where(.dark, .dark *):hover {
+        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+      }
+    }
+
+    .dark\:hover\:ring-zinc-600:where(.dark, .dark *):hover {
+      --tw-ring-color: var(--color-zinc-600);
+    }
+  }
+
+  .dark\:aria-selected\:bg-zinc-800\/50:where(.dark, .dark *)[aria-selected="true"] {
+    background-color: #27272a80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:aria-selected\:bg-zinc-800\/50:where(.dark, .dark *)[aria-selected="true"] {
+      background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
+    }
+  }
+
+  .dark\:data-focus\:bg-white\/10:where(.dark, .dark *)[data-focus] {
+    background-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:data-focus\:bg-white\/10:where(.dark, .dark *)[data-focus] {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
+  .dark\:data-focus\:text-white:where(.dark, .dark *)[data-focus] {
+    color: var(--color-white);
+  }
+
+  @media (min-width: 48rem) {
+    .md\:dark\:bg-white\/15:where(.dark, .dark *) {
+      background-color: #ffffff26;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .md\:dark\:bg-white\/15:where(.dark, .dark *) {
+        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
+      }
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .lg\:dark\:border-white\/10:where(.dark, .dark *) {
+      border-color: #ffffff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .lg\:dark\:border-white\/10:where(.dark, .dark *) {
+        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+
+    .lg\:dark\:bg-zinc-950:where(.dark, .dark *) {
+      background-color: var(--color-zinc-950);
+    }
+  }
+
+  @media (pointer: fine) {
+    .pointer-fine\:hidden {
+      display: none;
+    }
+  }
+
+  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
+    display: none;
+  }
+
+  .\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration {
+    display: none;
+  }
+
+  .\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button {
+    display: none;
+  }
+
+  .\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration {
+    display: none;
+  }
+
+  html :where(.\[html_\:where\(\&\>\*\)\]\:mx-auto > *) {
+    margin-inline: auto;
+  }
+
+  html :where(.\[html_\:where\(\&\>\*\)\]\:w-full > *) {
+    width: 100%;
+  }
+
+  html :where(.\[html_\:where\(\&\>\*\)\]\:max-w-3xl > *) {
+    max-width: var(--container-3xl);
+  }
+
+  @media (min-width: 80rem) {
+    html :where(.xl\:\[html_\:where\(\&\>\*\)\]\:max-w-\[56rem\] > *) {
+      max-width: 56rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    html :where(.\32 xl\:\[html_\:where\(\&\>\*\)\]\:max-w-\[64rem\] > *) {
+      max-width: 64rem;
+    }
+  }
+
+  html :where(.\[html_\:where\(\&\>\.not-prose\)\]\:max-w-5xl > .not-prose) {
+    max-width: var(--container-5xl);
+  }
+
+  @media (min-width: 96rem) {
+    html :where(.\32 xl\:\[html_\:where\(\&\>\.not-prose\)\]\:max-w-\[76rem\] > .not-prose) {
+      max-width: 76rem;
+    }
+  }
+}
+
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-duration {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+/*$vite$:1*/