@roochnetwork/rooch-sdk-kit/dist/cjs/components/connect-modal/ConnectModal.css.css

Rooch SDK Kit

/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAE61Uy27bMBC8+yt4CZAAZSCnceIol7Y+FWjRAgGaY0CTK4sNRQrkyo8W/veCpGRHEWMbSHWQxCX3MTuzvJwZrYHjdyOYejJLsIptnp42hhfT64z8HREyZ/x5YU2jBeVGGZuTJbPnlApW1/RZIt0fmPl9Rysf7EeMdXHfhhDW1LSQCiERQTUpt9o4idLonBRyDcKbpHaAOcn8/x8qtYB1Tu665360HV32EKFEBR2eccBTMyGkXlAFBeZkWq+HXtxoBI2d39V7+vDTyorZtg/GCrDUMiEbN/D3ZknXitkFhOPpNDwGnxvxZpfmBtFUORnfeHSERKjdyspF+WIppKsV2+SkUBAM/kuFtMBjWG5UU2m/87txKIsNbfuTE1czDnQOuAIIJ7yCCmVWOSmlENFWSU1LiEkn2bIMNrbe2aaTvW0lBZY5uc2yFC+rkuFX9/mRKQX4pUE0uuPo43s4egButOhYagXSdeh1EUsJq5nRyKQG26W/Dul3rdRGQy/UVVbve7uwvkHjYWgHCjiC+JVKMemniGy9juDxxcYM/G+i+ndqYXNnVIOhTjT1vsaolqskA1wZB28kuD2WICnAAceB3G/S4aw/hdMU/kNq7feakAXzIK9jDQNm3j3eh4H0OnWXhnJ8vE4Fe0ItjxJLr7OHVnNdbSyl5O3oUwVCMuK4BdCEaUHO/Vx383ozrdcXwfOEm3SIw5rVfdho442z7CwagnAm3SpKc7dEy7QrjK3y+KsYwjmdZGcfiH+Had4Oajp6iyQGeRjlwDWQoHbof3RST6riyLT8pxvxWN6EuA9wHDbmzEnnx7Edv56CsxcWV1qpn1vbSYUcVnaSnO0/RsymNggJAAA= */
[data-sdk-kit].ConnectModal_overlay__yocf840,
[data-sdk-kit] .ConnectModal_overlay__yocf840 {
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  position: fixed;
  inset: 0;
  z-index: 999999999;
}
[data-sdk-kit].ConnectModal_title__yocf841,
[data-sdk-kit] .ConnectModal_title__yocf841 {
  padding-left: 8px;
}
[data-sdk-kit].ConnectModal_content__yocf842,
[data-sdk-kit] .ConnectModal_content__yocf842 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  border-radius: var(--dapp-kit-radii-xlarge);
  color: var(--dapp-kit-colors-body);
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-height: 50vh;
  max-height: 85vh;
  max-width: 700px;
}
[data-sdk-kit].ConnectModal_whatIsAWalletButton__yocf843,
[data-sdk-kit] .ConnectModal_whatIsAWalletButton__yocf843 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-sdk-kit].ConnectModal_viewContainer__yocf844,
[data-sdk-kit] .ConnectModal_viewContainer__yocf844 {
  display: none;
  padding: 20px;
  flex-grow: 1;
}
[data-sdk-kit].ConnectModal_selectedViewContainer__yocf845,
[data-sdk-kit] .ConnectModal_selectedViewContainer__yocf845 {
  display: flex;
}
[data-sdk-kit].ConnectModal_backButtonContainer__yocf846,
[data-sdk-kit] .ConnectModal_backButtonContainer__yocf846 {
  position: absolute;
  top: 20px;
  left: 20px;
}
[data-sdk-kit].ConnectModal_closeButtonContainer__yocf847,
[data-sdk-kit] .ConnectModal_closeButtonContainer__yocf847 {
  position: absolute;
  top: 16px;
  right: 16px;
}
[data-sdk-kit].ConnectModal_walletListContent__yocf848,
[data-sdk-kit] .ConnectModal_walletListContent__yocf848 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-sdk-kit].ConnectModal_walletListContainer__yocf849,
[data-sdk-kit] .ConnectModal_walletListContainer__yocf849 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
[data-sdk-kit].ConnectModal_walletListContainerWithViewSelected__yocf84a,
[data-sdk-kit] .ConnectModal_walletListContainerWithViewSelected__yocf84a {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-sdk-kit].ConnectModal_content__yocf842,
  [data-sdk-kit] .ConnectModal_content__yocf842 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [data-sdk-kit].ConnectModal_whatIsAWalletButton__yocf843,
  [data-sdk-kit] .ConnectModal_whatIsAWalletButton__yocf843 {
    display: none;
  }
  [data-sdk-kit].ConnectModal_viewContainer__yocf844,
  [data-sdk-kit] .ConnectModal_viewContainer__yocf844 {
    display: flex;
  }
  [data-sdk-kit].ConnectModal_backButtonContainer__yocf846,
  [data-sdk-kit] .ConnectModal_backButtonContainer__yocf846 {
    display: none;
  }
  [data-sdk-kit].ConnectModal_walletListContent__yocf848,
  [data-sdk-kit] .ConnectModal_walletListContent__yocf848 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-sdk-kit].ConnectModal_walletListContainer__yocf849,
  [data-sdk-kit] .ConnectModal_walletListContainer__yocf849 {
    flex-direction: row;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-sdk-kit].ConnectModal_walletListContainerWithViewSelected__yocf84a,
  [data-sdk-kit] .ConnectModal_walletListContainerWithViewSelected__yocf84a {
    display: flex;
  }
}
/*# sourceMappingURL=ConnectModal.css.css.map */