{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Separator/index.tsx"],
  "sourcesContent": ["import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { Container } from '../Container';\nimport { Dialog as ModalDialog } from '../Modal/wrapper';\n\nexport const Separator = styled.hr.withConfig({ componentId: 'sc-ua00r5-0' })`\n    display: block;\n    width: 100%;\n    height: 1px;\n    margin: 0;\n    border: 0;\n    background-color: var(--c-border-main);\n\n    ${(props) => props.theme.breakpoint.LtSm} {\n        height: ${size(1)};\n        width: auto;\n        background-color: var(--c-bg-alt);\n\n        ${Container} &,\n        .container & {\n            margin: 0 ${size(-2)};\n        }\n\n        ${ModalDialog} & {\n            margin: 0 calc(var(--dialog-gutter) * -1);\n        }\n    }\n`;\n"],
  "mappings": "+IAMO,IAAMA,EAAYC,EAAO,GAAG,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQrEC,GAAUA,EAAM,MAAM,WAAW,IAAI;AAAA,kBAC1BC,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,UAIfC,CAAS;AAAA;AAAA,wBAEKD,EAAK,EAAE,CAAC;AAAA;AAAA;AAAA,UAGtBE,CAAW;AAAA;AAAA;AAAA;",
  "names": ["Separator", "dt", "props", "size", "Container", "Dialog"]
}