import{H1 as e}from"@redocly/theme/components/Typography/H1";import{Markdown as n}from"@redocly/theme/components/Markdown/Markdown";import{styled as o}from"../../styled-components.js";const t=15,p=o(e)`
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  & + ${n} {
    margin-top: var(--h1-margin-bottom);
  }
`,l=o.span`
  &::before {
    content: '|';
    display: inline-block;
    opacity: 0.5;
    width: ${t}px;
    text-align: center;
  }

  &:last-child::after {
    display: none;
  }
`,d=o.div`
  overflow: hidden;
`,m=o.div`
  display: flex;
  flex-wrap: wrap;
  // hide separator on new lines: idea from https://stackoverflow.com/a/31732902/1749888
  margin-left: -${t}px;
`;export{p as ApiHeader,l as InfoSpan,m as InfoSpanBox,d as InfoSpanBoxWrap};
