import{LinkIcon as e}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as t}from"@redocly/theme/components/Typography/H2";import{styled as i}from"../../styled-components.js";const n=i.h4`
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  padding: 0;
  color: var(--h4-text-color);
  margin: 0 0 var(--h4-margin-bottom) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;

  :hover {
    ${e} {
      opacity: 1;
      visibility: visible;
    }
  }
`,l=i(t)`
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0;

  :hover {
    ${e} {
      opacity: 1;
      visibility: visible;
    }
  }
`,p=i.div`
  display: flex;
  align-items: flex-start;
  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
`;export{l as Heading,p as HeadingWrapper,n as Title};
