{
  "version": 3,
  "sources": ["../../src/pages/walletInfo/styles.ts"],
  "sourcesContent": ["import { css, styled } from 'styled-components';\n\nexport const StyleModalContainer = styled.div``;\n\nexport const StyleAddressInfo = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 16px;\n  color: var(--pcm-body-color);\n  overflow: hidden;\n  position: relative;\n  top: -6px;\n  .copied-0 {\n    svg {\n      /* opacity: 0.8 !important; */\n    }\n  }\n`;\n\nexport const StyleWalletInfo = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: var(--pcm-rounded-lg);\n  padding: 10px 14px;\n  margin-bottom: 30px;\n  color: var(--pcm-body-color);\n  background: var(--pcm-body-background-tertiary);\n  position: relative;\n  gap: 10px;\n`;\n\ninterface StyleSwitchNetworkProps {\n  selected?: boolean;\n}\nexport const StyleWalletInfoLeft = styled.div<StyleSwitchNetworkProps>`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 26px;\n  flex: 1;\n  overflow: hidden;\n  cursor: ${(props) => (props.selected ? 'pointer' : 'default')};\n`;\n\nexport const StyleWalletIcon = styled.img`\n  width: 22px;\n  height: 22px;\n`;\n\nexport const StyleWalletText = styled.div`\n  font-size: 14px;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  position: relative;\n  svg {\n    position: relative;\n    width: 10px;\n    top: 1px;\n  }\n`;\n\nexport const StyleWalletInfoRight = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n`;\n\nexport const StyleBalance = styled.div`\n  font-size: 14px;\n  color: var(--pcm-body-color-secondary);\n  /* \u5F3A\u5236\u4E0D\u6362\u884C */\n  white-space: nowrap;\n`;\n\nexport const StyleRefreshIcon = styled.div`\n  cursor: pointer;\n`;\n\nexport const StyleActions = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  border-bottom: 1px solid var(--pcm-button-border-color);\n  padding-bottom: 30px;\n`;\n\nexport const StyleActionIcon = styled.img`\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n`;\n\nexport const StyleActionText = styled.div`\n  font-size: 16px;\n  color: var(--pcm-body-color);\n`;\n\nexport const StyleFooter = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 30px;\n  margin-bottom: 10px;\n`;\n\nexport const StyleFooterLabel = styled.div`\n  font-size: 14px;\n  cursor: pointer;\n`;\n\nexport const WalletIconWrapper = styled.div`\n  height: 26px;\n  width: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg {\n    width: 100%;\n  }\n`;\n\nexport const StyleTextButton2 = styled.div<{ $disconnectLoading?: boolean }>`\n  color: var(--pcm-body-color-secondary);\n  svg {\n    color: var(--pcm-body-color-secondary);\n  }\n  opacity: 1;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--pcm-primary-button-bankground);\n    svg {\n      color: var(--pcm-primary-button-bankground);\n    }\n  }\n\n  ${({ $disconnectLoading }) =>\n    $disconnectLoading &&\n    css`\n      opacity: 0.6;\n      pointer-events: none;\n      &:hover {\n        color: var(--pcm-body-color-secondary);\n        svg {\n          color: var(--pcm-body-color-secondary);\n        }\n      }\n    `}\n`;\n\nexport const StyleChainName = styled.div`\n  font-size: 14px;\n  color: var(--pcm-body-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport const TitleContainer = styled.div`\n  pointer-events: all;\n  position: absolute;\n  left: 24px;\n  bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const StyleDisconnectContent = styled.div`\n  position: relative;\n  width: 25px;\n  height: 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  left: 3px;\n`;\n\nexport const StyleDisconnectLoading = styled.div`\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  top: 50%;\n  left: 11px;\n  transform: translate(-50%, -50%);\n`;\n\nexport const StyleShareContent = styled.div`\n  position: relative;\n  top: -1px;\n  left: -4px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n`;\n"],
  "mappings": ";;;;;;AAAA,SAAS,KAAK,cAAc;AAA5B,IAEa,qBAEA,kBAgBA,iBAgBA,qBAUA,iBAKA,iBAaA,sBAMA,cAOA,kBAIA,cAQA,iBAMA,iBAKA,aAQA,kBAKA,mBAWA,kBA6BA,gBAQA,gBAWA,wBAUA,wBASA;AA/Lb;AAAA;AAAA;AAEO,IAAM,sBAAsB,OAAO;AAEnC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB/B,IAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAO9B,CAAC,UAAW,MAAM,WAAW,YAAY;AAAA;AAG9C,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/B,IAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM/B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAKhC,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWjC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAenC,CAAC,EAAE,mBAAmB,MACtB,sBACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYG,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,IAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,IAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStC,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
  "names": []
}