/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UUU/bMBB+76/wCxJIM0oZhRJetvVp0qZNQhqPyI0vzYFjR/alLZv63yfHaUqJaSpBH9L4HH939933+XxmtIaMfhop1INZglXi+eFhfF2qx1Ik7N+IsbnInhbW1FryzChjU7YU9pRzKaqKPyHx3Qczv+946dF+BbCz2xZCWlPxHBVBBEHVsWOVcUhodMpyXIP0IdQOKGWJf//LUUtYp+xm+7sdbUbney0RkoKuoXHTUCWkRL3gCnJK2bRa949lRhNo6g5evIeJ3xZLYVsmjJVguRUSa9c778PI10rYBTSfx9NkAXxu5Js8zQ2RKVM2vvLtMRZ63a4sLooXS4muUuI5ZbmCJuD/uUQLWYDNjKpL7Xcea0eYP/OWoJS5SmTA50ArgOYLL6JcmVXKCpQyxErUvICQdJIsiyYm1l1sOtnFViipSNl1ksQGsyoEfXdf74VSQN9qIqO7IX1+z5DuIDNabsfUSmRL0esqlgirmdEkUIPt8l82+TsytdGwh3WRVDt2F9ZTNO5jO1CQEcg/0RyT/RxhYK8hfIeBmz7AVbBApxgxd0bV1FRKptpVGRRzEZ1CpoyDtzJcD2WIqrA36GbCP9DR7JUXpzEKDml2n2/GFsK3eRmK6E3n3SY/3Mk+VzfxXoZddmy3RxRzj1R4sd21wuuKEzE9b0ZfSpAomMssgGZCS3bq/b317dW0Wp81J4+5UvudWLO6bTZawHGSnIRAI57JdhX02S3JCu1yY8s0vCpBcMonyckn5p+Nqze9ooavk4ih+zCH7oPIePsAw449qo4h03zQ7TiUOKbxA4NuNubCofO2bG24J+TkRcQVFvVTGzuqkgGBRwe0+Q9KhsMxGgkAAA== */
[data-dapp-kit].ConnectModal_overlay__17mljma0,
[data-dapp-kit] .ConnectModal_overlay__17mljma0 {
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  position: fixed;
  inset: 0;
  z-index: 999999999;
}
[data-dapp-kit].ConnectModal_title__17mljma1,
[data-dapp-kit] .ConnectModal_title__17mljma1 {
  padding-left: 8px;
}
[data-dapp-kit].ConnectModal_content__17mljma2,
[data-dapp-kit] .ConnectModal_content__17mljma2 {
  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__17mljma3,
[data-dapp-kit] .ConnectModal_whatIsAWalletButton__17mljma3 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-dapp-kit].ConnectModal_viewContainer__17mljma4,
[data-dapp-kit] .ConnectModal_viewContainer__17mljma4 {
  display: none;
  padding: 20px;
  flex-grow: 1;
}
[data-dapp-kit].ConnectModal_selectedViewContainer__17mljma5,
[data-dapp-kit] .ConnectModal_selectedViewContainer__17mljma5 {
  display: flex;
}
[data-dapp-kit].ConnectModal_backButtonContainer__17mljma6,
[data-dapp-kit] .ConnectModal_backButtonContainer__17mljma6 {
  position: absolute;
  top: 20px;
  left: 20px;
}
[data-dapp-kit].ConnectModal_closeButtonContainer__17mljma7,
[data-dapp-kit] .ConnectModal_closeButtonContainer__17mljma7 {
  position: absolute;
  top: 16px;
  right: 16px;
}
[data-dapp-kit].ConnectModal_walletListContent__17mljma8,
[data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
}
[data-dapp-kit].ConnectModal_walletListContainer__17mljma9,
[data-dapp-kit] .ConnectModal_walletListContainer__17mljma9 {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}
[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__17mljmaa,
[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__17mljmaa {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-dapp-kit].ConnectModal_content__17mljma2,
  [data-dapp-kit] .ConnectModal_content__17mljma2 {
    flex-direction: row;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [data-dapp-kit].ConnectModal_whatIsAWalletButton__17mljma3,
  [data-dapp-kit] .ConnectModal_whatIsAWalletButton__17mljma3 {
    display: none;
  }
  [data-dapp-kit].ConnectModal_viewContainer__17mljma4,
  [data-dapp-kit] .ConnectModal_viewContainer__17mljma4 {
    display: flex;
  }
  [data-dapp-kit].ConnectModal_backButtonContainer__17mljma6,
  [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma6 {
    display: none;
  }
  [data-dapp-kit].ConnectModal_walletListContent__17mljma8,
  [data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-dapp-kit].ConnectModal_walletListContainer__17mljma9,
  [data-dapp-kit] .ConnectModal_walletListContainer__17mljma9 {
    flex-direction: row;
    flex-basis: 240px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__17mljmaa,
  [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__17mljmaa {
    display: flex;
  }
}
/*# sourceMappingURL=ConnectModal.css.css.map */
