@layer components {
  .segment-views, .segment-panel {
    min-width: 0;
  }

  .segment-views > .ui-segmented {
    margin-bottom: var(--ui-space-sm);
  }

  .segment-panel-label {
    display: none;
  }

  .segment-panel:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px;border-radius:var(--ui-radius-sm)}

  @media (scripting: none), print {
    .segment-views > .ui-segmented {
      display: none;
    }

    .segment-panel[hidden] {
      display: block !important;
    }

    .segment-panel + .segment-panel {
      margin-top: var(--ui-space-xl);
    }

    .segment-panel-label {
      margin-bottom: var(--ui-space-md);
      color: var(--ui-text-strong);
      font-size: var(--ui-text-small);
      font-weight: var(--ui-weight-medium);
      display: block;
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265)}: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))}}