@layer components {
  .ui-tabs {
    scrollbar-width: none;
    gap: 2px;
    min-width: 0;
    display: flex;
    overflow-x: auto;
  }

  .ui-tabs::-webkit-scrollbar {
    display: none;
  }

  .ui-tabs > [role="tab"] {
    appearance: none;
    border-radius: var(--ui-radius-md);
    min-height: 2rem;
    color: var(--ui-text-muted);
    font: var(--ui-weight-regular) .75rem/1 var(--font-family-mono);
    cursor: pointer;
    transition: color var(--ui-duration-quick), background-color var(--ui-duration-quick), box-shadow var(--ui-duration-quick);
    background: none;
    border: 0;
    flex: none;
    align-items: center;
    gap: 6px;
    padding: 0 .625rem;
    display: inline-flex;
  }

  .ui-tabs > [role="tab"] svg {
    width: 14px;
    height: 14px;
  }

  .ui-tabs > [role="tab"]:hover {
    color: var(--ui-text-strong);
  }

  .ui-tabs > [role="tab"][aria-selected="true"] {
    background: var(--ui-surface-chip);
    color: var(--ui-text-strong);
    box-shadow: inset 0 0 0 1px var(--ui-line-hair);
  }

  .ui-tabs>[role=tab]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}

  [data-code-tabs] > [role="tabpanel"] > .ui-code-file {
    display: none;
  }

  @media (scripting: none), print {
    [data-code-tabs] > .ui-code-bar {
      display: none;
    }

    [data-code-tabs] > [role="tabpanel"][hidden] {
      display: block;
    }

    [data-code-tabs] > [role="tabpanel"] > .ui-code-file {
      padding: var(--ui-space-sm) var(--ui-space-md) 0;
      display: flex;
    }
  }
}

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