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

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

/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
[data-dapp-kit]:where(*),
[data-dapp-kit] :where(*) {
  box-sizing: border-box;
  color: var(--dapp-kit-colors-body);
  font-family: var(--dapp-kit-typography-fontFamily);
  font-size: var(--dapp-kit-fontWeights-normal);
  font-style: var(--dapp-kit-typography-fontStyle);
  font-weight: var(--dapp-kit-fontWeights-normal);
  line-height: var(--dapp-kit-typography-lineHeight);
  letter-spacing: var(--dapp-kit-typography-letterSpacing);
}
[data-dapp-kit]:where(button),
[data-dapp-kit] :where(button) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  border: 0;
  padding: 0;
  margin: 0;
}
[data-dapp-kit]:where(a),
[data-dapp-kit] :where(a) {
  text-decoration: none;
  color: inherit;
  outline: none;
}
[data-dapp-kit]:where(ol, ul),
[data-dapp-kit] :where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6),
[data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
[data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1,
[data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-dapp-kit].Heading_headingVariants_size_md__1aa835k2,
[data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2 {
  font-size: var(--dapp-kit-fontSizes-medium);
}
[data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3,
[data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3 {
  font-size: var(--dapp-kit-fontSizes-large);
}
[data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4,
[data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4 {
  font-size: var(--dapp-kit-fontSizes-xlarge);
}
[data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5,
[data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6,
[data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7,
[data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19zNm43YnEwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX3M2bjdicTA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
[data-dapp-kit].IconButton_container__s6n7bq0,
[data-dapp-kit] .IconButton_container__s6n7bq0 {
  border-radius: 9999px;
  padding: 8px;
  color: var(--dapp-kit-colors-iconButton);
  background-color: var(--dapp-kit-backgroundColors-iconButton);
}
[data-dapp-kit].IconButton_container__s6n7bq0:hover,
[data-dapp-kit] .IconButton_container__s6n7bq0:hover {
  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
}

/* 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;
  }
}

/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohDEV0mPSmF59Aj520Ce1KmsQkhVaHd3fS0gGsIoyemtl/d79/N+n0ofZeqzTrPs/MIlPepWkTu2X8NoOPCICjM5K1FFBJVIKspGiSCIBJLBRBLypHIRfKCxvCr7XzuGpJrpUXyh9LK6082QosSk9hw+wNIZwZQ9boSdBeOsmRSnCsq0kS7aLpeYOUo2OZFLxzqg3L0bcUZtO7M8Wb/pAaixWz7dAs7npkLF8XVteKk1xLbUdGDwmPQXdk36ZnTcKc3xfmP6VnuiGuZFxvRzV9eFx09Wy01Bth/2PCp9DoEgu69uG9DBbmPVxbLizZIvclhdg0ySHofCsFBacl8qPwDyY7cW9wj7r0Cr6mXz3Kn7Z5Qv91mw7fRVrxAX17vEXLONZuRAxhPPxEAIZxjqqgsDQNxPdh6ed5shh4i4t5ktlCnOICCuYL00AS7T4BZ4uE22sEAAA= */
[data-dapp-kit].Button_buttonVariants__x1s81q0,
[data-dapp-kit] .Button_buttonVariants__x1s81q0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-dapp-kit].Button_buttonVariants__x1s81q0:disabled,
[data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled {
  opacity: 0.5;
}
[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1,
[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1 {
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
  color: var(--dapp-kit-colors-primaryButton);
  box-shadow: var(--dapp-kit-shadows-primaryButton);
}
[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover,
[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover {
  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
}
[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2,
[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2 {
  border-width: 1px;
  border-style: solid;
  border-color: var(--dapp-kit-borderColors-outlineButton);
  color: var(--dapp-kit-colors-outlineButton);
}
[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover,
[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover {
  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
}
[data-dapp-kit].Button_buttonVariants_size_md__x1s81q3,
[data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3 {
  border-radius: var(--dapp-kit-radii-medium);
  padding: 8px 16px;
}
[data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4,
[data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4 {
  border-radius: var(--dapp-kit-radii-large);
  padding: 16px 24px;
}

/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzJidjF1cjEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMmJ2MXVyMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fXzJidjF1cjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMmJ2MXVyNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fMmJ2MXVyNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfXzJidjF1cjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMmJ2MXVyNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
[data-dapp-kit].Text_textVariants_size_sm__2bv1ur1,
[data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2,
[data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3,
[data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3 {
  font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4,
[data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-dapp-kit].Text_textVariants_color_muted__2bv1ur5,
[data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5 {
  color: var(--dapp-kit-colors-bodyMuted);
}
[data-dapp-kit].Text_textVariants_color_danger__2bv1ur6,
[data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6 {
  color: var(--dapp-kit-colors-bodyDanger);
}
[data-dapp-kit].Text_textVariants_mono_true__2bv1ur7,
[data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7 {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}

/* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fbmNrbTJkNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */
[data-dapp-kit].ConnectionStatus_container__nckm2d0,
[data-dapp-kit] .ConnectionStatus_container__nckm2d0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
[data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1,
[data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1 {
  -o-object-fit: cover;
  object-fit: cover;
  width: 72px;
  height: 72px;
  border-radius: var(--dapp-kit-radii-large);
}
[data-dapp-kit].ConnectionStatus_title__nckm2d2,
[data-dapp-kit] .ConnectionStatus_title__nckm2d2 {
  margin-top: 12px;
}
[data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3,
[data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3 {
  margin-top: 4px;
}
[data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4,
[data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
[data-dapp-kit].InfoSection_container__1wtioi70,
[data-dapp-kit] .InfoSection_container__1wtioi70 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQouR2V0dGluZ1N0YXJ0ZWRfaW5zdGFsbEJ1dHRvbkNvbnRhaW5lcl9fMWZwMDdlMTIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
[data-dapp-kit].GettingStarted_container__1fp07e10,
[data-dapp-kit] .GettingStarted_container__1fp07e10 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-dapp-kit].GettingStarted_content__1fp07e11,
[data-dapp-kit] .GettingStarted_content__1fp07e11 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  gap: 20px;
  padding: 40px;
}
[data-dapp-kit].GettingStarted_installButtonContainer__1fp07e12,
[data-dapp-kit] .GettingStarted_installButtonContainer__1fp07e12 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
[data-dapp-kit].WhatIsAWallet_container__1ktpkq90,
[data-dapp-kit] .WhatIsAWallet_container__1ktpkq90 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-dapp-kit].WhatIsAWallet_content__1ktpkq91,
[data-dapp-kit] .WhatIsAWallet_content__1ktpkq91 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  gap: 20px;
  padding: 40px;
}

/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
[data-dapp-kit].WalletList_container__1v2s6cz0,
[data-dapp-kit] .WalletList_container__1v2s6cz0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMWRxcXRxczIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xZHFxdHFzMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
[data-dapp-kit].WalletListItem_container__1dqqtqs0,
[data-dapp-kit] .WalletListItem_container__1dqqtqs0 {
  display: flex;
}
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1,
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1 {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 8px;
  gap: 8px;
  border-radius: var(--dapp-kit-radii-large);
}
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover,
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover {
  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
}
[data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2,
[data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2 {
  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
[data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3,
[data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--dapp-kit-radii-small);
}
/*# sourceMappingURL=ConnectModal.css.map */