/* [project]/src/components/resources-shell/tokens.css [app-client] (css) */
:where(:root:has([data-nr-shell])):root {
  --nrouter-mint: #90fca6;
  --nrouter-mint-dark: #6ee890;
  --on-mint: #000;
  --nrouter-indigo: #0d9488;
  --nrouter-indigo-light: #14b8a6;
  --nrouter-coral: #ff6c5e;
  --nrouter-emerald: #10b981;
  --nrouter-emerald-light: #34d399;
  --nrouter-amber-light: #fbbf24;
  --nrouter-blue: #3b82f6;
  --nrouter-obsidian: #0a0a0b;
  --nrouter-obsidian-light: #1a1a1b;
  --surface-primary: #fff;
  --surface-secondary: #faf9f6;
  --surface-hover: #f1efe9;
  --surface-inverse: #0a0a0a;
  --text-primary: #0f0e0c;
  --text-secondary: #1c1b18;
  --text-tertiary: #4a463f;
  --text-muted: #6f6a62;
  --border-subtle: #0f0e0c0f;
  --border-medium: #0f0e0c26;
  --border-strong: #0f0e0c38;
  --motion-fast: .15s;
  --motion-standard: .25s;
  --color-fd-background: var(--surface-primary);
  --color-fd-foreground: var(--text-primary);
  --color-fd-muted: var(--surface-secondary);
  --color-fd-muted-foreground: var(--text-muted);
  --color-fd-card: var(--surface-primary);
  --color-fd-card-foreground: var(--text-primary);
  --color-fd-popover: var(--surface-primary);
  --color-fd-popover-foreground: var(--text-primary);
  --color-fd-border: var(--border-subtle);
  --color-fd-accent: var(--surface-hover);
  --color-fd-accent-foreground: var(--text-primary);
  --color-fd-secondary: var(--surface-secondary);
  --color-fd-secondary-foreground: var(--text-secondary);
  --color-fd-primary: var(--text-primary);
  --color-fd-primary-foreground: var(--surface-primary);
  --color-fd-ring: var(--nrouter-indigo);
  --color-fd-info: var(--nrouter-indigo);
  --color-fd-warning: #d97706;
  --color-fd-error: var(--nrouter-coral);
  --color-fd-success: var(--nrouter-mint);
}

:where(:root:has([data-nr-shell])).dark {
  --surface-primary: var(--nrouter-obsidian);
  --surface-secondary: var(--nrouter-obsidian-light);
  --surface-hover: #242426;
  --surface-inverse: #fafafa;
  --text-primary: #fafafa;
  --text-secondary: #e4e4e7;
  --text-tertiary: #d4d4d8;
  --text-muted: #a1a1aa;
  --border-subtle: #fafafa14;
  --border-medium: #fafafa29;
  --border-strong: #fafafa3d;
  --color-fd-ring: var(--text-primary);
  --color-fd-warning: #f59e0b;
}

:where(:root:has([data-nr-shell])) body {
  background: var(--surface-primary);
  color: var(--text-primary);
}

:where(:root:has([data-nr-shell])) .nr-header-bar {
  background-color: var(--surface-primary);
}

:where(:root:has([data-nr-shell])):root {
  --nr-shell-width: 2048px;
  --fd-layout-width: 2048px;
}

:where(:root:has([data-nr-shell])):root:has([data-news-bar]) {
  --nr-news-strip-h: 36px;
}

@media (min-width: 1024px) {
  :where(:root:has([data-nr-shell])):root {
    --nr-shell-width: min(2048px, calc(100vw - 5rem));
    --fd-layout-width: min(2048px, calc(100vw - 5rem));
  }
}

@media (min-width: 1280px) {
  :where(:root:has([data-nr-shell])):root {
    --nr-shell-width: min(2048px, calc(100vw - 9rem));
    --fd-layout-width: min(2048px, calc(100vw - 9rem));
  }
}

:where(:root:has([data-nr-shell])) #nd-sidebar {
  background-color: var(--surface-secondary);
  border-right: 1px solid var(--border-subtle);
  transition: all var(--motion-standard) ease;
}

:where(:root:has([data-nr-shell])) #nd-sidebar ::-webkit-scrollbar {
  width: 5px;
}

:where(:root:has([data-nr-shell])) #nd-sidebar ::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell])) #nd-sidebar ::-webkit-scrollbar-thumb {
  background: var(--border-medium);
  border-radius: 9999px;
}

:where(:root:has([data-nr-shell])) #nd-sidebar ::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

:where(:root:has([data-nr-shell])) #nd-sidebar button[data-search-full], :where(:root:has([data-nr-shell])) #nd-sidebar .fd-search-trigger, :where(:root:has([data-nr-shell])) button[data-search-full], :where(:root:has([data-nr-shell])) .fd-search-trigger {
  background-color: var(--surface-primary);
  border: 1px solid var(--border-medium);
  transition: all var(--motion-fast) ease;
  color: var(--text-muted);
  box-shadow: none;
  border-radius: .75rem;
  padding: .5rem .75rem;
}

:where(:root:has([data-nr-shell])) #nd-sidebar button[data-search-full]:hover, :where(:root:has([data-nr-shell])) #nd-sidebar .fd-search-trigger:hover, :where(:root:has([data-nr-shell])) button[data-search-full]:hover, :where(:root:has([data-nr-shell])) .fd-search-trigger:hover {
  border-color: var(--border-strong);
  color: var(--text-primary);
  background-color: var(--surface-hover);
  transform: translateY(-1px);
}

:where(:root:has([data-nr-shell])) #nd-sidebar button[data-search-full] kbd, :where(:root:has([data-nr-shell])) #nd-sidebar .fd-search-trigger kbd, :where(:root:has([data-nr-shell])) button[data-search-full] kbd, :where(:root:has([data-nr-shell])) .fd-search-trigger kbd {
  background: var(--surface-secondary);
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  border-radius: .375rem;
  padding: .125rem .375rem;
  font-family: inherit;
  font-size: .75rem;
}

:where(:root:has([data-nr-shell])) #nd-sidebar a, :where(:root:has([data-nr-shell])) #nd-sidebar button {
  transition: all var(--motion-fast) ease;
  border-radius: .5rem;
}

:where(:root:has([data-nr-shell])) #nd-sidebar a:hover:not([data-active="true"]), :where(:root:has([data-nr-shell])) #nd-sidebar button:hover:not([data-active="true"]) {
  background-color: var(--surface-hover);
  color: var(--text-primary);
  transform: translateX(2px);
}

:where(:root:has([data-nr-shell])) #nd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell])) #nd-sidebar [data-active="true"] > a, :where(:root:has([data-nr-shell])) #nd-sidebar button[data-active="true"] {
  border-left: 2.5px solid var(--nrouter-indigo);
  box-shadow: none;
  border-radius: .25rem .5rem .5rem .25rem;
  font-weight: 600;
  background-color: var(--surface-hover) !important;
  color: var(--text-primary) !important;
}

:where(:root:has([data-nr-shell])) #nd-sidebar a[data-active="true"]:before, :where(:root:has([data-nr-shell])) #nd-sidebar [data-active="true"]:before {
  display: none !important;
}

:where(:root:has([data-nr-shell])).dark #nd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell])).dark #nd-sidebar [data-active="true"] > a, :where(:root:has([data-nr-shell])).dark #nd-sidebar button[data-active="true"] {
  border-left-color: var(--nrouter-mint);
  background-color: var(--surface-hover) !important;
}

:where(:root:has([data-nr-shell])) #nd-toc {
  color: var(--text-muted);
}

:where(:root:has([data-nr-shell])) #nd-toc a {
  transition: all var(--motion-fast) ease;
}

:where(:root:has([data-nr-shell])) #nd-toc a:hover {
  color: var(--text-primary);
}

:where(:root:has([data-nr-shell])) #nd-toc a[data-active="true"] {
  color: var(--text-primary);
  font-weight: 600;
}

:where(:root:has([data-nr-shell])) #nd-page :where(table) {
  border: 1px solid var(--border-subtle);
  box-shadow: none;
  border-radius: .5rem;
  overflow: hidden;
}

:where(:root:has([data-nr-shell])) #nd-page :where(thead) {
  background-color: var(--surface-secondary);
}

:where(:root:has([data-nr-shell])):root {
  --nr-measure: 46rem;
}

:where(:root:has([data-nr-shell])) figure.shiki, :where(:root:has([data-nr-shell])) figure.shiki-themes, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure], :where(:root:has([data-nr-shell])) div[data-fd-code-block], :where(:root:has([data-nr-shell])) .nd-codeblock {
  position: relative;
  background-color: #0d1017 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: .875rem !important;
  margin: 1.75rem 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px -2px #0003 !important;
}

:where(:root:has([data-nr-shell])) figure:has( > pre) {
  position: relative;
  background-color: #0d1017 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: .875rem !important;
  margin: 1.75rem 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px -2px #0003 !important;
}

:where(:root:has([data-nr-shell])):root:not(.dark) figure.shiki, :where(:root:has([data-nr-shell])):root:not(.dark) figure.shiki-themes, :where(:root:has([data-nr-shell])):root:not(.dark) [data-rehype-pretty-code-figure], :where(:root:has([data-nr-shell])):root:not(.dark) div[data-fd-code-block], :where(:root:has([data-nr-shell])):root:not(.dark) .nd-codeblock {
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell])):root:not(.dark) figure:has( > pre) {
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell])) figure.shiki figcaption, :where(:root:has([data-nr-shell])) figure.shiki-themes figcaption, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-title], :where(:root:has([data-nr-shell])) .fd-code-title, :where(:root:has([data-nr-shell])) figure [data-title], :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure] [data-title], :where(:root:has([data-nr-shell])) div[data-fd-code-block] [data-title], :where(:root:has([data-nr-shell])) .nd-codeblock [data-title] {
  color: #94a3b8 !important;
  font-family: var(--font-mono) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  background-color: #131722 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .625rem 1.25rem !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell])) #nd-page pre, :where(:root:has([data-nr-shell])) .prose pre, :where(:root:has([data-nr-shell])) figure.shiki pre, :where(:root:has([data-nr-shell])) figure.shiki-themes pre, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure] pre {
  color: #e6edf3 !important;
  font-family: var(--font-mono) !important;
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 1.25rem 3.75rem 1.25rem 1.5rem !important;
  font-size: .85rem !important;
  line-height: 1.75 !important;
  overflow-x: auto !important;
}

:where(:root:has([data-nr-shell])) figure.shiki code span, :where(:root:has([data-nr-shell])) figure.shiki-themes code span, :where(:root:has([data-nr-shell])) .shiki code span, :where(:root:has([data-nr-shell])) div[data-fd-code-block] code span, :where(:root:has([data-nr-shell])) .nd-codeblock code span, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure] code span, :where(:root:has([data-nr-shell])) .prose pre code span, :where(:root:has([data-nr-shell])) #nd-page pre code span, :where(:root:has([data-nr-shell])) figure.shiki span, :where(:root:has([data-nr-shell])) figure.shiki-themes span, :where(:root:has([data-nr-shell])) .shiki span, :where(:root:has([data-nr-shell])) pre span {
  color: var(--shiki-dark, var(--shiki-light, inherit)) !important;
  font-style: var(--shiki-dark-font-style, var(--shiki-light-font-style, inherit)) !important;
  font-weight: var(--shiki-dark-font-weight, var(--shiki-light-font-weight, inherit)) !important;
}

:where(:root:has([data-nr-shell])) figure.shiki pre::-webkit-scrollbar {
  height: 6px;
}

:where(:root:has([data-nr-shell])) figure.shiki-themes pre::-webkit-scrollbar {
  height: 6px;
}

:where(:root:has([data-nr-shell])) .prose pre::-webkit-scrollbar {
  height: 6px;
}

:where(:root:has([data-nr-shell])) #nd-page pre::-webkit-scrollbar {
  height: 6px;
}

:where(:root:has([data-nr-shell])) figure.shiki pre::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell])) figure.shiki-themes pre::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell])) .prose pre::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell])) #nd-page pre::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell])) figure.shiki pre::-webkit-scrollbar-thumb {
  background: #ffffff2e;
  border-radius: 9999px;
}

:where(:root:has([data-nr-shell])) figure.shiki-themes pre::-webkit-scrollbar-thumb {
  background: #ffffff2e;
  border-radius: 9999px;
}

:where(:root:has([data-nr-shell])) .prose pre::-webkit-scrollbar-thumb {
  background: #ffffff2e;
  border-radius: 9999px;
}

:where(:root:has([data-nr-shell])) #nd-page pre::-webkit-scrollbar-thumb {
  background: #ffffff2e;
  border-radius: 9999px;
}

:where(:root:has([data-nr-shell])) figure.shiki pre::-webkit-scrollbar-thumb:hover {
  background: #ffffff52;
}

:where(:root:has([data-nr-shell])) figure.shiki-themes pre::-webkit-scrollbar-thumb:hover {
  background: #ffffff52;
}

:where(:root:has([data-nr-shell])) .prose pre::-webkit-scrollbar-thumb:hover {
  background: #ffffff52;
}

:where(:root:has([data-nr-shell])) #nd-page pre::-webkit-scrollbar-thumb:hover {
  background: #ffffff52;
}

:where(:root:has([data-nr-shell])) figure.shiki button, :where(:root:has([data-nr-shell])) figure.shiki-themes button, :where(:root:has([data-nr-shell])) div[data-fd-code-block] button, :where(:root:has([data-nr-shell])) .nd-codeblock button, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure] button {
  color: #94a3b8 !important;
  min-width: 44px !important;
  min-height: 44px !important;
  transition: all var(--motion-fast) ease !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  background-color: #ffffff14 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: .5rem !important;
  justify-content: center !important;
  align-items: center !important;
  padding: .35rem .6rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  display: inline-flex !important;
}

:where(:root:has([data-nr-shell])) figure.shiki button:hover, :where(:root:has([data-nr-shell])) figure.shiki-themes button:hover, :where(:root:has([data-nr-shell])) div[data-fd-code-block] button:hover, :where(:root:has([data-nr-shell])) .nd-codeblock button:hover, :where(:root:has([data-nr-shell])) [data-rehype-pretty-code-figure] button:hover {
  color: #f8fafc !important;
  background-color: #ffffff2e !important;
  border-color: #ffffff40 !important;
  transform: translateY(-1px) !important;
}

:where(:root:has([data-nr-shell])) [data-highlighted-line], :where(:root:has([data-nr-shell])) .line.highlighted, :where(:root:has([data-nr-shell])) span.highlighted-line {
  border-left: 2.5px solid var(--nrouter-mint) !important;
  background-color: #90fca617 !important;
  margin: 0 -1.5rem !important;
  padding: 0 1.5rem !important;
  display: block !important;
}

:where(:root:has([data-nr-shell])) .prose :not(pre) > code:before, :where(:root:has([data-nr-shell])) .prose :not(pre) > code:after, :where(:root:has([data-nr-shell])) #nd-page :not(pre) > code:before, :where(:root:has([data-nr-shell])) #nd-page :not(pre) > code:after {
  content: none !important;
}

:where(:root:has([data-nr-shell])) .prose :not(pre) > code, :where(:root:has([data-nr-shell])) #nd-page :not(pre) > code {
  background-color: var(--surface-hover) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-subtle) !important;
  font-family: var(--font-mono) !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  border-radius: .375rem !important;
  padding: .18rem .45rem !important;
  font-size: .85em !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell])) .prose a code, :where(:root:has([data-nr-shell])) #nd-page a :not(pre) > code {
  color: inherit !important;
}

:where(:root:has([data-nr-shell])) .prose :is(td, th) code:not(pre code), :where(:root:has([data-nr-shell])) #nd-page :is(td, th) code:not(pre code) {
  white-space: nowrap;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

:where(:root:has([data-nr-shell])) .prose ul.contains-task-list, :where(:root:has([data-nr-shell])) #nd-page ul.contains-task-list {
  padding-inline-start: 0 !important;
  list-style: none !important;
}

:where(:root:has([data-nr-shell])) .prose li.task-list-item, :where(:root:has([data-nr-shell])) #nd-page li.task-list-item {
  padding-inline-start: 0 !important;
}

:where(:root:has([data-nr-shell])) .prose li.task-list-item > input[type="checkbox"], :where(:root:has([data-nr-shell])) #nd-page li.task-list-item > input[type="checkbox"] {
  vertical-align: -.125em;
  margin: 0 .5em 0 0;
}

:where(:root:has([data-nr-shell])) figure.shiki > .fd-scroll-container, :where(:root:has([data-nr-shell])) figure.shiki-themes > .fd-scroll-container {
  background: linear-gradient(to left, #0d1017 40%, #0d101700) 100% / 3rem 100% no-repeat local, linear-gradient(to left, #ffffff3d, #fff0) 100% / 1.5rem 100% no-repeat, #0d1017 !important;
}

:where(:root:has([data-nr-shell])) #nd-page figure.shiki .fd-scroll-container > pre, :where(:root:has([data-nr-shell])) #nd-page figure.shiki-themes .fd-scroll-container > pre, :where(:root:has([data-nr-shell])) .prose figure.shiki .fd-scroll-container > pre, :where(:root:has([data-nr-shell])) .prose figure.shiki-themes .fd-scroll-container > pre {
  background-color: #0000 !important;
}

:where(:root:has([data-nr-shell])) .prose {
  --tw-prose-body: var(--text-secondary);
  --tw-prose-headings: var(--text-primary);
  --tw-prose-lead: var(--text-secondary);
  --tw-prose-links: var(--nrouter-mint-text, var(--text-primary));
  --tw-prose-bold: var(--text-primary);
  --tw-prose-counters: var(--text-muted);
  --tw-prose-bullets: var(--border-strong);
  --tw-prose-hr: var(--border-subtle);
  --tw-prose-quotes: var(--text-secondary);
  --tw-prose-quote-borders: var(--border-strong);
  --tw-prose-captions: var(--text-muted);
  --tw-prose-th-borders: var(--border-medium);
  --tw-prose-td-borders: var(--border-subtle);
  max-width: none;
}

:where(:root:has([data-nr-shell])) .prose a:not(.not-prose a) {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--border-strong);
  text-decoration-color: var(--border-strong);
  text-underline-offset: 3px;
  transition: text-decoration-color var(--motion-fast) ease;
}

:where(:root:has([data-nr-shell])) .prose a:not(.not-prose a):hover {
  -webkit-text-decoration-color: var(--nrouter-indigo);
  text-decoration-color: var(--nrouter-indigo);
}

:where(:root:has([data-nr-shell])) .prose :where(h1, h2, h3, h4, h5, h6) a {
  color: inherit !important;
  text-decoration: none !important;
}

:where(:root:has([data-nr-shell])) :where(a, button, [role="button"], input, summary):focus-visible {
  outline: 2px solid var(--color-fd-ring);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-nr-shell])) *, :where(:root:has([data-nr-shell])) :before, :where(:root:has([data-nr-shell])) :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/src/styles/docs.css [app-client] (css) */
:where(:root:has([data-nr-shell="docs"])):root, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout {
  --fd-banner-height: 4rem;
}

:where(:root:has([data-nr-shell="docs"])):root {
  --spacing: .25rem;
  --color-fd-background: var(--surface-primary);
  --color-fd-foreground: var(--text-primary);
  --color-fd-muted: var(--surface-tertiary);
  --color-fd-muted-foreground: var(--text-muted);
  --color-fd-popover: var(--surface-primary);
  --color-fd-popover-foreground: var(--text-primary);
  --color-fd-card: var(--surface-primary);
  --color-fd-card-foreground: var(--text-primary);
  --color-fd-primary: var(--text-primary);
  --color-fd-primary-foreground: var(--surface-primary);
  --color-fd-secondary: var(--surface-tertiary);
  --color-fd-secondary-foreground: var(--text-primary);
  --color-fd-accent: var(--surface-tertiary);
  --color-fd-accent-foreground: var(--text-primary);
  --color-fd-border: var(--border-light);
  --color-fd-ring: #90fca6;
  --color-fd-info: #0d9488;
  --color-fd-warning: #f59e0b;
  --color-fd-error: #ff6c5e;
  --color-fd-success: #10b981;
  --color-fd-overlay: #0f0e0c26;
  --font-sans: var(--font-geist);
  --font-mono: var(--font-geist-mono);
}

:where(:root:has([data-nr-shell="docs"])):root.dark, :where(:root:has([data-nr-shell="docs"])):root[data-theme="dark"] {
  --spacing: .25rem;
  --color-fd-background: var(--surface-primary);
  --color-fd-foreground: var(--text-primary);
  --color-fd-muted: var(--surface-secondary);
  --color-fd-muted-foreground: var(--text-tertiary);
  --color-fd-popover: var(--surface-tertiary);
  --color-fd-popover-foreground: var(--text-primary);
  --color-fd-card: var(--surface-tertiary);
  --color-fd-card-foreground: var(--text-primary);
  --color-fd-primary: var(--text-primary);
  --color-fd-primary-foreground: var(--surface-primary);
  --color-fd-secondary: var(--surface-secondary);
  --color-fd-secondary-foreground: var(--text-primary);
  --color-fd-accent: var(--surface-hover);
  --color-fd-accent-foreground: var(--text-primary);
  --color-fd-border: var(--border-medium);
  --color-fd-ring: #90fca6;
  --color-fd-info: #0d9488;
  --color-fd-warning: #f59e0b;
  --color-fd-error: #ff6c5e;
  --color-fd-success: #10b981;
  --color-fd-overlay: #0009;
}

:where(:root:has([data-nr-shell="docs"])) .fumadocs-layout, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] {
  background-color: var(--color-fd-background);
  font-family: var(--font-sans);
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header {
  background-color: var(--color-fd-background) !important;
  border-bottom: 1px solid var(--color-fd-border) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header nav, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header > div {
  background-color: var(--color-fd-background) !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header button {
  color: var(--color-fd-muted-foreground);
  font-family: var(--font-sans);
  font-size: .875rem;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a:hover {
  color: var(--color-fd-foreground);
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a[href="/signup"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a[href*="signup"] {
  background-color: var(--color-fd-primary) !important;
  color: var(--color-fd-primary-foreground) !important;
  border-radius: 6px !important;
  padding: .375rem .875rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a[href="/signup"]:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] header a[href*="signup"]:hover {
  opacity: .88 !important;
  color: var(--color-fd-primary-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar], :where(:root:has([data-nr-shell="docs"])) .fd-sidebar {
  background-color: var(--color-fd-background) !important;
  border-right: 1px solid var(--color-fd-border) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar > *, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] > *, :where(:root:has([data-nr-shell="docs"])) #nd-sidebar [data-radix-scroll-area-viewport], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] [data-radix-scroll-area-viewport] {
  background-color: var(--color-fd-background) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar a, :where(:root:has([data-nr-shell="docs"])) .fd-sidebar a, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] a {
  color: var(--color-fd-muted-foreground);
  font-size: .8125rem;
  font-family: var(--font-sans);
  border-radius: 5px;
  padding: .3125rem .625rem;
  transition: color .12s, background-color .12s;
  display: block;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar a:not([data-active="true"]):hover, :where(:root:has([data-nr-shell="docs"])) .fd-sidebar a:not([data-active="true"]):hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] a:not([data-active="true"]):hover {
  background-color: var(--color-fd-muted) !important;
  color: var(--color-fd-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell="docs"])) .fd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] a[data-active="true"] {
  background-color: var(--color-fd-muted) !important;
  color: var(--color-fd-foreground) !important;
  border-left: 2.5px solid var(--nrouter-mint-dark) !important;
  padding-left: .5rem !important;
  font-weight: 600 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark #nd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell="docs"])):root.dark .fd-sidebar a[data-active="true"], :where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-sidebar] a[data-active="true"] {
  border-left-color: var(--nrouter-mint) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar span[class*="separator"], :where(:root:has([data-nr-shell="docs"])) #nd-sidebar [data-type="separator"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] span[class*="separator"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] [data-type="separator"] {
  color: var(--color-fd-foreground) !important;
  margin-top: 1.25rem !important;
  margin-bottom: .25rem !important;
  padding-left: .625rem !important;
  font-size: .6875rem !important;
  font-weight: 600 !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar button, :where(:root:has([data-nr-shell="docs"])) .fd-sidebar button, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] button {
  color: var(--color-fd-foreground);
  font-size: .8125rem;
  font-family: var(--font-sans);
  font-weight: 500;
  background: none !important;
  align-items: center !important;
  min-height: 44px !important;
  display: inline-flex !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-sidebar button:hover, :where(:root:has([data-nr-shell="docs"])) .fd-sidebar button:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-sidebar] button:hover {
  background-color: var(--color-fd-muted) !important;
  color: var(--color-fd-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) .fd-content, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-content], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] main {
  background-color: var(--color-fd-background) !important;
}

:where(:root:has([data-nr-shell="docs"])) article, :where(:root:has([data-nr-shell="docs"])) article#nd-page, :where(:root:has([data-nr-shell="docs"])) .prose {
  background-color: var(--color-fd-background);
  color: var(--color-fd-foreground);
  font-family: var(--font-sans);
  width: 100%;
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) article#nd-page {
  padding-inline: clamp(2rem, 4vw, 4.5rem) !important;
}

:where(:root:has([data-nr-shell="docs"])) article#nd-page > * {
  width: 100%;
  margin-inline: auto;
  max-width: 72rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article p, :where(:root:has([data-nr-shell="docs"])) article li {
  max-width: 100%;
}

:where(:root:has([data-nr-shell="docs"])) article figure, :where(:root:has([data-nr-shell="docs"])) article table, :where(:root:has([data-nr-shell="docs"])) article .grid, :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"], :where(:root:has([data-nr-shell="docs"])) article [data-callout], :where(:root:has([data-nr-shell="docs"])) article h1, :where(:root:has([data-nr-shell="docs"])) article h2, :where(:root:has([data-nr-shell="docs"])) article h3, :where(:root:has([data-nr-shell="docs"])) article hr {
  width: 100%;
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]) {
  width: 100%;
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > table) {
  width: 100%;
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) article#nd-page[data-full="true"] > * {
  max-width: 84rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"], :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] > .prose, :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .prose, :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .prose-no-margin, :where(:root:has([data-nr-shell="docs"])) [data-full="true"], :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] [class*="@container"] {
  width: 100% !important;
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] h1, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-title], :where(:root:has([data-nr-shell="docs"])) article h1 {
  letter-spacing: -.025em !important;
  color: var(--color-fd-foreground) !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  font-family: var(--font-sans) !important;
  margin-bottom: .5rem !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-description], :where(:root:has([data-nr-shell="docs"])) article > p:first-of-type[class*="description"] {
  color: var(--color-fd-muted-foreground) !important;
  font-size: 1rem !important;
  line-height: 1.625 !important;
}

:where(:root:has([data-nr-shell="docs"])) article h2 {
  letter-spacing: -.015em !important;
  border-top: 1px solid var(--color-fd-border) !important;
  color: var(--color-fd-foreground) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  font-family: var(--font-sans) !important;
  margin-top: 2.5rem !important;
  padding-top: 1.75rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article h3 {
  color: var(--color-fd-foreground) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  font-family: var(--font-sans) !important;
  margin-top: 1.5rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article h4 {
  color: var(--color-fd-foreground) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-family: var(--font-sans) !important;
}

:where(:root:has([data-nr-shell="docs"])) article p {
  color: var(--color-fd-foreground) !important;
  font-size: .9375rem !important;
  line-height: 1.75 !important;
  font-family: var(--font-sans) !important;
}

:where(:root:has([data-nr-shell="docs"])) article ul, :where(:root:has([data-nr-shell="docs"])) article ol {
  color: var(--color-fd-foreground) !important;
  font-size: .9375rem !important;
  line-height: 1.75 !important;
}

:where(:root:has([data-nr-shell="docs"])) article li {
  margin-bottom: .25rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article a:not(.not-prose a) {
  color: var(--color-fd-foreground) !important;
  text-underline-offset: 2px !important;
  text-decoration: underline !important;
  -webkit-text-decoration-color: var(--color-fd-border) !important;
  text-decoration-color: var(--color-fd-border) !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell="docs"])) article a:not(.not-prose a):hover {
  -webkit-text-decoration-color: var(--nrouter-mint-dark) !important;
  text-decoration-color: var(--nrouter-mint-dark) !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article a:not(.not-prose a):hover {
  -webkit-text-decoration-color: var(--nrouter-mint) !important;
  text-decoration-color: var(--nrouter-mint) !important;
}

:where(:root:has([data-nr-shell="docs"])) article h1 a, :where(:root:has([data-nr-shell="docs"])) article h2 a, :where(:root:has([data-nr-shell="docs"])) article h3 a, :where(:root:has([data-nr-shell="docs"])) article h4 a, :where(:root:has([data-nr-shell="docs"])) article h5 a, :where(:root:has([data-nr-shell="docs"])) article h6 a {
  color: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

:where(:root:has([data-nr-shell="docs"])) .fd-heading-anchor, :where(:root:has([data-nr-shell="docs"])) a.fd-heading-anchor, :where(:root:has([data-nr-shell="docs"])) article :is(h1, h2, h3, h4, h5, h6) a.fd-heading-anchor, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] :is(h1, h2, h3, h4, h5, h6) a.fd-heading-anchor {
  justify-content: center !important;
  align-items: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes {
  box-shadow: none !important;
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) figure.shiki, :where(:root:has([data-nr-shell="docs"])):root:not(.dark) figure.shiki-themes {
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark figure.shiki, :where(:root:has([data-nr-shell="docs"])):root.dark figure.shiki-themes {
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki > div, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes > div {
  background-color: #0d1017 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki pre, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes pre {
  padding: 1rem calc(var(--padding-right, 0px) + 1.25rem) 1rem 1.25rem !important;
  font-size: .8125rem !important;
  line-height: 1.7 !important;
  font-family: var(--font-mono) !important;
  background-color: #0000 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki pre span, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes pre span {
  font-style: var(--shiki-light-font-style, inherit);
  font-weight: var(--shiki-light-font-weight, inherit);
  color: var(--shiki-light) !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki [data-title], :where(:root:has([data-nr-shell="docs"])) figure.shiki [class*="title"], :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes [data-title], :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes [class*="title"] {
  letter-spacing: .02em;
  color: #8b949e !important;
  font-size: .75rem !important;
  font-family: var(--font-mono) !important;
  background: #1c2128 !important;
  border-bottom: 1px solid #ffffff0f !important;
  padding: .5rem 1.25rem !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki div:has(figcaption) {
  letter-spacing: .02em;
  color: #8b949e !important;
  font-size: .75rem !important;
  font-family: var(--font-mono) !important;
  background: #1c2128 !important;
  border-bottom: 1px solid #ffffff0f !important;
  padding: .5rem 1.25rem !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki-themes div:has(figcaption) {
  letter-spacing: .02em;
  color: #8b949e !important;
  font-size: .75rem !important;
  font-family: var(--font-mono) !important;
  background: #1c2128 !important;
  border-bottom: 1px solid #ffffff0f !important;
  padding: .5rem 1.25rem !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki figcaption, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes figcaption {
  letter-spacing: .02em;
  color: #8b949e !important;
  font-size: .75rem !important;
  font-family: var(--font-mono) !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki button, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes button {
  transition: background .15s;
  color: #8b949e !important;
  opacity: 1 !important;
  background: #ffffff0f !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki [class*="h-9"] button, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes [class*="h-9"] button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki div:has(figcaption) button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki-themes div:has(figcaption) button {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki button[data-checked="true"], :where(:root:has([data-nr-shell="docs"])) figure.shiki button[data-checked], :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes button[data-checked="true"], :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes button[data-checked] {
  color: #10b981 !important;
}

:where(:root:has([data-nr-shell="docs"])) figure.shiki button:not([data-checked]):hover, :where(:root:has([data-nr-shell="docs"])) figure.shiki-themes button:not([data-checked]):hover {
  color: #e6edf3 !important;
  background: #ffffff24 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-rehype-pretty-code-figure] {
  border: 1px solid #0000001f;
  border-radius: 10px;
  margin: 1.5rem 0;
  overflow: hidden;
}

:where(:root:has([data-nr-shell="docs"])) [data-rehype-pretty-code-figure] pre {
  font-size: .8125rem !important;
  line-height: 1.7 !important;
  font-family: var(--font-mono) !important;
  background: #0d1017 !important;
  padding: 1rem 1.25rem !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-rehype-pretty-code-figure] pre span {
  color: var(--shiki-light) !important;
}

@container (min-width: 1100px) {
  :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] [class*="@4xl:w-[400px]"] {
    width: 440px !important;
  }
}

@container (min-width: 1280px) {
  :where(:root:has([data-nr-shell="docs"])) article[data-full="true"] [class*="@4xl:w-[400px]"] {
    width: 480px !important;
  }
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]):has(figure) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) div:has( > [role="tablist"]):has(pre) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark div:has( > [role="tablist"]):has(pre) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):has(figure) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]):has(figure) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]):has(figure) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]):has(figure) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] div:has( > [role="tablist"]):has(figure) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:where(:root:has([data-nr-shell="docs"])) article div:has( > [role="tablist"]):has(figure) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:is(:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tab"] > div.absolute.bottom-0, :where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tab"] > div.absolute.bottom-0) {
  display: none !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(figure) [role="tabpanel"] {
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]):has(pre) [role="tabpanel"] {
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [role="tabpanel"]:has(figure) {
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [role="tabpanel"]:has(pre) {
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-testid="model-quickstart"] [role="tabpanel"], :where(:root:has([data-nr-shell="docs"])) [data-start-building] [role="tabpanel"] {
  background-color: #0000 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-testid="model-quickstart"] pre, :where(:root:has([data-nr-shell="docs"])) [data-start-building] pre {
  background-color: #0000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])):is(#nd-page, :root) [data-testid="model-quickstart"] pre code span {
  color: inherit !important;
}

:where(:root:has([data-nr-shell="docs"])):is(#nd-page, :root) [data-testid="model-quickstart"] pre code span[data-tone="dim"] {
  color: var(--terminal-text-dim) !important;
}

:where(:root:has([data-nr-shell="docs"])):is(#nd-page, :root) [data-testid="model-quickstart"] pre code span[data-tone="string"] {
  color: var(--nrouter-mint) !important;
}

:is(:where(:root:has([data-nr-shell="docs"])) [data-testid="model-quickstart"] div:has( > [role="tablist"]), :where(:root:has([data-nr-shell="docs"])) [data-start-building] div:has( > [role="tablist"])) {
  background-color: #0000 !important;
  border: none !important;
  border-radius: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-testid="model-quickstart"] h2, :where(:root:has([data-nr-shell="docs"])) [data-start-building] h2, :where(:root:has([data-nr-shell="docs"])) [data-testid="model-quickstart"] h3, :where(:root:has([data-nr-shell="docs"])) [data-start-building] h3 {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [role="tabpanel"] figure, :where(:root:has([data-nr-shell="docs"])) [role="tabpanel"] figure.shiki, :where(:root:has([data-nr-shell="docs"])) [role="tabpanel"] figure.shiki-themes {
  box-shadow: none !important;
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) div:has( > [role="tablist"]) [role="tabpanel"] figure {
  box-shadow: none !important;
  background-color: #0d1017 !important;
  border: none !important;
  border-radius: 0 0 11px 11px !important;
  margin: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [role="tabpanel"] figure.shiki + figure.shiki, :where(:root:has([data-nr-shell="docs"])) [role="tabpanel"] figure.shiki-themes + figure.shiki-themes {
  border-top: 1px solid #ffffff14 !important;
  border-radius: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) {
  background-color: var(--surface-secondary) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 12px !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):not(:has(figure.shiki)) {
  background-color: var(--surface-secondary) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 12px !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tablist"] {
  background-color: var(--surface-tertiary) !important;
  border-bottom: 1px solid var(--border-light) !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tablist"] {
  background-color: var(--surface-tertiary) !important;
  border-bottom: 1px solid var(--border-light) !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"] {
  color: var(--text-muted) !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"] {
  color: var(--text-muted) !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"]:hover {
  color: var(--text-primary) !important;
  background-color: #0f0e0c0d !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"]:hover {
  color: var(--text-primary) !important;
  background-color: #0f0e0c0d !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"][data-state="active"] {
  color: var(--text-primary) !important;
  background-color: var(--surface-primary) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000014, 0 1px 2px #0000000a !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"][data-state="active"] {
  color: var(--text-primary) !important;
  background-color: var(--surface-primary) !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000014, 0 1px 2px #0000000a !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) {
  background-color: #16181d !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 12px !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):not(:has(figure.shiki)) {
  background-color: #16181d !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 12px !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tablist"] {
  background-color: #0f1115 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tablist"] {
  background-color: #0f1115 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"] {
  color: #9ca3af !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"] {
  color: #9ca3af !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"]:hover {
  color: #f3f4f6 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"]:hover {
  color: #f3f4f6 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--color-fd-ring, #90fca6) !important;
  background-color: #ffffff24 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000059, inset 0 0 0 1px #ffffff24 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark #nd-notebook-layout div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--color-fd-ring, #90fca6) !important;
  background-color: #ffffff24 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000059, inset 0 0 0 1px #ffffff24 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article div:has( > [role="tablist"]):not(:has(figure.shiki)) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--color-fd-ring, #90fca6) !important;
  background-color: #ffffff24 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000059, inset 0 0 0 1px #ffffff24 !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) {
  background-color: #0d1017 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) article[data-full="true"] .bg-fd-card:has([role="tablist"]) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) {
  box-shadow: none !important;
  border: 1px solid #0f0e0c29 !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark article[data-full="true"] .bg-fd-card:has([role="tablist"]) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])):root.dark [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) {
  box-shadow: none !important;
  border: 1px solid #ffffff1a !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) [role="tablist"] {
  background-color: #1c2128 !important;
  border-bottom: 1px solid #ffffff14 !important;
  align-items: center !important;
  gap: .25rem !important;
  padding: .375rem .5rem !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) [role="tab"] {
  color: #8b949e !important;
  font-family: var(--font-sans) !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  padding: .35rem .75rem !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) [role="tab"]:hover {
  color: #e6edf3 !important;
  background-color: #ffffff0f !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) [role="tab"][data-state="active"] {
  color: #fff !important;
  border-bottom: 2px solid var(--nrouter-mint) !important;
  background-color: #0d1017 !important;
  border-radius: 6px 6px 0 0 !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px #00000040 !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) [role="tab"] > div.absolute.bottom-0 {
  display: none !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) [role="tab"] > div.absolute.bottom-0 {
  display: none !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .fd-scroll-container, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .fd-scroll-container {
  background-color: #0d1017 !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .fd-scroll-container pre, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .fd-scroll-container pre {
  font-family: var(--font-mono) !important;
  padding: 1rem calc(var(--padding-right, 0px) + 1.25rem) 1rem 1.25rem !important;
  background-color: #0000 !important;
  font-size: .8125rem !important;
  line-height: 1.65 !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .fd-scroll-container pre code, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .fd-scroll-container pre code {
  font-family: var(--font-mono) !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) button[aria-label*="Copy"] {
  color: #d1d5db !important;
  background-color: #ffffff14 !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 6px !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) button[aria-label*="Copy"] {
  color: #d1d5db !important;
  background-color: #ffffff14 !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 6px !important;
  transition: all .15s !important;
}

:where(:root:has([data-nr-shell="docs"])) article[data-full="true"] .bg-fd-card:has([role="tablist"]) button[aria-label*="Copy"]:hover {
  color: #fff !important;
  background-color: #ffffff2e !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .bg-fd-card:has([role="tablist"]) button[aria-label*="Copy"]:hover {
  color: #fff !important;
  background-color: #ffffff2e !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) form.not-prose {
  border: 1px solid var(--border-light) !important;
  background-color: #fff !important;
  box-shadow: 0 4px 16px #0000000f, 0 1px 3px #00000008 !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) form.not-prose button {
  color: var(--text-primary);
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) form.not-prose button[type="submit"] {
  background-color: var(--text-primary) !important;
  color: var(--surface-primary) !important;
}

:where(:root:has([data-nr-shell="docs"])):root:not(.dark) form.not-prose button[type="submit"]:hover {
  opacity: .88 !important;
}

:where(:root:has([data-nr-shell="docs"])) form.not-prose input, :where(:root:has([data-nr-shell="docs"])) form.not-prose textarea, :where(:root:has([data-nr-shell="docs"])) form.not-prose select {
  color: var(--color-fd-foreground) !important;
  background-color: #0000 !important;
}

:where(:root:has([data-nr-shell="docs"])) form.not-prose input::placeholder, :where(:root:has([data-nr-shell="docs"])) form.not-prose textarea::placeholder {
  color: var(--color-fd-muted-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] .prose :not(pre, .not-prose, .not-prose *) > code, :where(:root:has([data-nr-shell="docs"])) article .prose :not(pre, .not-prose, .not-prose *) > code {
  background-color: var(--color-fd-muted) !important;
  color: var(--color-fd-foreground) !important;
  font-size: .875em !important;
  font-family: var(--font-mono) !important;
  border: 1px solid var(--color-fd-border) !important;
  border-radius: 4px !important;
  padding: .15em .4em !important;
}

:where(:root:has([data-nr-shell="docs"])) .not-prose code, :where(:root:has([data-nr-shell="docs"])) form.not-prose code, :where(:root:has([data-nr-shell="docs"])) form code, :where(:root:has([data-nr-shell="docs"])) [class*="@container"] form code {
  font-size: inherit !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc], :where(:root:has([data-nr-shell="docs"])) aside[aria-label*="Table"] {
  background-color: var(--color-fd-background) !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc] p, :where(:root:has([data-nr-shell="docs"])) aside[aria-label*="Table"] p {
  color: var(--color-fd-foreground) !important;
  font-size: .6875rem !important;
  font-weight: 600 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc] a, :where(:root:has([data-nr-shell="docs"])) aside[aria-label*="Table"] a {
  padding: .1875rem 0;
  transition: color .12s;
  display: block;
  color: var(--color-fd-muted-foreground) !important;
  font-size: .8125rem !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc] a:hover, :where(:root:has([data-nr-shell="docs"])) aside[aria-label*="Table"] a:hover {
  color: var(--color-fd-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc] a[data-active="true"], :where(:root:has([data-nr-shell="docs"])) [class*="toc"] a[aria-current="true"], :where(:root:has([data-nr-shell="docs"])) [class*="toc"] a[data-active="true"] {
  border-inline-start: 2px solid var(--nrouter-mint-dark);
  border-radius: 2px;
  color: var(--color-fd-foreground) !important;
  font-weight: 500 !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover] header {
  background-color: var(--surface-primary) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover] [data-toc-popover-trigger] {
  min-height: 3.25rem;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover] [data-toc-popover-trigger] > span.grid {
  grid-template-rows: auto auto;
  align-content: center;
  row-gap: .125rem;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover] [data-toc-popover-trigger] > span.grid:before {
  content: "Jump to section";
  color: var(--text-muted);
  grid-area: 1 / 1;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover] [data-toc-popover-trigger] > span.grid > span {
  grid-row: 2;
  line-height: 1.2;
}

:where(:root:has([data-nr-shell="docs"])) [data-toc-popover-content] a[data-active="true"] {
  border-inline-start: 2px solid var(--nrouter-mint-dark);
  border-radius: 2px;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout button[aria-label*="Search"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] button[aria-label*="Search"], :where(:root:has([data-nr-shell="docs"])) button[data-search], :where(:root:has([data-nr-shell="docs"])) button[data-search-full], :where(:root:has([data-nr-shell="docs"])) #nd-sidebar button[data-search-full], :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [class*="search"] button, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [class*="search"] button {
  background-color: var(--color-fd-muted) !important;
  border: 1px solid var(--color-fd-border) !important;
  color: var(--color-fd-muted-foreground) !important;
  font-size: .8125rem !important;
  font-family: var(--font-sans) !important;
  border-radius: 7px !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout button[aria-label*="Search"]:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] button[aria-label*="Search"]:hover, :where(:root:has([data-nr-shell="docs"])) button[data-search]:hover, :where(:root:has([data-nr-shell="docs"])) button[data-search-full]:hover, :where(:root:has([data-nr-shell="docs"])) #nd-sidebar button[data-search-full]:hover {
  background-color: var(--color-fd-accent) !important;
  border-color: var(--color-fd-border) !important;
  color: var(--color-fd-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-search-dialog], :where(:root:has([data-nr-shell="docs"])) div[role="dialog"].bg-fd-popover, :where(:root:has([data-nr-shell="docs"])) [cmdk-root], :where(:root:has([data-nr-shell="docs"])) [role="dialog"][aria-label*="Search"] {
  background-color: var(--color-fd-background) !important;
  border: 1px solid var(--color-fd-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px #0000001f !important;
}

:where(:root:has([data-nr-shell="docs"])).dark [data-search-dialog], :where(:root:has([data-nr-shell="docs"])).dark div[role="dialog"].bg-fd-popover, :where(:root:has([data-nr-shell="docs"])).dark [cmdk-root], :where(:root:has([data-nr-shell="docs"])).dark [role="dialog"][aria-label*="Search"] {
  box-shadow: 0 24px 64px #000000a6, 0 0 0 1px var(--border-medium) !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"], :where(:root:has([data-nr-shell="docs"])) div[data-callout] {
  background-color: color-mix(in srgb, var(--callout-color) 6%, var(--color-fd-card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--callout-color) 30%, var(--color-fd-border, #0f0e0c1f)) !important;
  border-radius: 8px !important;
  padding: .875rem 1rem .875rem .5rem !important;
  font-size: .9rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-size: .875rem !important;
  font-family: var(--font-sans) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

:where(:root:has([data-nr-shell="docs"])) article thead {
  background-color: var(--color-fd-muted) !important;
}

:where(:root:has([data-nr-shell="docs"])) article th {
  color: var(--color-fd-foreground) !important;
  text-align: left !important;
  border-bottom: 1px solid var(--color-fd-border) !important;
  padding: .625rem .875rem !important;
  font-size: .8125rem !important;
  font-weight: 600 !important;
}

:where(:root:has([data-nr-shell="docs"])) article td {
  color: var(--color-fd-foreground) !important;
  border-bottom: 1px solid var(--color-fd-border) !important;
  vertical-align: top !important;
  padding: .5625rem .875rem !important;
}

:where(:root:has([data-nr-shell="docs"])) article tr:last-child td {
  border-bottom: none !important;
}

:where(:root:has([data-nr-shell="docs"])) article tbody tr:hover {
  background-color: var(--color-fd-muted) !important;
}

:where(:root:has([data-nr-shell="docs"])) article hr {
  border: none !important;
  border-top: 1px solid var(--color-fd-border) !important;
  margin: 2rem 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-page > .nr-docs-breadcrumb, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label="Breadcrumb"], :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [data-breadcrumb], :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout nav[aria-label*="breadcrumb"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label="Breadcrumb"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [data-breadcrumb], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] nav[aria-label*="breadcrumb"] {
  color: var(--color-fd-muted-foreground) !important;
  font-size: .8rem !important;
  font-family: var(--font-sans) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-page > .nr-docs-breadcrumb a, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label="Breadcrumb"] a, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [data-breadcrumb] a, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout nav[aria-label*="breadcrumb"] a, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label="Breadcrumb"] a, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [data-breadcrumb] a, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] nav[aria-label*="breadcrumb"] a {
  transition: color .15s;
  color: var(--color-fd-muted-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-page > .nr-docs-breadcrumb a:hover, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label="Breadcrumb"] a:hover, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [data-breadcrumb] a:hover, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout nav[aria-label*="breadcrumb"] a:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label="Breadcrumb"] a:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [data-breadcrumb] a:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] nav[aria-label*="breadcrumb"] a:hover {
  color: var(--color-fd-foreground) !important;
}

:where(:root:has([data-nr-shell="docs"])) article#nd-page > script {
  display: none !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-page-nav] a, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label*="Previous"], :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label*="Next"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label*="Previous"], :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label*="Next"] {
  background-color: var(--color-fd-muted) !important;
  border: 1px solid var(--color-fd-border) !important;
  color: var(--color-fd-foreground) !important;
  font-family: var(--font-sans) !important;
  border-radius: 8px !important;
  font-size: .875rem !important;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-page-nav] a:hover, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label*="Previous"]:hover, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [aria-label*="Next"]:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label*="Previous"]:hover, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [aria-label*="Next"]:hover {
  background-color: var(--color-fd-accent) !important;
  border-color: var(--color-fd-border) !important;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout *, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] * {
  scrollbar-width: thin;
  scrollbar-color: var(--border-medium) transparent;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout ::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] ::-webkit-scrollbar-track {
  background: none;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout ::-webkit-scrollbar-thumb {
  background: var(--border-medium);
  border-radius: 10px;
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] ::-webkit-scrollbar-thumb {
  background: var(--border-medium);
  border-radius: 10px;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout ::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

:where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] ::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout article table td, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout article table th, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout article :not(pre) > code, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout figure.shiki-themes pre, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] article table td, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] article table th, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] article :not(pre) > code, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] figure.shiki-themes pre {
  font-variant-numeric: tabular-nums;
}

:where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout a:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout button:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout summary:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout input:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout select:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout textarea:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [role="tab"]:focus-visible, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout [tabindex]:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] a:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] button:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] summary:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] input:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] select:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] textarea:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [role="tab"]:focus-visible, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] [tabindex]:focus-visible {
  border-radius: var(--radius-sm);
  outline: 2px solid var(--border-focus) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout *, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout :before, :where(:root:has([data-nr-shell="docs"])) #nd-notebook-layout :after, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] *, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] :before, :where(:root:has([data-nr-shell="docs"])) [data-fumadocs-layout] :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:where(:root:has([data-nr-shell="docs"])) header#nd-subnav nav a, :where(:root:has([data-nr-shell="docs"])) header#nd-subnav [class*="nav"] a {
  white-space: nowrap !important;
}

:where(:root:has([data-nr-shell="docs"])) header#nd-subnav a[href="/signup"], :where(:root:has([data-nr-shell="docs"])) header#nd-subnav a[href*="/signup"] {
  white-space: nowrap !important;
  background-color: var(--text-primary) !important;
  color: var(--surface-primary) !important;
  border: 1px solid var(--text-primary) !important;
  transition: opacity var(--motion-fast) var(--motion-ease-out) !important;
  border-radius: 8px !important;
  align-items: center !important;
  padding: .4rem .75rem !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  display: inline-flex !important;
}

:where(:root:has([data-nr-shell="docs"])) header#nd-subnav a[href="/signup"]:hover, :where(:root:has([data-nr-shell="docs"])) header#nd-subnav a[href*="/signup"]:hover {
  opacity: .88 !important;
  background-color: var(--text-primary) !important;
  color: var(--surface-primary) !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"], :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"], :where(:root:has([data-nr-shell="docs"])) [data-callout] {
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"] > div[role="none"], :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"] > div[role="none"], :where(:root:has([data-nr-shell="docs"])) div[data-callout] > div[role="none"] {
  border: none !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
  width: 2px !important;
  min-width: 2px !important;
  max-width: 2px !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"] > svg, :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"] > svg, :where(:root:has([data-nr-shell="docs"])) div[data-callout] > svg, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-info, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-info, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-triangle-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-alert-triangle, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-lightbulb, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-octagon-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-x {
  fill: none !important;
  aspect-ratio: 1 !important;
  background: none !important;
  border: none !important;
  flex: 0 0 1.25rem !important;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  max-width: 1.25rem !important;
  height: 1.25rem !important;
  min-height: 1.25rem !important;
  max-height: 1.25rem !important;
  padding: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"] > div.flex-col, :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"] > div.flex-col, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > div:not([role="none"]) {
  flex: 1 !important;
  width: auto !important;
  min-width: 0 !important;
}

:where(:root:has([data-nr-shell="docs"])) div[style*="--callout-color"] p, :where(:root:has([data-nr-shell="docs"])) article div[style*="--callout-color"] p {
  max-width: 100% !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-info, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-info {
  color: #0d9488 !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-triangle-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-alert-triangle {
  color: #f59e0b !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-lightbulb {
  color: #059669 !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-check, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-check-circle {
  color: #10b981 !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-octagon-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-alert, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > svg.lucide-circle-x {
  color: #dc2626 !important;
}

:where(:root:has([data-nr-shell="docs"])).dark [style*="--callout-color"] > svg.lucide-lightbulb {
  color: #34d399 !important;
}

:where(:root:has([data-nr-shell="docs"])).dark [style*="--callout-color"] > svg.lucide-octagon-alert, :where(:root:has([data-nr-shell="docs"])).dark [style*="--callout-color"] > svg.lucide-circle-alert, :where(:root:has([data-nr-shell="docs"])).dark [style*="--callout-color"] > svg.lucide-circle-x {
  color: #f87171 !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] > div p.font-medium, :where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] p.font-medium:first-of-type {
  color: var(--text-primary) !important;
  letter-spacing: .01em !important;
  margin: 0 0 .25rem !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
}

:where(:root:has([data-nr-shell="docs"])) [style*="--callout-color"] .prose-no-margin > p {
  color: var(--text-secondary) !important;
}

/*# sourceMappingURL=src_188v4sx._.css.map*/