{"version":3,"file":"IdenticonStyles.mjs","sources":["../../../packages/identicon/IdenticonStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { IdenticonBadgeColors } from './types.js'\n\nconst colors = {\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accentDarken);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nexport const IdenticonBadgeStyle = styled.div<{ $color: IdenticonBadgeColors }>`\n  border-radius: 1000px;\n  padding: 4px;\n  margin: 0 6px;\n  display: inline-flex;\n  align-items: center;\n\n  ${({ $color }) => colors[$color]}\n`\n\nexport const IdenticonStyle = styled.div`\n  border-radius: 1000px;\n  overflow: hidden;\n  line-height: 0;\n  display: inline-block;\n`\n\nexport const AddressWrapperStyle = styled.div`\n  padding: 0 6px;\n`\n"],"names":["colors","background","css","accent","IdenticonBadgeStyle","styled","div","_ref","$color","IdenticonStyle","AddressWrapperStyle"],"mappings":";;;AAGA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,MAAM,EAAED,GAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYE,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAAqC,CAAA;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAKP,MAAM,CAACQ,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC,EAAC;AAEYC,MAAAA,cAAc,GAAGJ,MAAM,CAACC,GAAG,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYI,MAAAA,mBAAmB,GAAGL,MAAM,CAACC,GAAG,CAAA;AAC7C;AACA;;;;"}