{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Content/index.tsx", "../javascripts/styled-components/components/Content/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { Wrapper } from './wrapper';\n\nexport interface IContent {\n  article?: boolean;\n  children?: React.ReactNode;\n  dangerouslySetInnerHTML?: {\n    __html: string;\n  };\n  fontSize?: 'current' | 'small';\n  fullWidth?: boolean;\n  size?: 'small';\n  tone?: 'main' | 'alt';\n  center?: boolean;\n}\n\nconst Content = ({\n  article,\n  children,\n  tone,\n  fontSize,\n  fullWidth,\n  dangerouslySetInnerHTML,\n  center,\n}: IContent) => {\n  if (dangerouslySetInnerHTML) {\n    return (\n      <Wrapper\n        $tone={tone}\n        $fontSize={fontSize}\n        $fullWidth={fullWidth}\n        dangerouslySetInnerHTML={dangerouslySetInnerHTML}\n        $article={article}\n        $center={center}\n      />\n    );\n  }\n  return (\n    <Wrapper $tone={tone} $fontSize={fontSize} $fullWidth={fullWidth} $center={center}>\n      {children}\n    </Wrapper>\n  );\n};\n\nexport default Content;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface WrapperProps {\n  $tone?: 'main' | 'alt';\n  $fullWidth?: boolean;\n  $fontSize?: 'current' | 'small';\n  $article?: boolean;\n  $center?: boolean;\n}\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-13ceeau-0' })<WrapperProps>`\n    max-width: ${(props) => props.theme.size.contentMaxWidth};\n    font-size: var(--font-size-regular);\n    text-wrap: pretty;\n\n    h1 {\n        font-size: var(--font-size-h1);\n        line-height: var(--line-height-h1);\n        letter-spacing: -0.02em;\n    }\n\n    h2 {\n        font-size: var(--font-size-h2);\n        line-height: var(--line-height-h2);\n    }\n\n    h3 {\n        font-size: var(--font-size-h3);\n        line-height: var(--line-height-h3);\n    }\n\n    h4 {\n        font-size: var(--font-size-h4);\n        line-height: var(--line-height-h4);\n    }\n\n    h5 {\n        font-size: var(--font-size-h5);\n        line-height: var(--line-height-h5);\n    }\n\n    h6 {\n        font-size: var(--font-size-h6);\n        line-height: var(--line-height-h6);\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n        opacity: 0.8;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin-top: ${size(4)};\n        margin-bottom: ${size(3)};\n        font-weight: var(--font-weight-bold);\n\n        &:first-child {\n            margin-top: 0;\n        }\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    p {\n        margin: 1em 0;\n\n        &:first-child {\n            margin-top: 0;\n        }\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n\n        img {\n            margin: 0;\n        }\n    }\n\n    a {\n        text-decoration: underline;\n        font-weight: inherit;\n\n        &:not(:hover) {\n            color: var(--c-link);\n        }\n    }\n\n    img {\n        display: block;\n        width: 100%;\n        margin: 1em 0;\n    }\n\n    li + li {\n        margin-top: 0.25em;\n    }\n\n    ${({ $fullWidth }) =>\n      $fullWidth &&\n      css`\n            max-width: 100%;\n        `}\n\n    ${({ $center }) =>\n      $center &&\n      css`\n            margin: 0 auto;\n        `}\n\n    ${({ $tone }) =>\n      $tone === 'main'\n        ? css`\n                  color: var(--c-text-main);\n              `\n        : $tone === 'alt'\n          ? css`\n                  color: var(--c-text-muted);\n              `\n          : css`\n                  color: currentColor;\n              `}\n\n              ${({ $fontSize }) =>\n                $fontSize === 'current'\n                  ? css`\n                  font-size: 1em;\n              `\n                  : $fontSize === 'small'\n                    ? css`\n                  font-size: var(--font-size-small);\n              `\n                    : undefined}\n\n    ${({ $article }) =>\n      $article &&\n      css`\n            margin: 0 auto;\n\n            h1,\n            h2,\n            h3,\n            h4,\n            h5,\n            h6 {\n                margin-top: ${size(4)};\n                margin-bottom: ${size(1)};\n            }\n\n            p {\n                margin: ${size(1)} 0 ${size(4)};\n\n                img {\n                    margin-left: ${size(-2)};\n                    width: calc(100% + ${size(4)});\n\n                    ${({ theme }) => theme.breakpoint.Md} {\n                        max-width: ${size(133)};\n                        width: calc(100vw - ${size(8)});\n                        margin-left: 50%;\n                        transform: translateX(-50%);\n                    }\n                }\n            }\n        `}\n`;\n"],
  "mappings": "8GAAA,IAAAA,EAAkB,SCYX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,iBAC1DC,GAAUA,EAAM,MAAM,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBA4CtCC,EAAK,CAAC,CAAC;AAAA,yBACJA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MA+C1B,CAAC,CAAE,WAAAC,CAAW,IACdA,GACAC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,QAAAC,CAAQ,IACXA,GACAD;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,MAAAE,CAAM,IACTA,IAAU,OACNF;AAAA;AAAA,gBAGAE,IAAU,MACRF;AAAA;AAAA,gBAGAA;AAAA;AAAA,eAEG;AAAA;AAAA,gBAEC,CAAC,CAAE,UAAAG,CAAU,IACbA,IAAc,UACVH;AAAA;AAAA,gBAGAG,IAAc,QACZH;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,MAEzB,CAAC,CAAE,SAAAI,CAAS,IACZA,GACAJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BASwBF,EAAK,CAAC,CAAC;AAAA,iCACJA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,0BAIdA,EAAK,CAAC,CAAC,MAAMA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA,mCAGXA,EAAK,EAAE,CAAC;AAAA,yCACFA,EAAK,CAAC,CAAC;AAAA;AAAA,sBAE1B,CAAC,CAAE,MAAAO,CAAM,IAAMA,EAAM,WAAW,EAAE;AAAA,qCACnBP,EAAK,GAAG,CAAC;AAAA,8CACAA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAM5C;ED1JT,IAAMQ,EAAU,CAAC,CACf,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,wBAAAC,EACA,OAAAC,CACF,IACMD,EAEA,EAAAE,QAAA,cAACC,EAAA,CACC,MAAON,EACP,UAAWC,EACX,WAAYC,EACZ,wBAAyBC,EACzB,SAAUL,EACV,QAASM,EACX,EAIF,EAAAC,QAAA,cAACC,EAAA,CAAQ,MAAON,EAAM,UAAWC,EAAU,WAAYC,EAAW,QAASE,GACxEL,CACH,EAIGQ,EAAQV",
  "names": ["import_react", "Wrapper", "dt", "props", "size", "$fullWidth", "lt", "$center", "$tone", "$fontSize", "$article", "theme", "Content", "article", "children", "tone", "fontSize", "fullWidth", "dangerouslySetInnerHTML", "center", "React", "Wrapper", "Content_default"]
}