@roochnetwork/rooch-sdk-kit
Version:
Rooch SDK Kit
586 lines (571 loc) • 29.7 kB
CSS
/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzF2NThrMXQxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzF2NThrMXQyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xdjU4azF0MyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xdjU4azF0NCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMXY1OGsxdDUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMXY1OGsxdDYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMXY1OGsxdDcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
[data-sdk-kit].Heading_headingVariants_size_sm__1v58k1t1,
[data-sdk-kit] .Heading_headingVariants_size_sm__1v58k1t1 {
font-size: var(--dapp-kit-fontSizes-small);
}
[data-sdk-kit].Heading_headingVariants_size_md__1v58k1t2,
[data-sdk-kit] .Heading_headingVariants_size_md__1v58k1t2 {
font-size: var(--dapp-kit-fontSizes-medium);
}
[data-sdk-kit].Heading_headingVariants_size_lg__1v58k1t3,
[data-sdk-kit] .Heading_headingVariants_size_lg__1v58k1t3 {
font-size: var(--dapp-kit-fontSizes-large);
}
[data-sdk-kit].Heading_headingVariants_size_xl__1v58k1t4,
[data-sdk-kit] .Heading_headingVariants_size_xl__1v58k1t4 {
font-size: var(--dapp-kit-fontSizes-xlarge);
}
[data-sdk-kit].Heading_headingVariants_weight_normal__1v58k1t5,
[data-sdk-kit] .Heading_headingVariants_weight_normal__1v58k1t5 {
font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-sdk-kit].Heading_headingVariants_weight_bold__1v58k1t6,
[data-sdk-kit] .Heading_headingVariants_weight_bold__1v58k1t6 {
font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-sdk-kit].Heading_headingVariants_truncate_true__1v58k1t7,
[data-sdk-kit] .Heading_headingVariants_truncate_true__1v58k1t7 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX181enI0ZmcwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfXzV6cjRmZzA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
[data-sdk-kit].IconButton_container__5zr4fg0,
[data-sdk-kit] .IconButton_container__5zr4fg0 {
border-radius: 9999px;
padding: 8px;
color: var(--dapp-kit-colors-iconButton);
background-color: var(--dapp-kit-backgroundColors-iconButton);
}
[data-sdk-kit].IconButton_container__5zr4fg0:hover,
[data-sdk-kit] .IconButton_container__5zr4fg0:hover {
background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
}
/* 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;
}
}
/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62Tz07DMAzG730KH9kh0zoGQukNLjwBHKu0yVqzNImStGtBe3eUduo2xv4JTo382f59dtLpc+29VmnWf96YRaa8S9O44WU1L2bwFQFwdEayjgIqiUqQpRRtEgEwiYUi6EXlKORCeWFD+KN2HpcdybXyQvl9aamVJ2uBRekpNMzeEcKZMWSFngTtvZccqQTHupok0SaaXnBIOTqWScF7q9qwHH1HYTZ9OFPdDIfUWKyY7cZucd8kY/mqsLpWnORaantkdZfwEnRHtn0G2CRM+nthfio90y1xJeN6fVQzhI+Lbh+OlroR9j9GfA2NrvGgax+ezOhhPtC15cKSNXJfUohNm+yCzndSUHBaIt8Ln3DZi1uHW9a1l/Az/fZZ/rTPA/zFfTr8FGnFR/b9/h4t41i7I2QI4+5XAjCMc1QFhSfTQvwY1n4eKIsRuLgaKJktxCEvsGC+MC0k0eYbV65R2HMEAAA= */
[data-sdk-kit].Button_buttonVariants__1vdhm2g0,
[data-sdk-kit] .Button_buttonVariants__1vdhm2g0 {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-sdk-kit].Button_buttonVariants__1vdhm2g0:disabled,
[data-sdk-kit] .Button_buttonVariants__1vdhm2g0:disabled {
opacity: 0.5;
}
[data-sdk-kit].Button_buttonVariants_variant_primary__1vdhm2g1,
[data-sdk-kit] .Button_buttonVariants_variant_primary__1vdhm2g1 {
background-color: var(--dapp-kit-backgroundColors-primaryButton);
color: var(--dapp-kit-colors-primaryButton);
box-shadow: var(--dapp-kit-shadows-primaryButton);
}
[data-sdk-kit].Button_buttonVariants_variant_primary__1vdhm2g1:hover,
[data-sdk-kit] .Button_buttonVariants_variant_primary__1vdhm2g1:hover {
background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
}
[data-sdk-kit].Button_buttonVariants_variant_outline__1vdhm2g2,
[data-sdk-kit] .Button_buttonVariants_variant_outline__1vdhm2g2 {
border-width: 1px;
border-style: solid;
border-color: var(--dapp-kit-borderColors-outlineButton);
color: var(--dapp-kit-colors-outlineButton);
}
[data-sdk-kit].Button_buttonVariants_variant_outline__1vdhm2g2:hover,
[data-sdk-kit] .Button_buttonVariants_variant_outline__1vdhm2g2:hover {
background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
}
[data-sdk-kit].Button_buttonVariants_size_md__1vdhm2g3,
[data-sdk-kit] .Button_buttonVariants_size_md__1vdhm2g3 {
border-radius: var(--dapp-kit-radii-medium);
padding: 8px 16px;
}
[data-sdk-kit].Button_buttonVariants_size_lg__1vdhm2g4,
[data-sdk-kit] .Button_buttonVariants_size_lg__1vdhm2g4 {
border-radius: var(--dapp-kit-radii-large);
padding: 16px 24px;
}
/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzF1dGc0d2oxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9ub3JtYWxfXzF1dGc0d2oyIHsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X21lZGl1bV9fMXV0ZzR3ajMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMXV0ZzR3ajQgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfY29sb3JfbXV0ZWRfXzF1dGc0d2o1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlNdXRlZCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX2Rhbmdlcl9fMXV0ZzR3ajYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX2NvbG9yX3dhcm5pbmdfXzF1dGc0d2o3IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHlXYXJuaW5nKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfbW9ub190cnVlX18xdXRnNHdqOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
[data-sdk-kit].Text_textVariants_size_sm__1utg4wj1,
[data-sdk-kit] .Text_textVariants_size_sm__1utg4wj1 {
font-size: var(--dapp-kit-fontSizes-small);
}
[data-sdk-kit].Text_textVariants_weight_normal__1utg4wj2,
[data-sdk-kit] .Text_textVariants_weight_normal__1utg4wj2 {
font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-sdk-kit].Text_textVariants_weight_medium__1utg4wj3,
[data-sdk-kit] .Text_textVariants_weight_medium__1utg4wj3 {
font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-sdk-kit].Text_textVariants_weight_bold__1utg4wj4,
[data-sdk-kit] .Text_textVariants_weight_bold__1utg4wj4 {
font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-sdk-kit].Text_textVariants_color_muted__1utg4wj5,
[data-sdk-kit] .Text_textVariants_color_muted__1utg4wj5 {
color: var(--dapp-kit-colors-bodyMuted);
}
[data-sdk-kit].Text_textVariants_color_danger__1utg4wj6,
[data-sdk-kit] .Text_textVariants_color_danger__1utg4wj6 {
color: var(--dapp-kit-colors-bodyDanger);
}
[data-sdk-kit].Text_textVariants_color_warning__1utg4wj7,
[data-sdk-kit] .Text_textVariants_color_warning__1utg4wj7 {
color: var(--dapp-kit-colors-bodyWarning);
}
[data-sdk-kit].Text_textVariants_mono_true__1utg4wj8,
[data-sdk-kit] .Text_textVariants_mono_true__1utg4wj8 {
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=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19sMjQ2YTYwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19sMjQ2YTYxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19sMjQ2YTYyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX2wyNDZhNjMgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGhlaWdodDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fbDI0NmE2NCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */
[data-sdk-kit].ConnectionStatus_container__l246a60,
[data-sdk-kit] .ConnectionStatus_container__l246a60 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
[data-sdk-kit].ConnectionStatus_walletIcon__l246a61,
[data-sdk-kit] .ConnectionStatus_walletIcon__l246a61 {
-o-object-fit: cover;
object-fit: cover;
width: 72px;
height: 72px;
border-radius: var(--dapp-kit-radii-large);
}
[data-sdk-kit].ConnectionStatus_title__l246a62,
[data-sdk-kit] .ConnectionStatus_title__l246a62 {
margin-top: 12px;
}
[data-sdk-kit].ConnectionStatus_connectionStatus__l246a63,
[data-sdk-kit] .ConnectionStatus_connectionStatus__l246a63 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
[data-sdk-kit].ConnectionStatus_retryButtonContainer__l246a64,
[data-sdk-kit] .ConnectionStatus_retryButtonContainer__l246a64 {
position: absolute;
bottom: 20px;
right: 20px;
}
/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXR5eG1odTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
[data-sdk-kit].InfoSection_container__1tyxmhu0,
[data-sdk-kit] .InfoSection_container__1tyxmhu0 {
display: flex;
flex-direction: column;
gap: 4px;
}
/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xOHgzNzF4MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMTh4MzcxeDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
[data-sdk-kit].WhatIsAWallet_container__18x371x0,
[data-sdk-kit] .WhatIsAWallet_container__18x371x0 {
display: flex;
flex-direction: column;
align-items: center;
}
[data-sdk-kit].WhatIsAWallet_content__18x371x1,
[data-sdk-kit] .WhatIsAWallet_content__18x371x1 {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
gap: 20px;
padding: 40px;
}
/* vanilla-extract-css-ns:src/components/connect-modal/views/InstallStatus.css.ts.vanilla.css?source=Lkluc3RhbGxTdGF0dXNfY29udGFpbmVyX18xaGx3c2NvMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7Cn0KLkluc3RhbGxTdGF0dXNfd2FsbGV0SWNvbl9fMWhsd3NjbzEgewogIG9iamVjdC1maXQ6IGNvdmVyOwogIHdpZHRoOiA3MnB4OwogIGhlaWdodDogNzJweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLkluc3RhbGxTdGF0dXNfdGl0bGVfXzFobHdzY28yIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5JbnN0YWxsU3RhdHVzX2luc3RhbGxTdGF0dXNfXzFobHdzY28zIHsKICBtYXJnaW4tdG9wOiA0cHg7Cn0KLkluc3RhbGxTdGF0dXNfaW5zdGFsbEJ1dHRvbkNvbnRhaW5lcl9fMWhsd3NjbzQgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
[data-sdk-kit].InstallStatus_container__1hlwsco0,
[data-sdk-kit] .InstallStatus_container__1hlwsco0 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
[data-sdk-kit].InstallStatus_walletIcon__1hlwsco1,
[data-sdk-kit] .InstallStatus_walletIcon__1hlwsco1 {
-o-object-fit: cover;
object-fit: cover;
width: 72px;
height: 72px;
border-radius: var(--dapp-kit-radii-large);
}
[data-sdk-kit].InstallStatus_title__1hlwsco2,
[data-sdk-kit] .InstallStatus_title__1hlwsco2 {
margin-top: 12px;
}
[data-sdk-kit].InstallStatus_installStatus__1hlwsco3,
[data-sdk-kit] .InstallStatus_installStatus__1hlwsco3 {
margin-top: 4px;
}
[data-sdk-kit].InstallStatus_installButtonContainer__1hlwsco4,
[data-sdk-kit] .InstallStatus_installButtonContainer__1hlwsco4 {
position: absolute;
bottom: 20px;
right: 20px;
}
/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xd2FjMWRwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
[data-sdk-kit].WalletList_container__1wac1dp0,
[data-sdk-kit] .WalletList_container__1wac1dp0 {
display: flex;
flex-direction: column;
gap: 4px;
}
/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6VUwU4bMRC95yvmUilIdbQJBKi5tGoPRWpPHFBP0WQ960zjtS17AqEV/16tQ0gaFhqp0h48Y8/b5+c383FJD03CljLconMk3zjLtVA7y5H9J88tCgc/m435lC7q6hJ+DwCaFNqyAJCEPjchtRpSEBQaVobsydUA4HEAIOHVc6fneycfB6OD/9fBC7Kn9PzvqkAZztHhg4bG0fqqp/C+hGW5rRz3VQKgY+sVC7VZQ01eKHXpblvZFO41jLs4ojHsrYbxJJY6i3EXzEMylFRCw6us4Q7TUCmDMaolS0mzcpgslZsWGbiTVAM6B9VokoEwU7dZr1IOSUMMvOFy3OX0ItxRKlecY720Kay8UXVwHdYBn92Bz91+VjvArx3KjuTmrcrSodCPoRrH9Ukfp0yOaiFz+5Lb5L9Z3TyBn2y0Xqu8QNM9TRXXMIlrOI9rSHaOw+o9PH2jatpL9Am13vPzaSF4z0YWGiaXmyddENuF7OJiiLxI7Jcaqi4T5j+pFtWwaKg73Y51Qm7RuTfI3QjKKj/TOyv0WkyWvXLUiAZcSSikgheV+RdpqEaXF9NEbfFQr8D1RtZ5MA/fV1s1j+2HYvez2Nts7LN0GXNAfFqI/5NMrxI+yPUrsOfHwd5i8uxtL7ohoVrY2wPoi+Ogv6C3pU1eIruA3Zy4iez3x9aHfYttp8bWYn9PEV0cnYNj87Zoz2aTELc9VVo1YiIvPW6cVu/KE28nuj523o8zOPaECdg37FnoavD4B6qMs583BgAA */
@keyframes WalletListItem_spinAnimation__1i3e7c08 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
[data-sdk-kit].WalletListItem_container__1i3e7c00,
[data-sdk-kit] .WalletListItem_container__1i3e7c00 {
display: flex;
}
[data-sdk-kit].WalletListItem_walletItem__1i3e7c01,
[data-sdk-kit] .WalletListItem_walletItem__1i3e7c01 {
display: flex;
align-items: center;
flex-grow: 1;
padding: 12px;
gap: 12px;
border-radius: var(--dapp-kit-radii-large);
transition: all 0.2s ease;
cursor: pointer;
}
[data-sdk-kit].WalletListItem_walletItem__1i3e7c01:hover,
[data-sdk-kit] .WalletListItem_walletItem__1i3e7c01:hover {
background-color: var(--dapp-kit-backgroundColors-walletItemHover);
transform: translateY(-1px);
}
[data-sdk-kit].WalletListItem_selectedWalletItem__1i3e7c02,
[data-sdk-kit] .WalletListItem_selectedWalletItem__1i3e7c02 {
background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}
[data-sdk-kit].WalletListItem_walletIcon__1i3e7c03,
[data-sdk-kit] .WalletListItem_walletIcon__1i3e7c03 {
width: 28px;
height: 28px;
flex-shrink: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: var(--dapp-kit-radii-small);
}
[data-sdk-kit].WalletListItem_walletStatus__1i3e7c04,
[data-sdk-kit] .WalletListItem_walletStatus__1i3e7c04 {
margin-left: auto;
font-size: 0.875rem;
color: var(--dapp-kit-colors-bodyMuted);
display: flex;
align-items: center;
gap: 4px;
}
[data-sdk-kit].WalletListItem_installedStatus__1i3e7c05,
[data-sdk-kit] .WalletListItem_installedStatus__1i3e7c05 {
color: var(--dapp-kit-colors-body);
}
[data-sdk-kit].WalletListItem_notInstalledStatus__1i3e7c06,
[data-sdk-kit] .WalletListItem_notInstalledStatus__1i3e7c06 {
color: var(--dapp-kit-colors-bodyWarning);
}
[data-sdk-kit].WalletListItem_detectingStatus__1i3e7c07,
[data-sdk-kit] .WalletListItem_detectingStatus__1i3e7c07 {
color: var(--dapp-kit-colors-bodyDanger);
}
[data-sdk-kit].WalletListItem_loadingSpinner__1i3e7c09,
[data-sdk-kit] .WalletListItem_loadingSpinner__1i3e7c09 {
width: 12px;
height: 12px;
border: 2px solid var(--dapp-kit-colors-body);
border-top-color: transparent;
border-radius: 50%;
animation: WalletListItem_spinAnimation__1i3e7c08 1s linear infinite;
}
/* vanilla-extract-css-ns:src/components/ui/Modal.css.ts.vanilla.css?source=Lk1vZGFsX292ZXJsYXlfXzFjNXoxN2YwIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsT3ZlcmxheSk7CiAgYmFja2Ryb3AtZmlsdGVyOiB2YXIoLS1kYXBwLWtpdC1ibHVycy1tb2RhbE92ZXJsYXkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBpbnNldDogMDsKICB6LWluZGV4OiA5OTk5OTk5OTk7Cn0KLk1vZGFsX2NvbnRlbnRfXzFjNXoxN2YxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLW1vZGFsUHJpbWFyeSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWkteGxhcmdlKTsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwogIHBvc2l0aW9uOiBmaXhlZDsKICBib3R0b206IDE2cHg7CiAgbGVmdDogMTZweDsKICByaWdodDogMTZweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIG92ZXJmbG93OiBoaWRkZW47CiAgbWluLWhlaWdodDogNTB2aDsKICBtYXgtaGVpZ2h0OiA4NXZoOwogIG1heC13aWR0aDogNzAwcHg7Cn0KLk1vZGFsX2Nsb3NlQnV0dG9uQ29udGFpbmVyX18xYzV6MTdmMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHRvcDogMTZweDsKICByaWdodDogMTZweDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5Nb2RhbF9jb250ZW50X18xYzV6MTdmMSB7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgd2lkdGg6IDEwMCU7CiAgICB0b3A6IDUwJTsKICAgIGxlZnQ6IDUwJTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpOwogIH0KfQ== */
[data-sdk-kit].Modal_overlay__1c5z17f0,
[data-sdk-kit] .Modal_overlay__1c5z17f0 {
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].Modal_content__1c5z17f1,
[data-sdk-kit] .Modal_content__1c5z17f1 {
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].Modal_closeButtonContainer__1c5z17f2,
[data-sdk-kit] .Modal_closeButtonContainer__1c5z17f2 {
position: absolute;
top: 16px;
right: 16px;
}
@media screen and (min-width: 768px) {
[data-sdk-kit].Modal_content__1c5z17f1,
[data-sdk-kit] .Modal_content__1c5z17f1 {
flex-direction: row;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
[data-sdk-kit]:where(*),
[data-sdk-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-sdk-kit]:where(button),
[data-sdk-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-sdk-kit]:where(a),
[data-sdk-kit] :where(a) {
text-decoration: none;
color: inherit;
outline: none;
}
[data-sdk-kit]:where(ol, ul),
[data-sdk-kit] :where(ol, ul) {
list-style: none;
margin: 0;
padding: 0;
}
[data-sdk-kit]:where(h1, h2, h3, h4, h5, h6),
[data-sdk-kit] :where(h1, h2, h3, h4, h5, h6) {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
/* vanilla-extract-css-ns:src/components/fauct-modal/views/FaucetView.css.ts.vanilla.css?source=LkZhdWNldFZpZXdfY29udGFpbmVyX18xZmY2MnkwMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7CiAgbWFyZ2luLXRvcDogMTZweDsKfQouRmF1Y2V0Vmlld19jb250ZW50X18xZmY2MnkwMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIGdhcDogMjBweDsKICBwYWRkaW5nOiA0MHB4Owp9Ci5GYXVjZXRWaWV3X2NyZWF0ZUJ1dHRvbkNvbnRhaW5lcl9fMWZmNjJ5MDIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0KLkZhdWNldFZpZXdfcHJvZ3Jlc3NCYXJfXzFmZjYyeTAzIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiAwOwogIGxlZnQ6IDEwcHg7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLXByaW1hcnlCdXR0b24pOwogIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZTsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0= */
[data-sdk-kit].FaucetView_container__1ff62y00,
[data-sdk-kit] .FaucetView_container__1ff62y00 {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 16px;
}
[data-sdk-kit].FaucetView_content__1ff62y01,
[data-sdk-kit] .FaucetView_content__1ff62y01 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
gap: 20px;
padding: 40px;
}
[data-sdk-kit].FaucetView_createButtonContainer__1ff62y02,
[data-sdk-kit] .FaucetView_createButtonContainer__1ff62y02 {
position: absolute;
bottom: 20px;
right: 20px;
}
[data-sdk-kit].FaucetView_progressBar__1ff62y03,
[data-sdk-kit] .FaucetView_progressBar__1ff62y03 {
position: absolute;
bottom: 0;
left: 10px;
height: 1px;
background-color: var(--dapp-kit-colors-primaryButton);
transition: width 0.2s ease;
border-radius: 8px;
}
/* vanilla-extract-css-ns:src/components/switch-network-modal/views/SwitchNetworkView.css.ts.vanilla.css?source=LlN3aXRjaE5ldHdvcmtWaWV3X2NvbnRhaW5lcl9fZTRheXF5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgd2lkdGg6IDEwMCU7Cn0KLlN3aXRjaE5ldHdvcmtWaWV3X3dhbGxldEljb25fX2U0YXlxeTEgewogIG9iamVjdC1maXQ6IGNvdmVyOwogIHdpZHRoOiA3MnB4OwogIGhlaWdodDogNzJweDsKICBtYXJnaW4tdG9wOiAyMnB4OwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLWxhcmdlKTsKfQouU3dpdGNoTmV0d29ya1ZpZXdfdGl0bGVfX2U0YXlxeTIgewogIG1hcmdpbi10b3A6IDEycHg7Cn0KLlN3aXRjaE5ldHdvcmtWaWV3X2Nvbm5lY3Rpb25TdGF0dXNfX2U0YXlxeTMgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGhlaWdodDogMTAwJTsKfQouU3dpdGNoTmV0d29ya1ZpZXdfcmV0cnlCdXR0b25Db250YWluZXJfX2U0YXlxeTQgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
[data-sdk-kit].SwitchNetworkView_container__e4ayqy0,
[data-sdk-kit] .SwitchNetworkView_container__e4ayqy0 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
[data-sdk-kit].SwitchNetworkView_walletIcon__e4ayqy1,
[data-sdk-kit] .SwitchNetworkView_walletIcon__e4ayqy1 {
-o-object-fit: cover;
object-fit: cover;
width: 72px;
height: 72px;
margin-top: 22px;
border-radius: var(--dapp-kit-radii-large);
}
[data-sdk-kit].SwitchNetworkView_title__e4ayqy2,
[data-sdk-kit] .SwitchNetworkView_title__e4ayqy2 {
margin-top: 12px;
}
[data-sdk-kit].SwitchNetworkView_connectionStatus__e4ayqy3,
[data-sdk-kit] .SwitchNetworkView_connectionStatus__e4ayqy3 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
[data-sdk-kit].SwitchNetworkView_retryButtonContainer__e4ayqy4,
[data-sdk-kit] .SwitchNetworkView_retryButtonContainer__e4ayqy4 {
position: absolute;
bottom: 20px;
right: 20px;
}
/*# sourceMappingURL=SessionKeyGuard.css.map */