{"version":3,"file":"ModalButtonStyles.mjs","sources":["../../../packages/modal/ModalButtonStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\n\nexport const ModalButtonStyle = styled(Button)`\n  border: ${({ active }) =>\n    active\n      ? `1px solid var(--lido-color-primary)`\n      : `1px solid var(--lido-color-background)`};\n  background-color: ${({ active }) =>\n    active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`};\n  color: var(--lido-color-text);\n\n  :not(:disabled):hover,\n  :focus-visible {\n    background-color: rgb(0 163 255 / 10%);\n    color: var(--lido-color-text);\n  }\n`\n\nexport const ModalButtonContentStyle = styled.span`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`\n"],"names":["ModalButtonStyle","styled","Button","_ref","active","_ref2","ModalButtonContentStyle","span"],"mappings":";;;;MAGaA,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAA;AAC9C,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OACnBC,MAAM,GACF,CAAqC,mCAAA,CAAA,GACrC,CAAwC,sCAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAChD,oBAAA,EAAsBC,KAAA,IAAA;EAAA,IAAC;AAAED,IAAAA,MAAAA;AAAO,GAAC,GAAAC,KAAA,CAAA;AAAA,EAAA,OAC7BD,MAAM,GAAG,yBAAyB,GAAG,CAA8B,4BAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYE,MAAAA,uBAAuB,GAAGL,MAAM,CAACM,IAAI,CAAA;AAClD;AACA;AACA;AACA;AACA;;;;"}