@mysten/dapp-kit/dist/esm/components/connect-modal/ConnectModal.css.css

A collection of React hooks and components for interacting with the Sui blockchain and wallets.

/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UTW8aMRC98yt8iUSkOlrSkJDNpS2nSq1aKVJzjMx6dteN117Zs0BS8d8rfwAh6wAS4QB4vPNm5s17ezHVSkGBPzVn8lHPwUj2/PhYvUxebjPyb0DIjBVPldGd4rTQUpuczJkZUspZ29IngXT7wNTdW9o4rF8B6vwuQnCjW1oKiZBAkF0qrdVWoNAqJ6VYAnchoSxgTjL3/4UKxWGZk9v1526wGlzsDIQCJcRxRn6clnEuVEUllJiTSbvsJxVaISiMaZensPDbiIaZyII2HAw1jIvO9vJdWNClZKYC/3i6TBHAZ5q/y9FMI+omJ6NrNxwhYdL1yYiqfnXkwraSPeeklOAD7pdyYaAIsIWWXaPczd/OoiifaaQnJ7ZlBdAZ4ALAP+HkU0q9yEktOA+xRihaQyg6zua1j7HlJjYZb2MLwbHOyU2WpdayqBl+t18fmJSA3zpEreKKPp+yonsotOLrJUV5rAl628NcwGKqFTKhwMTqV776hkilFewgXWbtltnKOHpGfWQLEgoE/idRYbxbIazqLYCbLrDyNv06CH+jFDazWnbou0TdbjsMSrlMsl9IbSGNf3MIP6m93nr9Xn8Ii9Md/01Sw+/T6S7PhFTMjXgVWuht5WRj75/jNU+36UkO++rYWY9o5UFg7SR2H+UWW2MpDa8GXxrgghFbGABFmOJk6Py89un1pF2e+8zDL9D+FEYv7vxFhBtl2VkIeNGM16egys0RDVO21KbJw1/JEIZ0nJ19Iu7bu3jVa+nQyyNh4D7I++5PrLWffsihR/Ww3yYf9BY8VLav6j3r9RczZoV1Noy225Fu9ipiayPUU4wd1cdeSScXs/oP5e4DaPYIAAA= */
[data-dapp-kit].ConnectModal_overlay__gz8z90,
[data-dapp-kit] .ConnectModal_overlay__gz8z90 {
  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-dapp-kit].ConnectModal_title__gz8z91,
[data-dapp-kit] .ConnectModal_title__gz8z91 {
  padding-left: 8px;
}
[data-dapp-kit].ConnectModal_content__gz8z92,
[data-dapp-kit] .ConnectModal_content__gz8z92 {
  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-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-dapp-kit].ConnectModal_viewContainer__gz8z94,
[data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
  display: none;
  padding: 20px;
  flex-grow: 1;
}
[data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95,
[data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95 {
  display: flex;
}
[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
  position: absolute;
  top: 20px;
  left: 20px;
}
[data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97,
[data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97 {
  position: absolute;
  top: 16px;
  right: 16px;
}
[data-dapp-kit].ConnectModal_walletListContent__gz8z98,
[data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-dapp-kit].ConnectModal_content__gz8z92,
  [data-dapp-kit] .ConnectModal_content__gz8z92 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
  [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
    display: none;
  }
  [data-dapp-kit].ConnectModal_viewContainer__gz8z94,
  [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
    display: flex;
  }
  [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
  [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
    display: none;
  }
  [data-dapp-kit].ConnectModal_walletListContent__gz8z98,
  [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
  [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
    flex-direction: row;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
  [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
    display: flex;
  }
}
/*# sourceMappingURL=ConnectModal.css.css.map */