import {
  StyledTitle
} from "./chunk-FHNYQLMF.js";
import {
  StyledBody
} from "./chunk-LD5LZXUP.js";
import {
  StyledCode
} from "./chunk-BCFRW7CV.js";
import {
  displaySelector
} from "./chunk-QGGOMPHZ.js";
import {
  ALL_HEADLINE_SELECTORS,
  headlineSelector
} from "./chunk-4TFRLWCC.js";
import {
  StyledContentTable
} from "./chunk-XP2MX2AA.js";
import {
  select
} from "./chunk-YMNSXZ5D.js";
import {
  overflowAutoWithoutScrollbars
} from "./chunk-FCZJILMW.js";
import {
  standardBorderRadius
} from "./chunk-JK4BP73A.js";
import {
  colors
} from "./chunk-2VBDEO6M.js";
import {
  getTypographyString
} from "./chunk-E4EXM4SY.js";

// src/styles/fonts/typography/Article.tsx
import styled from "@emotion/styled";
var Article = styled.article`
  ${displaySelector("h1")} {
    margin: 0;
  }

  ${headlineSelector("h1")} {
    margin: 0;
    padding-bottom: ${"8px" /* xs */};
  }

  ${headlineSelector("h2")} {
    padding-top: ${"40px" /* 2xl */};
    padding-bottom: ${"8px" /* xs */};
    margin: 0;
  }

  ${headlineSelector("h3")} {
    padding-top: ${"40px" /* 2xl */};
    padding-bottom: ${"8px" /* xs */};
    margin: 0;
  }

  ${headlineSelector("h4")} {
    padding-top: ${"40px" /* 2xl */};
    padding-bottom: ${"8px" /* xs */};
    margin: 0;
  }

  ${headlineSelector("h5")} {
    padding-top: ${"40px" /* 2xl */};
    padding-bottom: ${"8px" /* xs */};
    margin: 0;
  }

  ${headlineSelector("h6")} {
    padding-top: ${"40px" /* 2xl */};
    padding-bottom: ${"8px" /* xs */};
    margin: 0;
  }

  ${select(StyledBody)} {
    margin-top: ${"8px" /* xs */};
    margin-bottom: ${"8px" /* xs */};
  }

  ${select(StyledContentTable)} {
    margin: ${"40px" /* 2xl */} 0;
  }

  img {
    margin-top: ${"16px" /* md */};
    margin-bottom: ${"16px" /* md */};
  }

  strong {
    font-weight: 700;
  }

  *:not(${ALL_HEADLINE_SELECTORS},${select(StyledTitle)},${select(StyledCode)})
    > a {
    ${({ theme }) => getTypographyString(
  theme.typography[theme.app]["Label Strong"]["Large" /* Large */]
)}
    font-size: inherit;
    color: ${({ theme }) => theme.link};
  }

  ul,
  ol {
    padding-left: ${"24px" /* lg */};
    margin-top: ${"8px" /* xs */};
    margin-bottom: ${"8px" /* xs */};
    *:not(a) {
      color: ${({ theme }) => theme.text};
    }
  }

  li {
    ${({ theme }) => getTypographyString(theme.typography[theme.app].Body["Medium" /* Medium */])}
    :not(:last-child) {
      margin-bottom: ${"4px" /* 3xs */};
    }
  }

  code:not([class|="language"]) {
    ${({ theme }) => getTypographyString(theme.typography[theme.app].Code["Medium" /* Medium */])}
    background: ${colors.uma.blue90};
    padding: ${"2px" /* 4xs */} ${"6px" /* 2xs */};
    margin: ${"2px" /* 4xs */};
    border-radius: 4px;
  }

  pre[class|="language"] {
    ${standardBorderRadius(8)}
    width: 100%;
    padding: ${"16px" /* md */} ${"24px" /* lg */};
    margin: ${"16px" /* md */} 0;
  }

  // Must match specificity of prismjs to get proper line height!
  pre[class|="language"],
  code[class|="language"] {
    ${({ theme }) => getTypographyString(theme.typography[theme.app].Code["Small" /* Small */])}

    ${overflowAutoWithoutScrollbars}
  }

  blockquote {
    margin: ${"8px" /* xs */} 0;
  }
`;

export {
  Article
};
