@layer components {
  .ui-source {
    align-items: center;
    gap: 4px var(--ui-space-md);
    padding: var(--ui-space-sm) var(--ui-space-sm) 2px;
    color: var(--ui-text-muted);
    font: var(--ui-weight-regular) .71875rem/1.5 var(--font-family-mono);
    flex-wrap: wrap;
    display: flex;
  }

  .ui-source a {
    color: var(--ui-text-body);
    text-decoration: underline;
    text-decoration-color: var(--ui-line-mark);
    text-underline-offset: .2em;
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}:root,:host{--font-family-mono:var(--font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--font-mono:"IBM Plex Mono"}}