@layer components {
  .ui-params {
    border-radius: var(--ui-radius-xl);
    background: var(--ui-surface-sheet);
    box-shadow: inset 0 0 0 1px var(--ui-line-contour);
    margin: 0;
    display: grid;
  }

  .ui-params > div {
    gap: var(--ui-space-xs) var(--ui-space-lg);
    padding: var(--ui-space-sm) var(--ui-space-md);
    border-top: 1px solid var(--ui-line-hair);
    grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr);
    display: grid;
  }

  .ui-params > div:first-child {
    border-top: 0;
  }

  .ui-params dt {
    overflow-wrap: anywhere;
    min-width: 0;
    color: var(--ui-text-strong);
    font: var(--ui-weight-medium) .8125rem/1.5 var(--font-family-mono);
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    display: flex;
  }

  .ui-params dt small {
    color: var(--ui-text-muted);
    font-weight: var(--ui-weight-regular);
  }

  .ui-params dd {
    color: var(--ui-text-body);
    font-size: var(--ui-text-small);
    overflow-wrap: anywhere;
    margin: 0;
    line-height: 1.6;
  }

  .ui-params dd > * {
    margin: 0;
  }

  .ui-params dd > * + * {
    margin-top: var(--ui-space-xs);
  }

  .ui-params dd small {
    color: var(--ui-text-muted);
    font-size: .75rem;
  }

  .ui-params dd a:not([class]) {
    color: var(--ui-text-strong);
    text-decoration: underline 1px var(--ui-line-strong);
    text-underline-offset: .24em;
  }

  .ui-params dd a:not([class]):hover {
    text-decoration-color: currentColor;
  }

  .ui-params :is(dt, dd) :is(h3, h4) {
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    margin: 0;
  }

  .ui-params dd code {
    border-radius: var(--ui-radius-xs);
    background: var(--ui-surface-chip);
    color: var(--ui-text-strong);
    box-shadow: inset 0 0 0 1px var(--ui-line-hair);
    font: var(--ui-weight-regular) .8125rem/1 var(--font-family-mono);
    padding: .125em .375em;
  }

  @media (width < 35rem) {
    .ui-params > div {
      grid-template-columns: 1fr;
    }
  }
}

@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"}}