@iota/dapp-kit 0.1.2 → 0.2.0

package/dist/cjs/components/ConnectButton.css

@@ -1,53 +1,62 @@
-/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA== */
+/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA= */
 [data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
 [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
-  gap: 8px;
+  gap: var(--dapp-kit-spacing-xsmall);
 }
 [data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
 [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
   z-index: 999999999;
 }
-[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
-[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
+[data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2,
+[data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
+[data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
   display: flex;
   flex-direction: column;
   width: 180px;
   max-height: 200px;
-  margin-top: 4px;
-  padding: 8px;
-  gap: 8px;
+  margin-top: var(--dapp-kit-spacing-xsmall);
+  gap: var(--dapp-kit-spacing-xxsmall);
   border-radius: var(--dapp-kit-radii-large);
   background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
+  padding: var(--dapp-kit-spacing-xxsmall);
 }
-[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
-[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
-  padding: 8px;
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   outline: none;
   display: flex;
   align-items: center;
-  border-radius: var(--dapp-kit-radii-large);
+  border-radius: var(--dapp-kit-radii-medium);
+  font-size: var(--dapp-kit-fontSizes-medium);
+  font-weight: var(--dapp-kit-fontWeights-normal);
+  letter-spacing: var(--dapp-kit-typography-letterSpacing);
+  line-height: var(--dapp-kit-typography-lineHeight);
+  padding: var(--dapp-kit-spacing-small);
 }
-[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
-[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
-  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+[data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover,
+[data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+  cursor: pointer;
 }
-[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
-[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
+[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
+[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
-[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
+[data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
+[data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
   height: 1px;
   flex-shrink: 0;
   background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
 }
 
-/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
+/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA */
 [data-dapp-kit]:where(*),
 [data-dapp-kit] :where(*) {
   box-sizing: border-box;
@@ -92,8 +101,23 @@
   font-weight: inherit;
   margin: 0;
 }
+[data-dapp-kit]::-webkit-scrollbar,
+[data-dapp-kit] ::-webkit-scrollbar {
+  width: 14px;
+}
+[data-dapp-kit]::-webkit-scrollbar-track,
+[data-dapp-kit] ::-webkit-scrollbar-track {
+  border-radius: var(--dapp-kit-radii-xlarge);
+  background-color: transparent;
+}
+[data-dapp-kit]::-webkit-scrollbar-thumb,
+[data-dapp-kit] ::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 10px 10px var(--dapp-kit-backgroundColors-scrollThumb);
+  border-radius: var(--dapp-kit-radii-xlarge);
+  border: 4px solid transparent;
+}
 
-/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA== */
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
 [data-dapp-kit].Button_buttonVariants__ctbx2n0,
 [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
   display: inline-flex;
@@ -109,7 +133,6 @@
 [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
   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__ctbx2n1:hover,
 [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
@@ -120,7 +143,7 @@
   border-width: 1px;
   border-style: solid;
   border-color: var(--dapp-kit-borderColors-outlineButton);
-  color: var(--dapp-kit-colors-outlineButton);
+  color: var(--dapp-kit-colors-primaryButton);
 }
 [data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
 [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
@@ -128,16 +151,16 @@
 }
 [data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
 [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
-  border-radius: var(--dapp-kit-radii-medium);
+  border-radius: var(--dapp-kit-radii-full);
   padding: 8px 16px;
 }
 [data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
 [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
-  border-radius: var(--dapp-kit-radii-large);
+  border-radius: var(--dapp-kit-radii-full);
   padding: 16px 24px;
 }
 
-/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
+/* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9ib2R5X19hcHJoYmQ1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNiB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDcgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
 [data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
 [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
   font-size: var(--dapp-kit-fontSizes-small);
@@ -154,16 +177,20 @@
 [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
   font-weight: var(--dapp-kit-fontWeights-bold);
 }
-[data-dapp-kit].Text_textVariants_color_muted__aprhbd5,
-[data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {
+[data-dapp-kit].Text_textVariants_color_body__aprhbd5,
+[data-dapp-kit] .Text_textVariants_color_body__aprhbd5 {
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].Text_textVariants_color_muted__aprhbd6,
+[data-dapp-kit] .Text_textVariants_color_muted__aprhbd6 {
   color: var(--dapp-kit-colors-bodyMuted);
 }
-[data-dapp-kit].Text_textVariants_color_danger__aprhbd6,
-[data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {
+[data-dapp-kit].Text_textVariants_color_danger__aprhbd7,
+[data-dapp-kit] .Text_textVariants_color_danger__aprhbd7 {
   color: var(--dapp-kit-colors-bodyDanger);
 }
-[data-dapp-kit].Text_textVariants_mono_true__aprhbd7,
-[data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {
+[data-dapp-kit].Text_textVariants_mono_true__aprhbd8,
+[data-dapp-kit] .Text_textVariants_mono_true__aprhbd8 {
   font-family:
     ui-monospace,
     SFMono-Regular,
@@ -207,7 +234,7 @@
   white-space: nowrap;
 }
 
-/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
+/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ== */
 [data-dapp-kit].IconButton_container__ap1qll0,
 [data-dapp-kit] .IconButton_container__ap1qll0 {
   border-radius: 9999px;
@@ -215,12 +242,8 @@
   color: var(--dapp-kit-colors-iconButton);
   background-color: var(--dapp-kit-backgroundColors-iconButton);
 }
-[data-dapp-kit].IconButton_container__ap1qll0:hover,
-[data-dapp-kit] .IconButton_container__ap1qll0:hover {
-  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
-}
 
-/* 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== */
+/* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUTW/bMAy951foUiABpsJpl7RzLsNyXbEBPexYKBbtcJVJQ5KbtEP++yDZ+WjsLlnrgy2RFMnH9+TLORNB5u9YK/PAT2CNen54GN+U5nepEvFnIMRCZY+F5Zq0zNiwTcWTskMptaoq+Yhe7gPmwe9kGbL9aJKNZm0KbbmSORoPPRlM3XesYocemVKR4xp0MCE58KlIwvpFImlYp+LL9pkNNoPLV5A8egM7QOMIqB9F1vS+YN0Uz5m8dPgCncjguccXcHJtlC1gH74CLJa+98Cv6HKyBI11GY+UyhZIEcxx2w4qZZVnu2v9Kra+bAuMq/XsXdQEFjSv6A6ovt8Wid2sUPtlKsZJctHtJ2PyQH7XzfVHlPHTYqlsqwy2Gqy0SmPtOueDGQ+nfB51PbrxXLWqMZD7VEwCSiE0usqo51TkBuJEw1dqtJA1CTI2dUnBEy5HbniViiVqDdFWIsktJZPkadmwut7ZbieNrZ3t9XXS8OatIpezLdNmaZSHoZwkF5/i/EddAsIkv9XeM82ZvEKCvTQ+RzL2oNXCsak97HBftWUb6M2uw7BhB29VmJyqMJ42FWwrz2lfiZUyBvx3dH5+JKdpzP8fZLwSaxtY2EDOOOwLVXVE4iqVIRWHF7BSWiMV54R+WOqbwdeQTgmXWQASirQYBv20UG6mt9V6FOdwztXrDsfyahYdkZBW30dy/6fywjti3XR6OK2+A/aICfrTnBLAu8d8DxmT3v5TNoPNX+XRiM/YBgAA */
 [data-dapp-kit].ConnectModal_overlay__17mljma0,
 [data-dapp-kit] .ConnectModal_overlay__17mljma0 {
   background-color: var(--dapp-kit-backgroundColors-modalOverlay);
@@ -232,228 +255,209 @@
 }
 [data-dapp-kit].ConnectModal_title__17mljma1,
 [data-dapp-kit] .ConnectModal_title__17mljma1 {
-  padding-left: 8px;
+  color: var(--dapp-kit-colors-body);
+  font-size: var(--dapp-kit-fontSizes-xlarge);
+  font-weight: var(--dapp-kit-fontWeights-medium);
+  margin: 0;
+}
+[data-dapp-kit].ConnectModal_separator__17mljma2,
+[data-dapp-kit] .ConnectModal_separator__17mljma2 {
+  height: 1px;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+  width: 100%;
 }
-[data-dapp-kit].ConnectModal_content__17mljma2,
-[data-dapp-kit] .ConnectModal_content__17mljma2 {
+[data-dapp-kit].ConnectModal_content__17mljma3,
+[data-dapp-kit] .ConnectModal_content__17mljma3 {
   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;
+  top: 0;
+  left: 50%;
   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;
+  width: 330px;
+  transform: translate(-50%, 100%);
 }
-[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 {
+[data-dapp-kit].ConnectModal_backButtonContainer__17mljma4,
+[data-dapp-kit] .ConnectModal_backButtonContainer__17mljma4 {
   position: absolute;
   top: 20px;
   left: 20px;
 }
-[data-dapp-kit].ConnectModal_closeButtonContainer__17mljma7,
-[data-dapp-kit] .ConnectModal_closeButtonContainer__17mljma7 {
+[data-dapp-kit].ConnectModal_closeButtonContainer__17mljma5,
+[data-dapp-kit] .ConnectModal_closeButtonContainer__17mljma5 {
   position: absolute;
   top: 16px;
   right: 16px;
 }
-[data-dapp-kit].ConnectModal_walletListContent__17mljma8,
-[data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
+[data-dapp-kit].ConnectModal_walletListContent__17mljma6,
+[data-dapp-kit] .ConnectModal_walletListContent__17mljma6 {
   display: flex;
   flex-direction: column;
+  width: 100%;
   flex-grow: 1;
-  gap: 24px;
-  padding: 20px;
+  gap: var(--dapp-kit-spacing-medium);
+  padding: var(--dapp-kit-spacing-medium);
   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 {
+  [data-dapp-kit].ConnectModal_content__17mljma3,
+  [data-dapp-kit] .ConnectModal_content__17mljma3 {
     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 {
+  [data-dapp-kit].ConnectModal_backButtonContainer__17mljma4,
+  [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma4 {
     display: none;
   }
-  [data-dapp-kit].ConnectModal_walletListContent__17mljma8,
-  [data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
+  [data-dapp-kit].ConnectModal_walletListContent__17mljma6,
+  [data-dapp-kit] .ConnectModal_walletListContent__17mljma6 {
     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;
-  }
 }
 
-/* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19jNXExbGwwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19jNXExbGwxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19jNXExbGwyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX2M1cTFsbDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fYzVxMWxsNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */
-[data-dapp-kit].ConnectionStatus_container__c5q1ll0,
-[data-dapp-kit] .ConnectionStatus_container__c5q1ll0 {
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14c21hbGwpOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAzMzBweDsKfQ== */
+[data-dapp-kit].WalletList_container__1tkdegw0,
+[data-dapp-kit] .WalletList_container__1tkdegw0 {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  align-items: center;
+  gap: var(--dapp-kit-spacing-xsmall);
+  height: 100%;
   width: 100%;
+  max-height: 330px;
 }
-[data-dapp-kit].ConnectionStatus_walletIcon__c5q1ll1,
-[data-dapp-kit] .ConnectionStatus_walletIcon__c5q1ll1 {
-  -o-object-fit: cover;
-  object-fit: cover;
-  width: 72px;
-  height: 72px;
+
+/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0= */
+[data-dapp-kit].WalletListItem_container__1vrvezk0,
+[data-dapp-kit] .WalletListItem_container__1vrvezk0 {
+  display: flex;
+  width: 100%;
+}
+[data-dapp-kit].WalletListItem_walletItem__1vrvezk1,
+[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  flex-grow: 1;
+  padding: var(--dapp-kit-spacing-medium);
   border-radius: var(--dapp-kit-radii-large);
 }
-[data-dapp-kit].ConnectionStatus_title__c5q1ll2,
-[data-dapp-kit] .ConnectionStatus_title__c5q1ll2 {
-  margin-top: 12px;
+[data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover,
+[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
 }
-[data-dapp-kit].ConnectionStatus_connectionStatus__c5q1ll3,
-[data-dapp-kit] .ConnectionStatus_connectionStatus__c5q1ll3 {
-  margin-top: 4px;
+[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2,
+[data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {
+  border: 1px solid var(--dapp-kit-borderColors-outlineButton);
+  border-radius: var(--dapp-kit-radii-large);
 }
-[data-dapp-kit].ConnectionStatus_retryButtonContainer__c5q1ll4,
-[data-dapp-kit] .ConnectionStatus_retryButtonContainer__c5q1ll4 {
-  position: absolute;
-  bottom: 20px;
-  right: 20px;
+[data-dapp-kit].WalletListItem_walletName__1vrvezk3,
+[data-dapp-kit] .WalletListItem_walletName__1vrvezk3 {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: var(--dapp-kit-spacing-small);
+}
+[data-dapp-kit].WalletListItem_walletIcon__1vrvezk4,
+[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+  -o-object-fit: cover;
+  object-fit: cover;
+  border-radius: var(--dapp-kit-radii-small);
 }
 
-/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMWQxbnJtdDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
-[data-dapp-kit].InfoSection_container__1d1nrmt0,
-[data-dapp-kit] .InfoSection_container__1d1nrmt0 {
+/* vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA== */
+[data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0,
+[data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+[data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1,
+[data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: var(--dapp-kit-spacing-small);
 }
-
-/* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fcXUzNnQ5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkdldHRpbmdTdGFydGVkX2NvbnRlbnRfX3F1MzZ0OTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0KLkdldHRpbmdTdGFydGVkX2luc3RhbGxCdXR0b25Db250YWluZXJfX3F1MzZ0OTIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
-[data-dapp-kit].GettingStarted_container__qu36t90,
-[data-dapp-kit] .GettingStarted_container__qu36t90 {
+[data-dapp-kit].WalletConnect_errorContainer__uo0o3s2,
+[data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {
   display: flex;
-  flex-direction: column;
+  width: 100%;
+  flex-direction: row;
   align-items: center;
+  justify-content: space-between;
+  gap: var(--dapp-kit-spacing-small);
 }
-[data-dapp-kit].GettingStarted_content__qu36t91,
-[data-dapp-kit] .GettingStarted_content__qu36t91 {
+[data-dapp-kit].WalletConnect_errorMessage__uo0o3s3,
+[data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyDanger);
+}
+[data-dapp-kit].WalletConnect_successContainer__uo0o3s4,
+[data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  flex-grow: 1;
-  gap: 20px;
-  padding: 40px;
+  align-items: flex-start;
+  gap: var(--dapp-kit-spacing-small);
 }
-[data-dapp-kit].GettingStarted_installButtonContainer__qu36t92,
-[data-dapp-kit] .GettingStarted_installButtonContainer__qu36t92 {
-  position: absolute;
-  bottom: 20px;
-  right: 20px;
+[data-dapp-kit].WalletConnect_openingText__uo0o3s5,
+[data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {
+  font-size: var(--dapp-kit-fontSizes-small);
+  color: var(--dapp-kit-colors-bodyMuted);
+}
+[data-dapp-kit].WalletConnect_confirmText__uo0o3s6,
+[data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+  color: var(--dapp-kit-colors-body);
+}
+[data-dapp-kit].WalletConnect_separator__uo0o3s7,
+[data-dapp-kit] .WalletConnect_separator__uo0o3s7 {
+  height: 1px;
+  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
+  width: 100%;
 }
 
-/* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa2RjaW1xMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWtkY2ltcTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
-[data-dapp-kit].WhatIsAWallet_container__1kdcimq0,
-[data-dapp-kit] .WhatIsAWallet_container__1kdcimq0 {
+/* vanilla-extract-css-ns:src/components/connect-modal/views/GetTheWallet.css.ts.vanilla.css?source=LkdldFRoZVdhbGxldF9jb250YWluZXJfXzFpb21yeW0wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgaGVpZ2h0OiAxMDAlOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14bGFyZ2UpOwp9Ci5HZXRUaGVXYWxsZXRfY29udGVudF9fMWlvbXJ5bTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy1tZWRpdW0pOwp9Ci5HZXRUaGVXYWxsZXRfdGV4dF9fMWlvbXJ5bTIgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLW1lZGl1bSk7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7Cn0KLkdldFRoZVdhbGxldF9idXR0b25fXzFpb21yeW0zIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXhzbWFsbCk7Cn0KLkdldFRoZVdhbGxldF9pY29uX18xaW9tcnltNCB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5KTsKfQ== */
+[data-dapp-kit].GetTheWallet_container__1iomrym0,
+[data-dapp-kit] .GetTheWallet_container__1iomrym0 {
   display: flex;
   flex-direction: column;
   align-items: center;
-}
-[data-dapp-kit].WhatIsAWallet_content__1kdcimq1,
-[data-dapp-kit] .WhatIsAWallet_content__1kdcimq1 {
-  display: flex;
-  flex-direction: column;
   justify-content: center;
-  flex-grow: 1;
-  gap: 20px;
-  padding: 40px;
+  padding: var(--dapp-kit-spacing-medium);
+  height: 100%;
+  gap: var(--dapp-kit-spacing-xlarge);
 }
-
-/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
-[data-dapp-kit].WalletList_container__1tkdegw0,
-[data-dapp-kit] .WalletList_container__1tkdegw0 {
+[data-dapp-kit].GetTheWallet_content__1iomrym1,
+[data-dapp-kit] .GetTheWallet_content__1iomrym1 {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  align-items: center;
+  gap: var(--dapp-kit-spacing-medium);
 }
-
-/* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
-[data-dapp-kit].WalletListItem_container__1vrvezk0,
-[data-dapp-kit] .WalletListItem_container__1vrvezk0 {
-  display: flex;
+[data-dapp-kit].GetTheWallet_text__1iomrym2,
+[data-dapp-kit] .GetTheWallet_text__1iomrym2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+  text-align: center;
+  color: var(--dapp-kit-colors-body);
 }
-[data-dapp-kit].WalletListItem_walletItem__1vrvezk1,
-[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {
+[data-dapp-kit].GetTheWallet_button__1iomrym3,
+[data-dapp-kit] .GetTheWallet_button__1iomrym3 {
   display: flex;
   align-items: center;
-  flex-grow: 1;
-  padding: 8px;
-  gap: 8px;
-  border-radius: var(--dapp-kit-radii-large);
+  gap: var(--dapp-kit-spacing-xsmall);
 }
-[data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover,
-[data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {
-  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
-}
-[data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2,
-[data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {
-  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
-}
-[data-dapp-kit].WalletListItem_walletIcon__1vrvezk3,
-[data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-  -o-object-fit: cover;
-  object-fit: cover;
-  border-radius: var(--dapp-kit-radii-small);
+[data-dapp-kit].GetTheWallet_icon__1iomrym4,
+[data-dapp-kit] .GetTheWallet_icon__1iomrym4 {
+  color: var(--dapp-kit-colors-body);
 }
 /*# sourceMappingURL=ConnectButton.css.map */