{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Label/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\ninterface LabelProps {\n  $tone?: 'inverted';\n  $faded?: boolean;\n}\n\nexport const Label = styled.div.withConfig({ componentId: 'sc-11lhh33-0' })<LabelProps>`\n    font-size: var(--font-size-xxsmall-static);\n    font-weight: var(--font-weight-bold);\n    color: var(--c-text-muted);\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n\n    ${({ $tone }) =>\n      $tone === 'inverted'\n        ? css`\n                  color: var(--c-text-media);\n              `\n        : undefined}\n\n    ${({ $faded }) =>\n      $faded &&\n      css`\n            opacity: 0.7;\n        `}\n`;\n"],
  "mappings": "sDAOO,IAAMA,EAAQC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOpE,CAAC,CAAE,MAAAC,CAAM,IACTA,IAAU,WACNC;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,MAEb,CAAC,CAAE,OAAAC,CAAO,IACVA,GACAD;AAAA;AAAA,SAEG;",
  "names": ["Label", "dt", "$tone", "lt", "$faded"]
}