/* [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;
  }
}

/*# sourceMappingURL=src_components_resources-shell_tokens_0p10vzv.css.map*/