{"version":3,"file":"styles.mjs","sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  display: inline-grid;\n  grid-template-areas: 'a';\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  line-height: 0;\n  font-size: 0;\n  padding: 0;\n\n  width: 44px;\n  height: 44px;\n  // button element contains span as children container, we want to bypass it.\n  // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n  // witout breaking our SVGs\n  & > span:first-child {\n    display: contents;\n  }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","_ref","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;AAIO,MAAMA,uBAAuB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAACC,KAAK,CAAC;AAC1DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,2BAA2B,GAAGT,MAAM,CAACU,KAAK,CAAC,CAAA;AACxD;AACA;AACA;AACA;AACA,EAAC;MAEYC,0BAA0B,GAAGX,MAAM,CAACY,IAAI,CAAC,CAAA;AACtD;AACA;AACA;AACA;AACA;;;;"}