@latticexyz/entrykit 2.2.22-6a26a049c793442fcefed7a3268d2de7849cd2ae → 2.2.22-725f1aed27b397ad153bec254b2530eb20d2d743

package/dist/tsup/exports/internal.js

@@ -22,7 +22,7 @@ import { forwardRef, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom";
 
 // ../../node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/tailwind.css?inline
-var tailwind_default = '*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n.container {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n\n  .container {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .container {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .container {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .container {\n    max-width: 1280px;\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .container {\n    max-width: 1536px;\n  }\n}\n\n.grid-cols-2.divide-y > :not([hidden]) ~ :not([hidden]):nth-child(-n + 2) {\n  border-top-width: 0;\n  border-bottom-width: 0;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.bottom-0 {\n  bottom: 0px;\n}\n\n.left-0 {\n  left: 0px;\n}\n\n.right-0 {\n  right: 0px;\n}\n\n.top-0 {\n  top: 0px;\n}\n\n.col-start-1 {\n  grid-column-start: 1;\n}\n\n.row-start-1 {\n  grid-row-start: 1;\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.m-2 {\n  margin: 0.5rem;\n}\n\n.-mx-0\\.5 {\n  margin-left: -0.125rem;\n  margin-right: -0.125rem;\n}\n\n.-my-1 {\n  margin-top: -0.25rem;\n  margin-bottom: -0.25rem;\n}\n\n.-my-\\[0\\.125em\\] {\n  margin-top: -0.125em;\n  margin-bottom: -0.125em;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-3 {\n  margin-left: -0.75rem;\n}\n\n.-mr-1 {\n  margin-right: -0.25rem;\n}\n\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.inline-grid {\n  display: inline-grid;\n}\n\n.contents {\n  display: contents;\n}\n\n.hidden {\n  display: none;\n}\n\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-64 {\n  height: 16rem;\n}\n\n.h-\\[1\\.25em\\] {\n  height: 1.25em;\n}\n\n.h-\\[1em\\] {\n  height: 1em;\n}\n\n.h-\\[2px\\] {\n  height: 2px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-24 {\n  width: 6rem;\n}\n\n.w-28 {\n  width: 7rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-48 {\n  width: 12rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-60 {\n  width: 15rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[0\\.6em\\] {\n  width: 0.6em;\n}\n\n.w-\\[1\\.25em\\] {\n  width: 1.25em;\n}\n\n.w-\\[352px\\] {\n  width: 352px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-\\[26rem\\] {\n  max-width: 26rem;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow {\n  flex-grow: 1;\n}\n\n.-translate-y-2 {\n  --tw-translate-y: -0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-4 {\n  --tw-translate-y: -1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-2 {\n  --tw-translate-x: 0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-50 {\n  --tw-scale-x: .5;\n  --tw-scale-y: .5;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.cursor-text {\n  cursor: text;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-\\[1fr_auto_1fr\\] {\n  grid-template-columns: 1fr auto 1fr;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.place-items-center {\n  place-items: center;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-2\\.5 {\n  gap: 0.625rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-5 {\n  gap: 1.25rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(229 229 229 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-300 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(212 212 212 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-divide-opacity));\n}\n\n.self-auto {\n  align-self: auto;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-clip {\n  overflow: clip;\n}\n\n.whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-4 {\n  border-width: 4px;\n}\n\n.border-dashed {\n  border-style: dashed;\n}\n\n.border-black\\/20 {\n  border-color: rgb(0 0 0 / 0.2);\n}\n\n.border-neutral-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 212 212 / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.bg-black\\/10 {\n  background-color: rgb(0 0 0 / 0.1);\n}\n\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700\\/60 {\n  background-color: rgb(29 78 216 / 0.6);\n}\n\n.bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800\\/85 {\n  background-color: rgb(38 38 38 / 0.85);\n}\n\n.bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-orange-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n\n.bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n\n.to-blue-700 {\n  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.bg-no-repeat {\n  background-repeat: no-repeat;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-1 {\n  padding: 0.25rem;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-2\\.5 {\n  padding: 0.625rem;\n}\n\n.p-3 {\n  padding: 0.75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[\\.75em\\] {\n  padding: .75em;\n}\n\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-10 {\n  padding-top: 2.5rem;\n}\n\n.pt-8 {\n  padding-top: 2rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.text-\\[\\.75em\\] {\n  font-size: .75em;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.leading-loose {\n  line-height: 2;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.tracking-\\[-1ch\\] {\n  letter-spacing: -1ch;\n}\n\n.text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.text-neutral-700 {\n  --tw-text-opacity: 1;\n  color: rgb(64 64 64 / var(--tw-text-opacity));\n}\n\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity));\n}\n\n.text-transparent {\n  color: transparent;\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-white\\/20 {\n  color: rgb(255 255 255 / 0.2);\n}\n\n.text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-25 {\n  opacity: 0.25;\n}\n\n.opacity-30 {\n  opacity: 0.3;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.opacity-75 {\n  opacity: 0.75;\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-neutral-700\\/50 {\n  --tw-ring-color: rgb(64 64 64 / 0.5);\n}\n\n.ring-transparent {\n  --tw-ring-color: transparent;\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-100 {\n  transition-duration: 100ms;\n}\n\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n@keyframes enter {\n\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n\n@keyframes exit {\n\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n\n.animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n\n.animate-out {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n\n.fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.slide-in-from-bottom-16 {\n  --tw-enter-translate-y: 4rem;\n}\n\n.slide-in-from-bottom-2 {\n  --tw-enter-translate-y: 0.5rem;\n}\n\n.slide-in-from-bottom-8 {\n  --tw-enter-translate-y: 2rem;\n}\n\n.slide-in-from-top-2 {\n  --tw-enter-translate-y: -0.5rem;\n}\n\n.animate-duration-300 {\n  animation-duration: 300ms;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n@property --tw-border-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@property --tw-conic-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@keyframes border-gradient {\n\n  to {\n    --tw-border-gradient-angle: 360deg;\n  }\n}\n\n.placeholder\\:text-neutral-400::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.after\\:select-none::after {\n  content: var(--tw-content);\n  -webkit-user-select: none;\n          user-select: none;\n}\n\n.after\\:content-\\[\\\'\\2026\\\'\\]::after {\n  --tw-content: \'\u2026\';\n  content: var(--tw-content);\n}\n\n.focus-within\\:border-transparent:focus-within {\n  border-color: transparent;\n}\n\n.focus-within\\:ring-orange-500:focus-within {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));\n}\n\n.hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-neutral-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-orange-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n\n.hover\\:text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white\\/40:hover {\n  color: rgb(255 255 255 / 0.4);\n}\n\n.hover\\:brightness-125:hover {\n  --tw-brightness: brightness(1.25);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.focus\\:border-orange-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 115 22 / var(--tw-border-opacity));\n}\n\n.focus\\:border-yellow-400:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(250 204 21 / var(--tw-border-opacity));\n}\n\n.focus\\:bg-white:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-orange-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.active\\:brightness-150:active {\n  --tw-brightness: brightness(1.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.group:hover .group-hover\\:pointer-events-none {\n  pointer-events: none;\n}\n\n.group:hover .group-hover\\:pointer-events-auto {\n  pointer-events: auto;\n}\n\n.group:hover .group-hover\\:rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:opacity-0 {\n  opacity: 0;\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.aria-busy\\:pointer-events-none[aria-busy="true"] {\n  pointer-events: none;\n}\n\n.aria-busy\\:bg-blue-500[aria-busy="true"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.aria-disabled\\:pointer-events-none[aria-disabled="true"] {\n  pointer-events: none;\n}\n\n.aria-disabled\\:opacity-50[aria-disabled="true"] {\n  opacity: 0.5;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:inline {\n  display: inline;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:hidden {\n  display: none;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-125 {\n  --tw-scale-x: 1.25;\n  --tw-scale-y: 1.25;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:opacity-100 {\n  opacity: 1;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {\n  opacity: 0;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {\n  opacity: 1;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:duration-300 {\n  transition-duration: 300ms;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:inline {\n  display: inline;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:hidden {\n  display: none;\n}\n\n.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-neutral-200[data-state="checked"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.links\\:font-medium a[href]:not(.links-unset) {\n  font-weight: 500;\n}\n\n.links\\:text-white a[href]:not(.links-unset) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.links\\:underline a[href]:not(.links-unset) {\n  text-decoration-line: underline;\n}\n\n.links\\:decoration-neutral-500 a[href]:not(.links-unset) {\n  text-decoration-color: #737373;\n}\n\n.links\\:underline-offset-4 a[href]:not(.links-unset) {\n  text-underline-offset: 4px;\n}\n\n.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {\n  text-decoration-color: #f97316;\n}\n\n@media (min-width: 640px) {\n\n  .sm\\:items-center {\n    align-items: center;\n  }\n}\n\n.dark\\:divide-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-divide-opacity));\n}\n\n.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity));\n}\n\n.dark\\:border-white\\/50:where([data-theme="dark"], [data-theme="dark"] *) {\n  border-color: rgb(255 255 255 / 0.5);\n}\n\n.dark\\:bg-blue-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-green-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(22 163 74 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-neutral-900:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-red-600:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {\n  background-color: rgb(255 255 255 / 0.1);\n}\n\n.dark\\:text-neutral-300:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity));\n}\n\n.dark\\:text-neutral-400:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.dark\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.dark\\:placeholder\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *)::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.dark\\:hover\\:text-white:hover:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.dark\\:focus\\:bg-neutral-700:focus:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.peer:placeholder-shown ~ .dark\\:peer-placeholder-shown\\:text-neutral-500:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.dark\\:data-\\[state\\=checked\\]\\:bg-neutral-900[data-state="checked"]:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.\\[\\&_\\>_\\:is\\(dt\\2c dd\\)\\]\\:px-1 > :is(dt,dd) {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.\\[\\&_\\>_dd\\]\\:text-right > dd {\n  text-align: right;\n}\n';
+var tailwind_default = '*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */\n  tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n.container {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n\n  .container {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .container {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .container {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .container {\n    max-width: 1280px;\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .container {\n    max-width: 1536px;\n  }\n}\n\n.grid-cols-2.divide-y > :not([hidden]) ~ :not([hidden]):nth-child(-n + 2) {\n  border-top-width: 0;\n  border-bottom-width: 0;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.pointer-events-none {\n  pointer-events: none;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.inset-0 {\n  inset: 0px;\n}\n\n.bottom-0 {\n  bottom: 0px;\n}\n\n.left-0 {\n  left: 0px;\n}\n\n.right-0 {\n  right: 0px;\n}\n\n.top-0 {\n  top: 0px;\n}\n\n.col-start-1 {\n  grid-column-start: 1;\n}\n\n.row-start-1 {\n  grid-row-start: 1;\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.m-2 {\n  margin: 0.5rem;\n}\n\n.-mx-0\\.5 {\n  margin-left: -0.125rem;\n  margin-right: -0.125rem;\n}\n\n.-my-1 {\n  margin-top: -0.25rem;\n  margin-bottom: -0.25rem;\n}\n\n.-my-\\[0\\.125em\\] {\n  margin-top: -0.125em;\n  margin-bottom: -0.125em;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.-ml-3 {\n  margin-left: -0.75rem;\n}\n\n.-mr-1 {\n  margin-right: -0.25rem;\n}\n\n.-mt-2 {\n  margin-top: -0.5rem;\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-4 {\n  margin-top: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.inline-grid {\n  display: inline-grid;\n}\n\n.contents {\n  display: contents;\n}\n\n.hidden {\n  display: none;\n}\n\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3\\.5 {\n  height: 0.875rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-64 {\n  height: 16rem;\n}\n\n.h-\\[1\\.25em\\] {\n  height: 1.25em;\n}\n\n.h-\\[1em\\] {\n  height: 1em;\n}\n\n.h-\\[2px\\] {\n  height: 2px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-24 {\n  width: 6rem;\n}\n\n.w-28 {\n  width: 7rem;\n}\n\n.w-3\\.5 {\n  width: 0.875rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-48 {\n  width: 12rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-60 {\n  width: 15rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[0\\.6em\\] {\n  width: 0.6em;\n}\n\n.w-\\[1\\.25em\\] {\n  width: 1.25em;\n}\n\n.w-\\[352px\\] {\n  width: 352px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.max-w-\\[26rem\\] {\n  max-width: 26rem;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow {\n  flex-grow: 1;\n}\n\n.-translate-y-2 {\n  --tw-translate-y: -0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-4 {\n  --tw-translate-y: -1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-2 {\n  --tw-translate-x: 0.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-50 {\n  --tw-scale-x: .5;\n  --tw-scale-y: .5;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.cursor-text {\n  cursor: text;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-\\[1fr_auto_1fr\\] {\n  grid-template-columns: 1fr auto 1fr;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.place-items-center {\n  place-items: center;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: 0.25rem;\n}\n\n.gap-2 {\n  gap: 0.5rem;\n}\n\n.gap-2\\.5 {\n  gap: 0.625rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-5 {\n  gap: 1.25rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-neutral-700 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-divide-opacity));\n}\n\n.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-divide-opacity));\n}\n\n.self-auto {\n  align-self: auto;\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-clip {\n  overflow: clip;\n}\n\n.whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-2 {\n  border-width: 2px;\n}\n\n.border-4 {\n  border-width: 4px;\n}\n\n.border-dashed {\n  border-style: dashed;\n}\n\n.border-neutral-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 212 212 / var(--tw-border-opacity));\n}\n\n.border-neutral-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: transparent;\n}\n\n.border-white\\/50 {\n  border-color: rgb(255 255 255 / 0.5);\n}\n\n.bg-black\\/10 {\n  background-color: rgb(0 0 0 / 0.1);\n}\n\n.bg-blue-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 78 216 / var(--tw-bg-opacity));\n}\n\n.bg-blue-700\\/60 {\n  background-color: rgb(29 78 216 / 0.6);\n}\n\n.bg-green-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(22 163 74 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-neutral-800\\/85 {\n  background-color: rgb(38 38 38 / 0.85);\n}\n\n.bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-orange-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 115 22 / var(--tw-bg-opacity));\n}\n\n.bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.bg-red-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: transparent;\n}\n\n.bg-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n\n.to-blue-700 {\n  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.bg-no-repeat {\n  background-repeat: no-repeat;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-1 {\n  padding: 0.25rem;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.p-2\\.5 {\n  padding: 0.625rem;\n}\n\n.p-3 {\n  padding: 0.75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[\\.75em\\] {\n  padding: .75em;\n}\n\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n\n.pb-8 {\n  padding-bottom: 2rem;\n}\n\n.pt-10 {\n  padding-top: 2.5rem;\n}\n\n.pt-8 {\n  padding-top: 2rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.font-mono {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n\n.text-\\[\\.75em\\] {\n  font-size: .75em;\n}\n\n.text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.leading-loose {\n  line-height: 2;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.tracking-\\[-1ch\\] {\n  letter-spacing: -1ch;\n}\n\n.text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity));\n}\n\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.text-green-600 {\n  --tw-text-opacity: 1;\n  color: rgb(22 163 74 / var(--tw-text-opacity));\n}\n\n.text-neutral-300 {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity));\n}\n\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity));\n}\n\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity));\n}\n\n.text-transparent {\n  color: transparent;\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-white\\/20 {\n  color: rgb(255 255 255 / 0.2);\n}\n\n.text-white\\/80 {\n  color: rgb(255 255 255 / 0.8);\n}\n\n.opacity-0 {\n  opacity: 0;\n}\n\n.opacity-100 {\n  opacity: 1;\n}\n\n.opacity-25 {\n  opacity: 0.25;\n}\n\n.opacity-30 {\n  opacity: 0.3;\n}\n\n.opacity-50 {\n  opacity: 0.5;\n}\n\n.opacity-75 {\n  opacity: 0.75;\n}\n\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-neutral-700\\/50 {\n  --tw-ring-color: rgb(64 64 64 / 0.5);\n}\n\n.ring-transparent {\n  --tw-ring-color: transparent;\n}\n\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.duration-100 {\n  transition-duration: 100ms;\n}\n\n.duration-300 {\n  transition-duration: 300ms;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n@keyframes enter {\n\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n\n@keyframes exit {\n\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n\n.animate-in {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n\n.animate-out {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n\n.fade-in {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.slide-in-from-bottom-16 {\n  --tw-enter-translate-y: 4rem;\n}\n\n.slide-in-from-bottom-2 {\n  --tw-enter-translate-y: 0.5rem;\n}\n\n.slide-in-from-bottom-8 {\n  --tw-enter-translate-y: 2rem;\n}\n\n.slide-in-from-top-2 {\n  --tw-enter-translate-y: -0.5rem;\n}\n\n.animate-duration-300 {\n  animation-duration: 300ms;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n@property --tw-border-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@property --tw-conic-gradient-angle {\n  syntax: \'<angle>\';\n  inherits: true;\n  initial-value: 0deg;\n}\n\n@keyframes border-gradient {\n\n  to {\n    --tw-border-gradient-angle: 360deg;\n  }\n}\n\n.placeholder\\:text-neutral-500::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.after\\:select-none::after {\n  content: var(--tw-content);\n  -webkit-user-select: none;\n          user-select: none;\n}\n\n.after\\:content-\\[\\\'\\2026\\\'\\]::after {\n  --tw-content: \'\u2026\';\n  content: var(--tw-content);\n}\n\n.focus-within\\:border-transparent:focus-within {\n  border-color: transparent;\n}\n\n.focus-within\\:ring-orange-500:focus-within {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));\n}\n\n.hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-neutral-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-orange-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:text-white\\/40:hover {\n  color: rgb(255 255 255 / 0.4);\n}\n\n.hover\\:text-white\\/80:hover {\n  color: rgb(255 255 255 / 0.8);\n}\n\n.hover\\:brightness-125:hover {\n  --tw-brightness: brightness(1.25);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.focus\\:border-orange-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 115 22 / var(--tw-border-opacity));\n}\n\n.focus\\:border-yellow-400:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(250 204 21 / var(--tw-border-opacity));\n}\n\n.focus\\:bg-neutral-700:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-orange-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity));\n}\n\n.active\\:brightness-150:active {\n  --tw-brightness: brightness(1.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.group:hover .group-hover\\:pointer-events-none {\n  pointer-events: none;\n}\n\n.group:hover .group-hover\\:pointer-events-auto {\n  pointer-events: auto;\n}\n\n.group:hover .group-hover\\:rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group:hover .group-hover\\:opacity-0 {\n  opacity: 0;\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n.peer:placeholder-shown ~ .peer-placeholder-shown\\:text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity));\n}\n\n.aria-busy\\:pointer-events-none[aria-busy="true"] {\n  pointer-events: none;\n}\n\n.aria-busy\\:bg-blue-500[aria-busy="true"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n\n.aria-disabled\\:pointer-events-none[aria-disabled="true"] {\n  pointer-events: none;\n}\n\n.aria-disabled\\:opacity-50[aria-disabled="true"] {\n  opacity: 0.5;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:inline {\n  display: inline;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:hidden {\n  display: none;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:scale-125 {\n  --tw-scale-x: 1.25;\n  --tw-scale-y: 1.25;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:opacity-100 {\n  opacity: 1;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-0 {\n  opacity: 0;\n}\n\n.group[aria-busy="true"] .group-aria-busy\\:opacity-100 {\n  opacity: 1;\n}\n\n.group\\/button[aria-busy="true"] .group-aria-busy\\/button\\:duration-300 {\n  transition-duration: 300ms;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:inline {\n  display: inline;\n}\n\n.group[aria-expanded="true"] .group-aria-expanded\\:hidden {\n  display: none;\n}\n\n.data-\\[highlighted\\]\\:bg-neutral-200[data-highlighted] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 229 229 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-neutral-900[data-state="checked"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.links\\:font-medium a[href]:not(.links-unset) {\n  font-weight: 500;\n}\n\n.links\\:text-white a[href]:not(.links-unset) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.links\\:underline a[href]:not(.links-unset) {\n  text-decoration-line: underline;\n}\n\n.links\\:decoration-neutral-500 a[href]:not(.links-unset) {\n  text-decoration-color: #737373;\n}\n\n.links\\:underline-offset-4 a[href]:not(.links-unset) {\n  text-underline-offset: 4px;\n}\n\n.hover\\:links\\:decoration-orange-500 a[href]:not(.links-unset):hover {\n  text-decoration-color: #f97316;\n}\n\n@media (min-width: 640px) {\n\n  .sm\\:items-center {\n    align-items: center;\n  }\n}\n\n.dark\\:border-neutral-700:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity));\n}\n\n.dark\\:bg-neutral-800:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity));\n}\n\n.dark\\:bg-white\\/10:where([data-theme="dark"], [data-theme="dark"] *) {\n  background-color: rgb(255 255 255 / 0.1);\n}\n\n.dark\\:text-white:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.dark\\:hover\\:bg-neutral-700:hover:where([data-theme="dark"], [data-theme="dark"] *) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity));\n}\n\n.\\[\\&_\\>_\\:is\\(dt\\2c dd\\)\\]\\:px-1 > :is(dt,dd) {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n\n.\\[\\&_\\>_dd\\]\\:text-right > dd {\n  text-align: right;\n}\n';
 
 // src/ui/Shadow.tsx
 import { useResizeObserver } from "usehooks-ts";
@@ -47,9 +47,7 @@ function useFrame() {
 import { useMediaQuery } from "usehooks-ts";
 
 // src/EntryKitConfigProvider.tsx
-import "@rainbow-me/rainbowkit/styles.css";
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { RainbowKitProvider, midnightTheme } from "@rainbow-me/rainbowkit";
 import { useChains } from "wagmi";
 
 // src/getBundlerTransport.ts
@@ -206,6 +204,7 @@ function getBundlerTransport(chain) {
 }
 
 // src/EntryKitConfigProvider.tsx
+import { ConnectKitProvider } from "connectkit";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Context2 = createContext2(null);
 function EntryKitConfigProvider({ config, children }) {
@@ -216,14 +215,14 @@ function EntryKitConfigProvider({ config, children }) {
   if (!chain) throw new Error(`Could not find configured chain for chain ID ${config.chainId}.`);
   getBundlerTransport(chain);
   return /* @__PURE__ */ jsx2(
-    RainbowKitProvider,
+    ConnectKitProvider,
     {
-      initialChain: 0,
-      appInfo: {
-        appName: config.appName
-        // TODO: learn more and disclaimer
+      theme: "midnight",
+      options: {
+        // Prevent Wagmi trying to switch chains after connection
+        // https://github.com/wevm/wagmi/blob/f5b717ccf8a5b283263cadc984ba00b354bcefae/packages/core/src/connectors/injected.ts#L174-L182
+        initialChainId: 0
       },
-      theme: midnightTheme({ borderRadius: "none" }),
       children: /* @__PURE__ */ jsx2(Context2.Provider, { value: { ...config, chain }, children })
     }
   );
@@ -274,7 +273,9 @@ var Shadow = forwardRef(function Shadow2({ mode, children }, forwardedRef) {
     inset: "0",
     width: "100%",
     height: "100%",
-    zIndex: "2147483646"
+    // one less than ConnectKit's modal z-index
+    // so that ConnectKit can overlap properly
+    zIndex: "2147483645"
   } : frameSize.width && frameSize.height ? {
     all: "unset",
     display: "inline-grid",
@@ -376,10 +377,7 @@ function useAccountModal() {
 import { twMerge as twMerge19 } from "tailwind-merge";
 
 // src/AccountModalContent.tsx
-import { useAccount as useAccount8, useConnectorClient } from "wagmi";
-
-// src/ConnectWallet.tsx
-import { useAccount } from "wagmi";
+import { useAccount as useAccount7, useConnectorClient } from "wagmi";
 
 // src/ui/Button.tsx
 import { twMerge as twMerge3 } from "tailwind-merge";
@@ -446,7 +444,7 @@ var Button = ({ pending, variant, type, className, children, disabled, ...props
 };
 
 // src/ConnectWallet.tsx
-import { useConnectModal } from "@rainbow-me/rainbowkit";
+import { useModal } from "connectkit";
 
 // src/icons/Logo.tsx
 import { twMerge as twMerge4 } from "tailwind-merge";
@@ -506,7 +504,7 @@ function AppInfo() {
   return /* @__PURE__ */ jsxs6("div", { className: "flex-grow flex flex-col items-center justify-center gap-2", children: [
     /* @__PURE__ */ jsx8("div", { className: "w-16 h-16 m-2", children: !appIconLoading ? hasAppIcon ? /* @__PURE__ */ jsx8("img", { src: appIcon, className: "w-full h-full object-cover" }) : (
       // TODO: swap with favicon
-      /* @__PURE__ */ jsx8(Logo, { className: "w-full h-full text-orange-500 dark:bg-neutral-800" })
+      /* @__PURE__ */ jsx8(Logo, { className: "w-full h-full text-orange-500 bg-neutral-800" })
     ) : null }),
     /* @__PURE__ */ jsx8("div", { className: "text-2xl text-white text-center", children: appName })
   ] });
@@ -514,18 +512,17 @@ function AppInfo() {
 
 // src/ConnectWallet.tsx
 import { twMerge as twMerge5 } from "tailwind-merge";
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConnectWallet() {
-  const userAccount = useAccount();
-  const { openConnectModal, connectModalOpen } = useConnectModal();
-  const [hasAutoOpened, setHasAutoOpened] = useState2(false);
+  const { open, setOpen } = useModal();
+  const hasAutoOpenedRef = useRef2(false);
   useEffect3(() => {
-    if (!connectModalOpen && !hasAutoOpened) {
-      openConnectModal?.();
-      setHasAutoOpened(true);
+    if (!open && !hasAutoOpenedRef.current) {
+      setOpen(true);
+      hasAutoOpenedRef.current = true;
     }
-  }, [connectModalOpen, hasAutoOpened, openConnectModal]);
+  }, [open, setOpen]);
   return /* @__PURE__ */ jsxs7(
     "div",
     {
@@ -537,8 +534,7 @@ function ConnectWallet() {
           {
             variant: "secondary",
             className: "self-auto flex justify-center",
-            disabled: userAccount.status === "connecting",
-            onClick: openConnectModal,
+            onClick: () => setOpen(true),
             autoFocus: true,
             children: "Connect wallet"
           },
@@ -550,7 +546,7 @@ function ConnectWallet() {
 }
 
 // src/onboarding/ConnectedSteps.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef3, useState as useState5 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo4, useRef as useRef5, useState as useState5 } from "react";
 import { twMerge as twMerge17 } from "tailwind-merge";
 
 // src/onboarding/usePrerequisites.ts
@@ -927,13 +923,13 @@ function getPrequisitesQueryOptions({
       const hasAllowance = allowance == null || allowance > 0n;
       const isSpender = spender == null ? true : spender;
       const hasGasBalance = sessionBalance == null || sessionBalance.value > 0n;
-      const hasQuarryBalance = quarryBalance == null || quarryBalance > 0n;
+      const hasQuarryGasBalance = quarryBalance == null || quarryBalance > 0n;
       return {
         sessionAddress,
         hasAllowance,
         isSpender,
         hasGasBalance,
-        hasQuarryBalance,
+        hasQuarryGasBalance,
         hasDelegation,
         // we intentionally don't enforce an allowance/gas balance here
         complete: isSpender && hasDelegation
@@ -1235,6 +1231,9 @@ function Allowance({ isActive, isExpanded, userAddress }) {
   ] });
 }
 
+// src/onboarding/Session.tsx
+import { useEffect as useEffect7 } from "react";
+
 // src/onboarding/useSetupSession.ts
 import { encodeFunctionData } from "viem";
 import { useMutation as useMutation2, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
@@ -1253,6 +1252,7 @@ import { resourceToHex as resourceToHex2 } from "@latticexyz/common";
 import IBaseWorldAbi from "@latticexyz/world/out/IBaseWorld.sol/IBaseWorld.abi.json";
 
 // src/utils/callWithSignature.ts
+import { parseErc6492Signature } from "viem";
 import { writeContract as viem_writeContract } from "viem/actions";
 import { getAction as getAction3 } from "viem/utils";
 
@@ -1307,7 +1307,13 @@ async function callWithSignature({
   sessionClient,
   ...opts
 }) {
-  const signature = await signCall(opts);
+  const rawSignature = await signCall(opts);
+  const { address, signature } = parseErc6492Signature(rawSignature);
+  if (address != null) {
+    throw new Error(
+      "ERC-6492 signatures, like from Coinbase Smart Wallet, are not yet supported. Try using a different wallet?"
+    );
+  }
   return getAction3(
     sessionClient,
     viem_writeContract,
@@ -1431,9 +1437,6 @@ function useSetupSession({ userClient }) {
   });
 }
 
-// src/onboarding/Session.tsx
-import { useEffect as useEffect7 } from "react";
-
 // src/useSessionClient.ts
 import { useClient as useClient9 } from "wagmi";
 import {
@@ -1562,9 +1565,11 @@ function Session({ isActive, isExpanded, userClient, registerSpender, registerDe
   const sessionClient = useShowQueryError(useSessionClient(userClient.account.address));
   const setup = useShowMutationError(useSetupSession({ userClient }));
   const hasSession = !registerDelegation && !registerDelegation;
+  const { data: prerequisites } = usePrerequisites(userClient.account.address);
+  const { hasAllowance, hasGasBalance, hasQuarryGasBalance } = prerequisites ?? {};
   useEffect7(() => {
     const timer = setTimeout(() => {
-      if (isActive && setup.status === "idle" && sessionClient.data && !hasSession) {
+      if (isActive && setup.status === "idle" && sessionClient.data && !hasSession && (hasAllowance || hasGasBalance || hasQuarryGasBalance)) {
         setup.mutate({
           sessionClient: sessionClient.data,
           registerSpender,
@@ -1573,7 +1578,17 @@ function Session({ isActive, isExpanded, userClient, registerSpender, registerDe
       }
     });
     return () => clearTimeout(timer);
-  }, [hasSession, isActive, registerDelegation, registerSpender, sessionClient, setup]);
+  }, [
+    hasSession,
+    isActive,
+    registerDelegation,
+    registerSpender,
+    sessionClient,
+    setup,
+    hasAllowance,
+    hasGasBalance,
+    hasQuarryGasBalance
+  ]);
   return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex justify-between gap-4", children: [
       /* @__PURE__ */ jsxs13("div", { children: [
@@ -1601,7 +1616,9 @@ function Session({ isActive, isExpanded, userClient, registerSpender, registerDe
 }
 
 // src/onboarding/GasBalance.tsx
+import { useEffect as useEffect9, useState as useState2 } from "react";
 import { parseEther as parseEther4 } from "viem";
+import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useBalance as useBalance2, useWatchBlockNumber } from "wagmi";
 
 // src/data/relayChains.json
@@ -1907,21 +1924,93 @@ function useSetBalance() {
   });
 }
 
+// src/errors/usePrevious.ts
+import { useEffect as useEffect8, useRef as useRef3 } from "react";
+function usePrevious(value, initialValue) {
+  const ref = useRef3();
+  useEffect8(() => {
+    ref.current = { value };
+  }, [value]);
+  return ref.current ? ref.current.value : initialValue;
+}
+
+// src/icons/IconSVG.tsx
+import { twMerge as twMerge7 } from "tailwind-merge";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function IconSVG({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      className: twMerge7("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/icons/CopyIcon.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function CopyIcon(props) {
+  return /* @__PURE__ */ jsx17(IconSVG, { ...props, children: /* @__PURE__ */ jsx17(
+    "path",
+    {
+      d: "M8 5H6C4.89543 5 4 5.89543 4 7V19C4 20.1046 4.89543 21 6 21H16C17.1046 21 18 20.1046 18 19V18M8 5C8 6.10457 8.89543 7 10 7H12C13.1046 7 14 6.10457 14 5M8 5C8 3.89543 8.89543 3 10 3H12C13.1046 3 14 3.89543 14 5M14 5H16C17.1046 5 18 5.89543 18 7V10M20 14H10M10 14L13 11M10 14L13 17",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+// src/icons/CheckIcon.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx18(IconSVG, { ...props, children: /* @__PURE__ */ jsx18(
+    "path",
+    {
+      d: "M5 13L9 17L19 7",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
 // src/onboarding/GasBalance.tsx
-import { Fragment, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function GasBalance({ isActive, isExpanded, sessionAddress }) {
+  const queryClient = useQueryClient6();
   const { chain } = useEntryKitConfig();
+  const [copied, setCopied] = useState2(false);
   const balance = useShowQueryError(useBalance2({ chainId: chain.id, address: sessionAddress }));
+  const prevBalance = usePrevious(balance.data);
   useWatchBlockNumber({ onBlockNumber: () => balance.refetch() });
   const setBalance3 = useShowMutationError(useSetBalance());
   const relayChain = relayChains_default[chain.id];
+  const handleCopy = () => {
+    navigator.clipboard.writeText(sessionAddress);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  useEffect9(() => {
+    if (balance.data != null && prevBalance?.value === 0n && balance.data.value > 0n) {
+      queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] });
+    }
+  }, [balance.data, prevBalance, setBalance3, sessionAddress, queryClient]);
   return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs14("div", { className: "flex justify-between gap-4", children: [
       /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx16("div", { children: "Gas balance" }),
-        /* @__PURE__ */ jsx16("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx16(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx16(PendingIcon, { className: "text-sm" }) })
+        /* @__PURE__ */ jsx19("div", { children: "Gas balance" }),
+        /* @__PURE__ */ jsx19("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx19(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx19(PendingIcon, { className: "text-sm" }) })
       ] }),
-      chain.id === 31337 ? /* @__PURE__ */ jsx16(
+      chain.id === 31337 ? /* @__PURE__ */ jsx19(
         Button,
         {
           variant: isActive ? "primary" : "tertiary",
@@ -1936,13 +2025,13 @@ function GasBalance({ isActive, isExpanded, sessionAddress }) {
         }
       ) : relayChain != null ? (
         // TODO: convert this to a <ButtonLink>
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx19(
           "a",
           {
             href: `${relayChain.bridgeUrl}?${new URLSearchParams({ toAddress: sessionAddress, amount: "0.01" })}`,
             target: "_blank",
             rel: "noopener noreferrer",
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx19(
               Button,
               {
                 variant: isActive ? "primary" : "tertiary",
@@ -1957,11 +2046,23 @@ function GasBalance({ isActive, isExpanded, sessionAddress }) {
       ) : null
     ] }),
     isExpanded ? /* @__PURE__ */ jsxs14(Fragment, { children: [
-      /* @__PURE__ */ jsx16("p", { className: "text-sm", children: "Your session's gas balance is used to pay for onchain computation." }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm", children: "Your session's gas balance is used to pay for onchain computation." }),
       /* @__PURE__ */ jsxs14("p", { className: "text-sm", children: [
         "Send funds to",
         " ",
-        /* @__PURE__ */ jsx16("span", { className: "font-mono text-white", children: /* @__PURE__ */ jsx16(TruncatedHex, { hex: sessionAddress }) }),
+        /* @__PURE__ */ jsxs14(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 font-mono text-white cursor-pointer hover:text-white/80 transition-colors",
+            onClick: handleCopy,
+            title: "Click to copy",
+            children: [
+              /* @__PURE__ */ jsx19(TruncatedHex, { hex: sessionAddress }),
+              " ",
+              copied ? /* @__PURE__ */ jsx19(CheckIcon, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx19(CopyIcon, { className: "w-3.5 h-3.5" })
+            ]
+          }
+        ),
         " ",
         "on ",
         chain.name,
@@ -1973,46 +2074,29 @@ function GasBalance({ isActive, isExpanded, sessionAddress }) {
 
 // src/onboarding/deposit/DepositFormContainer.tsx
 import { useState as useState4 } from "react";
-import { useChains as useChains5, useChainId } from "wagmi";
+import { useChains as useChains4, useChainId } from "wagmi";
 
 // src/onboarding/deposit/DepositViaTransferForm.tsx
-import { useAccount as useAccount5, useWriteContract, usePrepareTransactionRequest, usePublicClient } from "wagmi";
+import { useAccount as useAccount4, useWriteContract, usePrepareTransactionRequest, usePublicClient } from "wagmi";
 import { encodeFunctionData as encodeFunctionData2 } from "viem";
 import { useMutation as useMutation4, useQuery as useQuery11 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/DepositForm.tsx
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
-import { useAccount as useAccount4, useBalance as useBalance5, useWatchBlockNumber as useWatchBlockNumber2 } from "wagmi";
+import { useEffect as useEffect11, useRef as useRef4 } from "react";
+import { useAccount as useAccount3, useBalance as useBalance5, useWatchBlockNumber as useWatchBlockNumber2 } from "wagmi";
 import { useIsMounted } from "usehooks-ts";
 import { twMerge as twMerge15 } from "tailwind-merge";
 
 // src/onboarding/deposit/ChainSelect.tsx
-import { useMemo as useMemo2 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo2 } from "react";
+import { useAccount, useSwitchChain } from "wagmi";
 import { twMerge as twMerge12 } from "tailwind-merge";
 import * as Select from "@radix-ui/react-select";
-import { useAccount as useAccount2, useChains as useChains2 } from "wagmi";
-
-// src/icons/IconSVG.tsx
-import { twMerge as twMerge7 } from "tailwind-merge";
-import { jsx as jsx17 } from "react/jsx-runtime";
-function IconSVG({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx17(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      className: twMerge7("-my-[0.125em] h-[1.25em] w-[1.25em]", className),
-      ...props,
-      children
-    }
-  );
-}
 
 // src/icons/ChevronUpIcon.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ChevronUpIcon(props) {
-  return /* @__PURE__ */ jsx18(IconSVG, { viewBox: "0 0 20 20", ...props, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20(IconSVG, { viewBox: "0 0 20 20", ...props, children: /* @__PURE__ */ jsx20(
     "path",
     {
       d: "M14.7071 12.7071C14.3166 13.0976 13.6834 13.0976 13.2929 12.7071L10 9.41421L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L9.29289 7.29289C9.68342 6.90237 10.3166 6.90237 10.7071 7.29289L14.7071 11.2929C15.0976 11.6834 15.0976 12.3166 14.7071 12.7071Z",
@@ -2023,9 +2107,9 @@ function ChevronUpIcon(props) {
 }
 
 // src/icons/ChevronDownIcon.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ jsx19(IconSVG, { viewBox: "0 0 20 20", ...props, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(IconSVG, { viewBox: "0 0 20 20", ...props, children: /* @__PURE__ */ jsx21(
     "path",
     {
       d: "M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.70711 7.29289L10 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z",
@@ -2061,17 +2145,16 @@ function Slot({
 
 // src/ui/Input.tsx
 import { twMerge as twMerge9 } from "tailwind-merge";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Input({ asChild, className, ...props }) {
   const Child = asChild ? Slot : "input";
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     Child,
     {
       className: twMerge9(
         "p-2.5 gap-1 border text-lg font-medium transition",
         "outline-none ring-2 ring-transparent focus-within:ring-orange-500 focus-within:border-transparent",
-        "bg-white border-neutral-300 text-black placeholder:text-neutral-400",
-        "dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:placeholder:text-neutral-500",
+        "bg-neutral-900 border-neutral-700 text-white placeholder:text-neutral-500",
         className
       ),
       ...props
@@ -2081,10 +2164,10 @@ function Input({ asChild, className, ...props }) {
 
 // src/onboarding/deposit/ChainBalance.tsx
 import { useBalance as useBalance3 } from "wagmi";
-import { Fragment as Fragment2, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
 function ChainBalance({ chainId, address }) {
   const balance = useBalance3({ chainId, address });
-  return /* @__PURE__ */ jsx21(Fragment2, { children: balance.data ? /* @__PURE__ */ jsx21(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx21(PendingIcon, {}) });
+  return /* @__PURE__ */ jsx23(Fragment2, { children: balance.data ? /* @__PURE__ */ jsx23(Balance, { wei: balance.data.value }) : /* @__PURE__ */ jsx23(PendingIcon, {}) });
 }
 
 // src/onboarding/deposit/ChainIcon.tsx
@@ -2092,29 +2175,29 @@ import { twMerge as twMerge11 } from "tailwind-merge";
 
 // src/onboarding/deposit/PreloadedImage.tsx
 import { twMerge as twMerge10 } from "tailwind-merge";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function PreloadedImage({ url, fallback: fallback2, className }) {
   const { isSuccess, isLoading } = usePreloadImage(url);
-  return /* @__PURE__ */ jsx22("span", { className: twMerge10("inline-flex w-full h-full items-center justify-center overflow-clip", className), children: !isLoading ? isSuccess ? /* @__PURE__ */ jsx22("img", { src: url, className: "w-full h-full object-cover" }) : fallback2 : null });
+  return /* @__PURE__ */ jsx24("span", { className: twMerge10("inline-flex w-full h-full items-center justify-center overflow-clip", className), children: !isLoading ? isSuccess ? /* @__PURE__ */ jsx24("img", { src: url, className: "w-full h-full object-cover" }) : fallback2 : null });
 }
 
 // src/onboarding/deposit/ChainIcon.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var ChainIcon = forwardRef2(function ChainIcon2({ name, url, className }, forwardedRef) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       ref: forwardedRef,
       className: twMerge11("flex-shrink-0 inline-flex w-6 aspect-square rounded-full overflow-clip", className),
-      children: url ? /* @__PURE__ */ jsx23(PreloadedImage, { url }) : (
+      children: url ? /* @__PURE__ */ jsx25(PreloadedImage, { url }) : (
         // TODO: better placeholder
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx25(
           "span",
           {
             className: twMerge11(
               "inline-flex items-center justify-center w-full h-full rounded-full",
-              "border-2 border-dashed border-black/20 dark:border-white/50 opacity-50"
+              "border-2 border-dashed border-white/50 opacity-50"
             ),
             children: name?.slice(0, 1)
           }
@@ -2159,12 +2242,12 @@ function useRelay() {
 }
 
 // src/onboarding/deposit/ChainSelect.tsx
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function ChainSelect({ value, onChange }) {
   const theme = useTheme();
   const { frame } = useFrame();
-  const userAccount = useAccount2();
-  const chains = useChains2();
+  const userAccount = useAccount();
+  const { chains, switchChain } = useSwitchChain();
   const relay = useRelay();
   const relayChains = relay.data?.chains;
   const sourceChains = useMemo2(() => {
@@ -2177,6 +2260,13 @@ function ChainSelect({ value, onChange }) {
     }).filter((c) => c.relayChain);
   }, [chains, relayChains]);
   const selectedChain = sourceChains.find((c) => c.id === value);
+  useEffect10(() => {
+    if (sourceChains.length > 0 && !selectedChain) {
+      const defaultChain = sourceChains[0];
+      onChange(defaultChain.id);
+      switchChain({ chainId: defaultChain.id });
+    }
+  }, [value, selectedChain, sourceChains, onChange, switchChain]);
   return /* @__PURE__ */ jsxs15(
     Select.Root,
     {
@@ -2189,8 +2279,8 @@ function ChainSelect({ value, onChange }) {
         }
       },
       children: [
-        /* @__PURE__ */ jsx24(Input, { asChild: true, children: /* @__PURE__ */ jsxs15(Select.Trigger, { className: "group inline-flex items-center justify-center", children: [
-          /* @__PURE__ */ jsx24(Select.Value, { asChild: true, children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26(Input, { asChild: true, children: /* @__PURE__ */ jsxs15(Select.Trigger, { className: "group inline-flex items-center justify-center", children: [
+          /* @__PURE__ */ jsx26(Select.Value, { asChild: true, children: /* @__PURE__ */ jsx26(
             ChainIcon,
             {
               id: selectedChain?.id,
@@ -2199,18 +2289,17 @@ function ChainSelect({ value, onChange }) {
               className: "w-8"
             }
           ) }),
-          /* @__PURE__ */ jsx24(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-            /* @__PURE__ */ jsx24(ChevronDownIcon, { className: "text-sm -mr-1 group-aria-expanded:hidden" }),
-            /* @__PURE__ */ jsx24(ChevronUpIcon, { className: "text-sm -mr-1 hidden group-aria-expanded:inline" })
+          /* @__PURE__ */ jsx26(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxs15(Fragment3, { children: [
+            /* @__PURE__ */ jsx26(ChevronDownIcon, { className: "text-sm -mr-1 group-aria-expanded:hidden" }),
+            /* @__PURE__ */ jsx26(ChevronUpIcon, { className: "text-sm -mr-1 hidden group-aria-expanded:inline" })
           ] }) })
         ] }) }),
-        frame.contentDocument ? /* @__PURE__ */ jsx24(Select.Portal, { container: frame.contentDocument.body, children: /* @__PURE__ */ jsx24(Select.Content, { position: "popper", className: "w-[352px] mt-1 animate-in fade-in slide-in-from-top-2", children: /* @__PURE__ */ jsx24(Select.Viewport, { children: /* @__PURE__ */ jsx24(
+        frame.contentDocument ? /* @__PURE__ */ jsx26(Select.Portal, { container: frame.contentDocument.body, children: /* @__PURE__ */ jsx26(Select.Content, { position: "popper", className: "w-[352px] mt-1 animate-in fade-in slide-in-from-top-2", children: /* @__PURE__ */ jsx26(Select.Viewport, { children: /* @__PURE__ */ jsx26(
           Select.Group,
           {
             className: twMerge12(
               "flex flex-col border divide-y",
-              "bg-neutral-100 text-neutral-700 border-neutral-300 divide-neutral-300",
-              "dark:bg-neutral-800 dark:text-neutral-300 dark:border-neutral-700 dark:divide-neutral-700"
+              "bg-neutral-800 text-neutral-300 border-neutral-700 divide-neutral-700"
             ),
             children: sourceChains.map((chain) => (
               // TODO: figure out why up/down arrow jump to top/bottom rather than cycling through items
@@ -2221,13 +2310,12 @@ function ChainSelect({ value, onChange }) {
                   className: twMerge12(
                     "group flex p-2.5 gap-2.5 items-center cursor-pointer outline-none",
                     // TODO: different style for checked/active state
-                    "text-black focus:bg-white data-[state=checked]:bg-neutral-200",
-                    "dark:text-white dark:focus:bg-neutral-700 dark:data-[state=checked]:bg-neutral-900"
+                    "text-white focus:bg-neutral-700 data-[state=checked]:bg-neutral-900"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx24(ChainIcon, { id: chain.id, name: chain.name, url: chain.relayChain?.icon?.[theme] }),
-                    /* @__PURE__ */ jsx24("span", { className: "flex-grow flex-shrink-0", children: chain.name }),
-                    /* @__PURE__ */ jsx24("span", { className: "flex-shrink-0 font-mono text-sm text-neutral-500 dark:text-neutral-400", children: /* @__PURE__ */ jsx24(ChainBalance, { chainId: chain.id, address: userAccount.address }) })
+                    /* @__PURE__ */ jsx26(ChainIcon, { id: chain.id, name: chain.name, url: chain.relayChain?.icon?.[theme] }),
+                    /* @__PURE__ */ jsx26("span", { className: "flex-grow flex-shrink-0", children: chain.name }),
+                    /* @__PURE__ */ jsx26("span", { className: "flex-shrink-0 font-mono text-sm text-neutral-400", children: /* @__PURE__ */ jsx26(ChainBalance, { chainId: chain.id, address: userAccount.address }) })
                   ]
                 },
                 chain.id
@@ -2244,18 +2332,14 @@ function ChainSelect({ value, onChange }) {
 import { formatEther as formatEther3, parseEther as parseEther5 } from "viem";
 import { twMerge as twMerge13 } from "tailwind-merge";
 import { forwardRef as forwardRef3 } from "react";
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 var AmountInput = forwardRef3(function AmountInput2({ initialAmount, onChange }, forwardedRef) {
-  return /* @__PURE__ */ jsx25(Input, { asChild: true, className: "w-full cursor-text flex items-center", children: /* @__PURE__ */ jsxs16("label", { children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(Input, { asChild: true, className: "w-full cursor-text flex items-center", children: /* @__PURE__ */ jsxs16("label", { children: [
+    /* @__PURE__ */ jsx27(
       "input",
       {
         ref: forwardedRef,
-        className: twMerge13(
-          "peer flex-grow outline-none bg-transparent",
-          "placeholder:text-neutral-400",
-          "dark:placeholder:text-neutral-500"
-        ),
+        className: twMerge13("peer flex-grow outline-none bg-transparent", "placeholder:text-neutral-500"),
         placeholder: "0.005",
         required: true,
         autoFocus: true,
@@ -2276,36 +2360,27 @@ var AmountInput = forwardRef3(function AmountInput2({ initialAmount, onChange },
         }
       }
     ),
-    /* @__PURE__ */ jsx25(
-      "span",
-      {
-        className: twMerge13(
-          "flex-shrink-0 text-2xl",
-          "peer-placeholder-shown:text-neutral-400",
-          "dark:peer-placeholder-shown:text-neutral-500"
-        ),
-        children: /* @__PURE__ */ jsx25(EthIcon, {})
-      }
-    )
+    /* @__PURE__ */ jsx27("span", { className: twMerge13("flex-shrink-0 text-2xl", "peer-placeholder-shown:text-neutral-500"), children: /* @__PURE__ */ jsx27(EthIcon, {}) })
   ] }) });
 });
 
 // src/onboarding/deposit/SubmitButton.tsx
-import { useAccount as useAccount3, useBalance as useBalance4, useSwitchChain } from "wagmi";
+import { useAccount as useAccount2, useBalance as useBalance4, useSwitchChain as useSwitchChain2 } from "wagmi";
 import { twMerge as twMerge14 } from "tailwind-merge";
 import { parseEther as parseEther6 } from "viem";
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var MAX_DEPOSIT_AMOUNT = "0.1";
 function SubmitButton({ amount, chainId, className, ...buttonProps }) {
-  const { chainId: userChainId, address: userAddress } = useAccount3();
+  const { chainId: userChainId, address: userAddress } = useAccount2();
   const { data: userBalance } = useBalance4({ address: userAddress });
   const shouldSwitchChain = chainId != null && chainId !== userChainId;
-  const switchChain = useSwitchChain();
+  const switchChain = useSwitchChain2();
   if (shouldSwitchChain) {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx28(
       Button,
       {
         type: "button",
+        variant: "primary",
         className: twMerge14("w-full", className),
         pending: switchChain.isPending,
         onClick: () => switchChain.switchChain({ chainId }),
@@ -2320,16 +2395,16 @@ function SubmitButton({ amount, chainId, className, ...buttonProps }) {
         " ETH"
       ] });
     } else if (amount > (userBalance?.value ?? 0n)) {
-      return /* @__PURE__ */ jsx26(Button, { type: "button", className: twMerge14("w-full", className), disabled: true, children: "Insufficient balance" });
+      return /* @__PURE__ */ jsx28(Button, { type: "button", className: twMerge14("w-full", className), disabled: true, children: "Insufficient balance" });
     }
   }
-  return /* @__PURE__ */ jsx26(Button, { type: "submit", className: twMerge14("w-full", className), ...buttonProps });
+  return /* @__PURE__ */ jsx28(Button, { type: "submit", className: twMerge14("w-full", className), ...buttonProps });
 }
 
 // src/icons/WarningIcon.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function WarningIcon(props) {
-  return /* @__PURE__ */ jsx27(IconSVG, { fill: "none", ...props, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx29(IconSVG, { fill: "none", ...props, children: /* @__PURE__ */ jsx29(
     "path",
     {
       d: "M12 9V11M12 15H12.01M5.07183 19H18.9282C20.4678 19 21.4301 17.3333 20.6603 16L13.7321 4C12.9623 2.66667 11.0378 2.66667 10.268 4L3.33978 16C2.56998 17.3333 3.53223 19 5.07183 19Z",
@@ -2350,7 +2425,7 @@ function formatGas(wei) {
 }
 
 // src/onboarding/deposit/DepositForm.tsx
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 function DepositForm({
   sourceChain,
   setSourceChainId,
@@ -2361,9 +2436,9 @@ function DepositForm({
   onSubmit,
   submitButton
 }) {
-  const amountInputRef = useRef2(null);
+  const amountInputRef = useRef4(null);
   const isMounted = useIsMounted();
-  const { address: userAddress, chainId: userChainId } = useAccount4();
+  const { address: userAddress, chainId: userChainId } = useAccount3();
   const balance = useShowQueryError(useBalance5({ chainId: sourceChain.id, address: userAddress }));
   const quarryBalance = useShowQueryError(useBalance(userAddress));
   useWatchBlockNumber2({
@@ -2374,7 +2449,7 @@ function DepositForm({
   });
   const minimumBalance = amount != null ? amount + (estimatedFee?.fee ?? 0n) : void 0;
   const hasMinimumBalance = balance.data != null ? balance.data.value > (minimumBalance ?? 0n) : void 0;
-  useEffect8(() => {
+  useEffect11(() => {
     amountInputRef.current?.focus();
   }, [userChainId]);
   return /* @__PURE__ */ jsxs18(
@@ -2399,33 +2474,32 @@ function DepositForm({
       },
       children: [
         /* @__PURE__ */ jsxs18("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx28(ChainSelect, { value: sourceChain.id, onChange: setSourceChainId }),
-          /* @__PURE__ */ jsx28(AmountInput, { ref: amountInputRef, initialAmount: amount, onChange: setAmount })
+          /* @__PURE__ */ jsx30(ChainSelect, { value: sourceChain.id, onChange: setSourceChainId }),
+          /* @__PURE__ */ jsx30(AmountInput, { ref: amountInputRef, initialAmount: amount, onChange: setAmount })
         ] }),
         /* @__PURE__ */ jsxs18(
           "dl",
           {
             className: twMerge15(
               "grid grid-cols-2 divide-y text-sm leading-loose [&_>_:is(dt,dd)]:px-1 [&_>_dd]:text-right",
-              "divide-neutral-200 text-neutral-500",
-              "dark:divide-neutral-700 dark:text-neutral-400"
+              "divide-neutral-700 text-neutral-400"
             ),
             children: [
-              /* @__PURE__ */ jsx28("dt", { children: "Available to deposit" }),
-              /* @__PURE__ */ jsx28("dd", { children: balance.isSuccess ? /* @__PURE__ */ jsx28(Balance, { wei: balance.data.value }) : balance.isError ? /* @__PURE__ */ jsx28("span", { title: String(balance.error), children: /* @__PURE__ */ jsx28(WarningIcon, { className: "inline-block text-amber-500" }) }) : balance.isLoading ? /* @__PURE__ */ jsx28(PendingIcon, { className: "inline-block text-xs" }) : null }),
-              /* @__PURE__ */ jsx28("dt", { children: "Gas balance after deposit" }),
-              /* @__PURE__ */ jsx28("dd", { children: /* @__PURE__ */ jsx28(Balance, { wei: (quarryBalance.data ?? 0n) + (amount ?? 0n) }) }),
-              /* @__PURE__ */ jsx28("dt", { children: "Estimated fee" }),
-              /* @__PURE__ */ jsx28("dd", { children: estimatedFee.fee ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
+              /* @__PURE__ */ jsx30("dt", { children: "Available to deposit" }),
+              /* @__PURE__ */ jsx30("dd", { children: balance.isSuccess ? /* @__PURE__ */ jsx30(Balance, { wei: balance.data.value }) : balance.isError ? /* @__PURE__ */ jsx30("span", { title: String(balance.error), children: /* @__PURE__ */ jsx30(WarningIcon, { className: "inline-block text-amber-500" }) }) : balance.isLoading ? /* @__PURE__ */ jsx30(PendingIcon, { className: "inline-block text-xs" }) : null }),
+              /* @__PURE__ */ jsx30("dt", { children: "Gas balance after deposit" }),
+              /* @__PURE__ */ jsx30("dd", { children: /* @__PURE__ */ jsx30(Balance, { wei: (quarryBalance.data ?? 0n) + (amount ?? 0n) }) }),
+              /* @__PURE__ */ jsx30("dt", { children: "Estimated fee" }),
+              /* @__PURE__ */ jsx30("dd", { children: estimatedFee.fee ? /* @__PURE__ */ jsxs18(Fragment4, { children: [
                 formatGas(estimatedFee.fee),
                 " gwei"
-              ] }) : estimatedFee.error ? /* @__PURE__ */ jsx28("span", { title: String(estimatedFee.error), children: /* @__PURE__ */ jsx28(WarningIcon, { className: "inline-block text-amber-500" }) }) : estimatedFee.isLoading ? /* @__PURE__ */ jsx28(PendingIcon, { className: "inline-block text-xs" }) : null }),
-              /* @__PURE__ */ jsx28("dt", { children: "Time to deposit" }),
-              /* @__PURE__ */ jsx28("dd", { children: estimatedTime })
+              ] }) : estimatedFee.error ? /* @__PURE__ */ jsx30("span", { title: String(estimatedFee.error), children: /* @__PURE__ */ jsx30(WarningIcon, { className: "inline-block text-amber-500" }) }) : estimatedFee.isLoading ? /* @__PURE__ */ jsx30(PendingIcon, { className: "inline-block text-xs" }) : null }),
+              /* @__PURE__ */ jsx30("dt", { children: "Time to deposit" }),
+              /* @__PURE__ */ jsx30("dd", { children: estimatedTime })
             ]
           }
         ),
-        hasMinimumBalance ? submitButton : /* @__PURE__ */ jsx28(SubmitButton, { disabled: true, children: "Not enough funds" })
+        hasMinimumBalance ? submitButton : /* @__PURE__ */ jsx30(SubmitButton, { disabled: true, children: "Not enough funds" })
       ]
     }
   );
@@ -2479,12 +2553,12 @@ function useDeposits() {
 }
 
 // src/onboarding/deposit/DepositViaTransferForm.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChainId }) {
   const { chain } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
   const publicClient = usePublicClient();
-  const { address: userAddress } = useAccount5();
+  const { address: userAddress } = useAccount4();
   const { writeContractAsync } = useWriteContract();
   const { addDeposit } = useDeposits();
   if (!userAddress) {
@@ -2547,7 +2621,7 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
     }
   });
   const estimatedFee = prepareData?.gas && gasPrice ? prepareData.gas * gasPrice : void 0;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx31(
     DepositForm,
     {
       sourceChain,
@@ -2563,7 +2637,7 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
       onSubmit: async () => {
         await deposit.mutateAsync();
       },
-      submitButton: /* @__PURE__ */ jsx29(
+      submitButton: /* @__PURE__ */ jsx31(
         SubmitButton,
         {
           variant: "primary",
@@ -2580,15 +2654,15 @@ function DepositViaTransferForm({ amount, setAmount, sourceChain, setSourceChain
 
 // src/onboarding/deposit/DepositViaRelayForm.tsx
 import { encodeFunctionData as encodeFunctionData3 } from "viem";
-import { useAccount as useAccount6, useWalletClient } from "wagmi";
+import { useAccount as useAccount5, useWalletClient } from "wagmi";
 import { useMutation as useMutation5, useQuery as useQuery12 } from "@tanstack/react-query";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
 function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId }) {
   const { chain, chainId: destinationChainId } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
   const { data: wallet } = useWalletClient();
-  const { address: userAddress } = useAccount6();
+  const { address: userAddress } = useAccount5();
   const { addDeposit } = useDeposits();
   const { data: relay } = useRelay();
   const relayClient = relay?.client;
@@ -2668,7 +2742,7 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
   const gasFee = BigInt(fees?.gas?.amount ?? 0);
   const relayerFee = BigInt(fees?.relayer?.amount ?? 0);
   const fee = gasFee + relayerFee;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     DepositForm,
     {
       sourceChain,
@@ -2685,7 +2759,7 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
         if (!quote.data || !amount) return;
         await deposit.mutateAsync({ quote: quote.data, amount });
       },
-      submitButton: /* @__PURE__ */ jsx30(
+      submitButton: /* @__PURE__ */ jsx32(
         SubmitButton,
         {
           variant: "primary",
@@ -2701,36 +2775,20 @@ function DepositViaRelayForm({ amount, setAmount, sourceChain, setSourceChainId
 }
 
 // src/onboarding/deposit/Deposits.tsx
-import { useEffect as useEffect10 } from "react";
-import { useQuery as useQuery15, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+import { useEffect as useEffect13 } from "react";
+import { useQuery as useQuery15, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/TransferDepositStatus.tsx
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 
 // src/onboarding/deposit/DepositStatus.tsx
-import { useEffect as useEffect9, useState as useState3 } from "react";
+import { useEffect as useEffect12, useState as useState3 } from "react";
 import { twMerge as twMerge16 } from "tailwind-merge";
 
-// src/icons/CheckIcon.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-function CheckIcon(props) {
-  return /* @__PURE__ */ jsx31(IconSVG, { ...props, children: /* @__PURE__ */ jsx31(
-    "path",
-    {
-      d: "M5 13L9 17L19 7",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-
 // src/icons/CloseIcon.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return /* @__PURE__ */ jsx32(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(IconSVG, { strokeWidth: "2", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx33(
     "path",
     {
       d: "M6 18L18 6M6 6L18 18",
@@ -2744,18 +2802,18 @@ function CloseIcon(props) {
 }
 
 // src/onboarding/deposit/DepositStatus.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function DepositStatus({ status, progress, children, onDismiss }) {
   const [appear, setAppear] = useState3(false);
-  useEffect9(() => {
+  useEffect12(() => {
     setAppear(true);
   }, []);
-  return /* @__PURE__ */ jsxs19("div", { className: "group bg-white dark:bg-neutral-900 flex flex-col animate-in fade-in slide-in-from-bottom-2 animate-out fade-out", children: [
+  return /* @__PURE__ */ jsxs19("div", { className: "group bg-neutral-900 flex flex-col animate-in fade-in slide-in-from-bottom-2 animate-out fade-out", children: [
     /* @__PURE__ */ jsxs19("div", { className: "py-1 text-sm flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx33("div", { className: "flex-grow", children }),
+      /* @__PURE__ */ jsx34("div", { className: "flex-grow", children }),
       /* @__PURE__ */ jsxs19("div", { className: "flex-shrink-0 grid", children: [
-        /* @__PURE__ */ jsx33("span", { className: "col-start-1 row-start-1 transition opacity-100 group-hover:opacity-0 group-hover:pointer-events-none", children: status === "success" ? /* @__PURE__ */ jsx33(CheckIcon, { className: "text-green-600" }) : status === "error" ? /* @__PURE__ */ jsx33(WarningIcon, { className: "text-amber-500" }) : /* @__PURE__ */ jsx33(PendingIcon, { className: "text-neutral-400 dark:text-neutral-500 transition" }) }),
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34("span", { className: "col-start-1 row-start-1 transition opacity-100 group-hover:opacity-0 group-hover:pointer-events-none", children: status === "success" ? /* @__PURE__ */ jsx34(CheckIcon, { className: "text-green-600" }) : status === "error" ? /* @__PURE__ */ jsx34(WarningIcon, { className: "text-amber-500" }) : /* @__PURE__ */ jsx34(PendingIcon, { className: "text-neutral-500 transition" }) }),
+        /* @__PURE__ */ jsx34(
           "button",
           {
             type: "button",
@@ -2763,22 +2821,21 @@ function DepositStatus({ status, progress, children, onDismiss }) {
               "col-start-1 row-start-1 flex items-center justify-center transition",
               "opacity-0 pointer-events-none",
               "group-hover:opacity-100 group-hover:pointer-events-auto",
-              "text-neutral-400 hover:text-black",
-              "dark:text-neutral-500 dark:hover:text-white"
+              "text-neutral-500 hover:text-white"
             ),
             title: "Dismiss",
             onClick: onDismiss,
-            children: /* @__PURE__ */ jsx33(CloseIcon, {})
+            children: /* @__PURE__ */ jsx34(CloseIcon, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx33("div", { className: "w-full h-[2px] -mt-full overflow-clip", children: /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx34("div", { className: "w-full h-[2px] -mt-full overflow-clip", children: /* @__PURE__ */ jsx34(
       "div",
       {
         className: twMerge16(
           "w-full h-full transition ease-linear",
-          status === "success" ? "bg-green-500 dark:bg-green-600" : status === "error" ? "bg-red-500 dark:bg-red-600" : "bg-blue-500 dark:bg-blue-600",
+          status === "success" ? "bg-green-600" : status === "error" ? "bg-red-600" : "bg-blue-600",
           status === "pending" ? "opacity-100" : "opacity-0"
         ),
         style: status === "pending" ? {
@@ -2792,8 +2849,8 @@ function DepositStatus({ status, progress, children, onDismiss }) {
 }
 
 // src/onboarding/deposit/TransferDepositStatus.tsx
-import { useChains as useChains3 } from "wagmi";
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useChains as useChains2 } from "wagmi";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 function TransferDepositStatus({
   amount,
   chainL1Id,
@@ -2803,13 +2860,13 @@ function TransferDepositStatus({
   estimatedTime,
   onDismiss
 }) {
-  const chains = useChains3();
+  const chains = useChains2();
   const chain = chains.find((chain2) => chain2.id === chainL1Id);
   const receipt = useQuery13({
     queryKey: ["transferDepositStatus", hash],
     queryFn: () => receiptPromise
   });
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     DepositStatus,
     {
       status: receipt.status,
@@ -2824,7 +2881,7 @@ function TransferDepositStatus({
           return /* @__PURE__ */ jsxs20(Fragment5, { children: [
             "Confirming deposit on",
             " ",
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(
               "a",
               {
                 href: blockExplorer ? `${blockExplorer}/tx/${hash}` : void 0,
@@ -2840,7 +2897,7 @@ function TransferDepositStatus({
           return /* @__PURE__ */ jsxs20(Fragment5, { children: [
             "Could not find deposit on",
             " ",
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(
               "a",
               {
                 href: blockExplorer ? `${blockExplorer}/tx/${hash}` : void 0,
@@ -2855,7 +2912,7 @@ function TransferDepositStatus({
         return /* @__PURE__ */ jsxs20(Fragment5, { children: [
           "Successfully",
           " ",
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx35(
             "a",
             {
               href: blockExplorer ? `${blockExplorer}/tx/${receipt.data.transactionHash}` : void 0,
@@ -2865,8 +2922,7 @@ function TransferDepositStatus({
             }
           ),
           " ",
-          /* @__PURE__ */ jsx34(Balance, { wei: amount }),
-          " !"
+          /* @__PURE__ */ jsx35(Balance, { wei: amount })
         ] });
       })()
     }
@@ -2875,8 +2931,8 @@ function TransferDepositStatus({
 
 // src/onboarding/deposit/RelayDepositStatus.tsx
 import { useQuery as useQuery14 } from "@tanstack/react-query";
-import { useChains as useChains4 } from "wagmi";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useChains as useChains3 } from "wagmi";
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 function RelayDepositStatus({
   amount,
   chainL1Id,
@@ -2886,14 +2942,14 @@ function RelayDepositStatus({
   depositPromise,
   onDismiss
 }) {
-  const chains = useChains4();
+  const chains = useChains3();
   const chainL1 = chains.find((chain) => chain.id === chainL1Id);
   const chainL2 = chains.find((chain) => chain.id === chainL2Id);
   const deposit = useQuery14({
     queryKey: ["relayDepositPromise", chainL1Id, chainL2Id, amount.toString(), start.toISOString()],
     queryFn: () => depositPromise
   });
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     DepositStatus,
     {
       status: deposit.status,
@@ -2919,7 +2975,7 @@ function RelayDepositStatus({
         }
         return /* @__PURE__ */ jsxs21(Fragment6, { children: [
           "Successfully bridged ",
-          /* @__PURE__ */ jsx35(Balance, { wei: amount }),
+          /* @__PURE__ */ jsx36(Balance, { wei: amount }),
           " to ",
           chainL2.name,
           "!"
@@ -2930,13 +2986,13 @@ function RelayDepositStatus({
 }
 
 // src/onboarding/deposit/Deposits.tsx
-import { useAccount as useAccount7, useClient as useClient11 } from "wagmi";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { useAccount as useAccount6, useClient as useClient11 } from "wagmi";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Deposits() {
-  const queryClient = useQueryClient6();
+  const queryClient = useQueryClient7();
   const { chainId } = useEntryKitConfig();
   const client = useClient11({ chainId });
-  const { address: userAddress } = useAccount7();
+  const { address: userAddress } = useAccount6();
   const { deposits, removeDeposit } = useDeposits();
   const { data: isComplete } = useQuery15({
     queryKey: ["depositsComplete", deposits.map((deposit) => deposit.uid)],
@@ -2946,33 +3002,33 @@ function Deposits() {
       return true;
     }
   });
-  useEffect10(() => {
+  useEffect13(() => {
     if (isComplete) {
       queryClient.invalidateQueries({ queryKey: ["balance"] });
       queryClient.invalidateQueries({ queryKey: ["getBalance", client?.uid, userAddress] });
     }
   }, [client?.uid, isComplete, queryClient, userAddress]);
   if (!deposits.length) return null;
-  return /* @__PURE__ */ jsx36("div", { className: "flex flex-col gap-1 mt-4", children: deposits.map((deposit) => {
+  return /* @__PURE__ */ jsx37("div", { className: "flex flex-col gap-1 mt-4", children: deposits.map((deposit) => {
     if (deposit.type === "transfer") {
-      return /* @__PURE__ */ jsx36(TransferDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
+      return /* @__PURE__ */ jsx37(TransferDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
     } else if (deposit.type === "relay") {
-      return /* @__PURE__ */ jsx36(RelayDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
+      return /* @__PURE__ */ jsx37(RelayDepositStatus, { ...deposit, onDismiss: () => removeDeposit(deposit.uid) }, deposit.uid);
     }
   }) });
 }
 
 // src/onboarding/deposit/DepositFormContainer.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function DepositFormContainer() {
   const { chainId: destinationChainId } = useEntryKitConfig();
   const chainId = useChainId();
-  const chains = useChains5();
+  const chains = useChains4();
   const [amount, setAmount] = useState4(void 0);
   const [sourceChainId, setSourceChainId] = useState4(chainId);
   const sourceChain = chains.find(({ id }) => id === sourceChainId);
   return /* @__PURE__ */ jsxs22("div", { className: "pt-10 pb-2", children: [
-    destinationChainId === sourceChainId ? /* @__PURE__ */ jsx37(
+    destinationChainId === sourceChainId ? /* @__PURE__ */ jsx38(
       DepositViaTransferForm,
       {
         amount,
@@ -2980,7 +3036,7 @@ function DepositFormContainer() {
         sourceChain,
         setSourceChainId
       }
-    ) : /* @__PURE__ */ jsx37(
+    ) : /* @__PURE__ */ jsx38(
       DepositViaRelayForm,
       {
         amount,
@@ -2989,14 +3045,14 @@ function DepositFormContainer() {
         setSourceChainId
       }
     ),
-    /* @__PURE__ */ jsx37(Deposits, {})
+    /* @__PURE__ */ jsx38(Deposits, {})
   ] });
 }
 
 // src/icons/ArrowLeftIcon.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function ArrowLeftIcon(props) {
-  return /* @__PURE__ */ jsx38(IconSVG, { ...props, children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(IconSVG, { ...props, children: /* @__PURE__ */ jsx39(
     "path",
     {
       d: "M19 12H5M12 19l-7-7 7-7",
@@ -3010,29 +3066,39 @@ function ArrowLeftIcon(props) {
 }
 
 // src/onboarding/quarry/GasBalance.tsx
-import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect14 } from "react";
+import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress }) {
+  const queryClient = useQueryClient8();
   const balance = useShowQueryError(useBalance(userAddress));
+  const prevBalance = usePrevious(balance.data || 0n);
+  useEffect14(() => {
+    if (balance.data != null && prevBalance === 0n && balance.data > 0n) {
+      queryClient.invalidateQueries({ queryKey: ["getPrerequisites"] });
+      setFocused(false);
+    }
+  }, [balance.data, prevBalance, setFocused, queryClient, userAddress]);
   if (isFocused) {
     return /* @__PURE__ */ jsxs23(Fragment7, { children: [
-      isFocused && /* @__PURE__ */ jsx39("div", { className: "absolute top-0 left-0", children: /* @__PURE__ */ jsx39(
+      isFocused && /* @__PURE__ */ jsx40("div", { className: "absolute top-0 left-0", children: /* @__PURE__ */ jsx40(
         "div",
         {
           className: "flex items-center justify-center w-10 h-10 text-white/20 hover:text-white/40 cursor-pointer",
           onClick: () => setFocused(false),
-          children: /* @__PURE__ */ jsx39(ArrowLeftIcon, { className: "m-0" })
+          children: /* @__PURE__ */ jsx40(ArrowLeftIcon, { className: "m-0" })
         }
       ) }),
-      /* @__PURE__ */ jsx39(DepositFormContainer, {})
+      /* @__PURE__ */ jsx40(DepositFormContainer, {})
     ] });
   }
   return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex justify-between gap-4", children: [
       /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx39("div", { children: "Gas balance" }),
-        /* @__PURE__ */ jsx39("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx39(Balance, { wei: balance.data }) : /* @__PURE__ */ jsx39(PendingIcon, { className: "text-sm" }) })
+        /* @__PURE__ */ jsx40("div", { children: "Gas balance" }),
+        /* @__PURE__ */ jsx40("div", { className: "font-mono text-white", children: balance.data != null ? /* @__PURE__ */ jsx40(Balance, { wei: balance.data }) : /* @__PURE__ */ jsx40(PendingIcon, { className: "text-sm" }) })
       ] }),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Button,
         {
           variant: isActive ? "primary" : "tertiary",
@@ -3044,27 +3110,27 @@ function GasBalance2({ isActive, isExpanded, isFocused, setFocused, userAddress
         }
       )
     ] }),
-    isExpanded ? /* @__PURE__ */ jsx39("p", { className: "text-sm", children: "Your gas balance is used to pay for onchain computation." }) : null
+    isExpanded ? /* @__PURE__ */ jsx40("p", { className: "text-sm", children: "Your gas balance is used to pay for onchain computation." }) : null
   ] });
 }
 
 // src/onboarding/ConnectedSteps.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function ConnectedSteps({ userClient, initialUserAddress }) {
   const { chain } = useEntryKitConfig();
   const paymaster = getPaymaster(chain);
   const [focusedId, setFocusedId] = useState5(null);
   const userAddress = userClient.account.address;
   const { data: prerequisites, error: prerequisitesError } = usePrerequisites(userAddress);
-  useEffect11(() => {
+  useEffect15(() => {
     if (prerequisitesError) {
       console.error("Could not get prerequisites", prerequisitesError);
     }
   }, [prerequisitesError]);
   const { closeAccountModal } = useAccountModal();
   const isNewConnection = userAddress !== initialUserAddress;
-  const initialPrerequisites = useRef3(prerequisites);
-  useEffect11(() => {
+  const initialPrerequisites = useRef5(prerequisites);
+  useEffect15(() => {
     if (prerequisites == null) return;
     if (initialPrerequisites.current == null) {
       initialPrerequisites.current = prerequisites;
@@ -3075,7 +3141,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
       }
     }
   }, [closeAccountModal, isNewConnection, prerequisites]);
-  const { sessionAddress, hasAllowance, isSpender, hasDelegation, hasGasBalance, hasQuarryBalance } = prerequisites ?? {};
+  const { sessionAddress, hasAllowance, isSpender, hasDelegation, hasGasBalance, hasQuarryGasBalance } = prerequisites ?? {};
   const steps = useMemo4(() => {
     if (!userAddress) {
       return [
@@ -3090,7 +3156,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
       {
         id: "wallet",
         isComplete: true,
-        content: (props) => /* @__PURE__ */ jsx40(Wallet, { ...props, userAddress })
+        content: (props) => /* @__PURE__ */ jsx41(Wallet, { ...props, userAddress })
       }
     ];
     if (!paymaster) {
@@ -3098,7 +3164,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
         steps2.push({
           id: "gasBalance",
           isComplete: !!hasGasBalance,
-          content: (props) => /* @__PURE__ */ jsx40(GasBalance, { ...props, sessionAddress })
+          content: (props) => /* @__PURE__ */ jsx41(GasBalance, { ...props, sessionAddress })
         });
       }
     } else if (paymaster.type === "quarry") {
@@ -3106,27 +3172,27 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
         steps2.push({
           id: "allowance",
           isComplete: !!hasAllowance,
-          content: (props) => /* @__PURE__ */ jsx40(Allowance, { ...props, userAddress })
+          content: (props) => /* @__PURE__ */ jsx41(Allowance, { ...props, userAddress })
         });
       } else {
         steps2.push({
           id: "gasBalanceQuarry",
-          isComplete: !!hasQuarryBalance,
-          content: (props) => /* @__PURE__ */ jsx40(GasBalance2, { ...props, userAddress })
+          isComplete: !!hasQuarryGasBalance,
+          content: (props) => /* @__PURE__ */ jsx41(GasBalance2, { ...props, userAddress })
         });
       }
     }
     steps2.push({
       id: "session",
       isComplete: !!isSpender && !!hasDelegation,
-      content: (props) => /* @__PURE__ */ jsx40(Session, { ...props, userClient, registerSpender: !isSpender, registerDelegation: !hasDelegation })
+      content: (props) => /* @__PURE__ */ jsx41(Session, { ...props, userClient, registerSpender: !isSpender, registerDelegation: !hasDelegation })
     });
     return steps2;
   }, [
     hasAllowance,
     hasDelegation,
     hasGasBalance,
-    hasQuarryBalance,
+    hasQuarryGasBalance,
     isSpender,
     paymaster,
     sessionAddress,
@@ -3138,7 +3204,7 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
   const completedSteps = steps.filter((step) => step.isComplete);
   const activeStep = (selectedStepId != null ? steps.find((step) => step.id === selectedStepId) : null) ?? nextStep ?? (completedSteps.length < steps.length ? completedSteps.at(-1) : null);
   const activeStepIndex = activeStep ? steps.indexOf(activeStep) : -1;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: twMerge17(
@@ -3163,24 +3229,24 @@ function ConnectedSteps({ userClient, initialUserAddress }) {
           }
           return null;
         }
-        return /* @__PURE__ */ jsx40("div", { className: twMerge17("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ jsx40("div", { className: twMerge17("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: content }) }, step.id);
+        return /* @__PURE__ */ jsx41("div", { className: twMerge17("py-8 flex flex-col justify-center", isActive ? "flex-grow" : null), children: /* @__PURE__ */ jsx41("div", { className: twMerge17("flex flex-col", isDisabled ? "opacity-30 pointer-events-none" : null), children: content }) }, step.id);
       })
     }
   );
 }
 
 // src/AccountModalContent.tsx
-import { useRef as useRef4 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { useRef as useRef6 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function AccountModalContent() {
   const { chainId } = useEntryKitConfig();
   const userClient = useConnectorClient({ chainId });
-  const { address: userAddress } = useAccount8();
-  const initialUserAddress = useRef4(userAddress);
+  const { address: userAddress } = useAccount7();
+  const initialUserAddress = useRef6(userAddress);
   if (userClient.status !== "success") {
-    return /* @__PURE__ */ jsx41(ConnectWallet, {});
+    return /* @__PURE__ */ jsx42(ConnectWallet, {});
   }
-  return /* @__PURE__ */ jsx41(ConnectedSteps, { userClient: userClient.data, initialUserAddress: initialUserAddress.current });
+  return /* @__PURE__ */ jsx42(ConnectedSteps, { userClient: userClient.data, initialUserAddress: initialUserAddress.current });
 }
 
 // src/AccountModal.tsx
@@ -3189,17 +3255,17 @@ import { ErrorBoundary } from "react-error-boundary";
 
 // src/errors/ErrorOverlay.tsx
 import { wait } from "@latticexyz/common/utils";
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect16 } from "react";
 import { twMerge as twMerge18 } from "tailwind-merge";
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 function ErrorOverlay({ error: error2, retry, dismiss }) {
-  useEffect12(() => {
+  useEffect16(() => {
     if (error2) {
       console.error(error2);
     }
   }, [error2]);
   return /* @__PURE__ */ jsxs24("div", { className: "pointer-events-none absolute inset-0 overflow-clip", children: [
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(
       "div",
       {
         className: twMerge18(
@@ -3209,7 +3275,7 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(
       "div",
       {
         className: twMerge18(
@@ -3217,15 +3283,15 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
           "transition duration-300",
           error2 ? "translate-y-0 opacity-100 pointer-events-auto" : "-translate-y-4 opacity-0"
         ),
-        children: error2 ? /* @__PURE__ */ jsx42(Fragment8, { children: /* @__PURE__ */ jsxs24("div", { className: "w-full max-h-full bg-blue-700 text-white/80 overflow-auto", children: [
+        children: error2 ? /* @__PURE__ */ jsx43(Fragment8, { children: /* @__PURE__ */ jsxs24("div", { className: "w-full max-h-full bg-blue-700 text-white/80 overflow-auto", children: [
           /* @__PURE__ */ jsxs24("div", { className: "space-y-6 px-8 pt-8", children: [
-            /* @__PURE__ */ jsx42("div", { className: "text-white text-lg font-bold", children: "Oops! It broke :(" }),
-            /* @__PURE__ */ jsx42("div", { className: "font-mono text-xs whitespace-pre-wrap", children: error2.message.trim() }),
-            /* @__PURE__ */ jsx42("div", { className: "text-sm", children: "See the console for more info." })
+            /* @__PURE__ */ jsx43("div", { className: "text-white text-lg font-bold", children: "Oops! It broke :(" }),
+            /* @__PURE__ */ jsx43("div", { className: "font-mono text-xs whitespace-pre-wrap", children: error2.message.trim() }),
+            /* @__PURE__ */ jsx43("div", { className: "text-sm", children: "See the console for more info." })
           ] }),
           /* @__PURE__ */ jsxs24("div", { className: "pointer-events-none sticky bottom-0 left-0 -mt-2", children: [
-            /* @__PURE__ */ jsx42("div", { className: "w-full h-12 bg-gradient-to-b from-transparent to-blue-700" }),
-            retry ? /* @__PURE__ */ jsx42("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsxs24(
+            /* @__PURE__ */ jsx43("div", { className: "w-full h-12 bg-gradient-to-b from-transparent to-blue-700" }),
+            retry ? /* @__PURE__ */ jsx43("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsxs24(
               "button",
               {
                 type: "button",
@@ -3244,11 +3310,11 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx42("span", { className: "group-aria-busy:hidden", children: "Retry" }),
-                  /* @__PURE__ */ jsx42("span", { className: "hidden group-aria-busy:inline", children: "Retrying\u2026" })
+                  /* @__PURE__ */ jsx43("span", { className: "group-aria-busy:hidden", children: "Retry" }),
+                  /* @__PURE__ */ jsx43("span", { className: "hidden group-aria-busy:inline", children: "Retrying\u2026" })
                 ]
               }
-            ) }) : dismiss ? /* @__PURE__ */ jsx42("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsx42(
+            ) }) : dismiss ? /* @__PURE__ */ jsx43("div", { className: "bg-blue-700 text-center", children: /* @__PURE__ */ jsx43(
               "button",
               {
                 type: "button",
@@ -3270,24 +3336,24 @@ function ErrorOverlay({ error: error2, retry, dismiss }) {
 }
 
 // src/errors/ErrorFallback.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function ErrorFallback({ error: error2, resetErrorBoundary }) {
-  return /* @__PURE__ */ jsx43("div", { className: "h-64", children: /* @__PURE__ */ jsx43(ErrorOverlay, { error: error2, retry: resetErrorBoundary }) });
+  return /* @__PURE__ */ jsx44("div", { className: "h-64", children: /* @__PURE__ */ jsx44(ErrorOverlay, { error: error2, retry: resetErrorBoundary }) });
 }
 
 // src/errors/ErrorsOverlay.tsx
 import { useStore as useStore3 } from "zustand";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function ErrorsOverlay() {
   const error2 = useStore3(store3, (state) => state.errors.at(0));
-  return /* @__PURE__ */ jsx44(ErrorOverlay, { error: error2?.error, retry: error2?.retry, dismiss: error2?.dismiss });
+  return /* @__PURE__ */ jsx45(ErrorOverlay, { error: error2?.error, retry: error2?.retry, dismiss: error2?.dismiss });
 }
 
 // src/AccountModal.tsx
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 function AccountModal() {
   const { accountModalOpen, toggleAccountModal } = useAccountModal();
-  return /* @__PURE__ */ jsx45(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: accountModalOpen ? /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx46(Modal, { open: accountModalOpen, onOpenChange: toggleAccountModal, children: accountModalOpen ? /* @__PURE__ */ jsxs25(
     "div",
     {
       className: twMerge19(
@@ -3299,8 +3365,8 @@ function AccountModal() {
       ),
       children: [
         /* @__PURE__ */ jsxs25(ErrorBoundary, { FallbackComponent: ErrorFallback, children: [
-          /* @__PURE__ */ jsx45(AccountModalContent, {}),
-          /* @__PURE__ */ jsx45(ErrorsOverlay, {})
+          /* @__PURE__ */ jsx46(AccountModalContent, {}),
+          /* @__PURE__ */ jsx46(ErrorsOverlay, {})
         ] }),
         /* @__PURE__ */ jsxs25(
           "a",
@@ -3310,12 +3376,12 @@ function AccountModal() {
             rel: "noreferrer noopener",
             className: "group self-center p-3 flex items-center justify-center gap-2 links-unset text-sm font-mono transition text-neutral-400 hover:text-white",
             children: [
-              /* @__PURE__ */ jsx45("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx45(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
-              /* @__PURE__ */ jsx45("span", { children: "Powered by MUD" })
+              /* @__PURE__ */ jsx46("span", { className: "block w-4 h-4", children: /* @__PURE__ */ jsx46(Logo, { className: "w-full h-full text-orange-500 group-hover:rotate-90 transition duration-300" }) }),
+              /* @__PURE__ */ jsx46("span", { children: "Powered by MUD" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx45("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx46(
           DialogClose,
           {
             className: twMerge19(
@@ -3323,7 +3389,7 @@ function AccountModal() {
               "text-white/20 hover:text-white/40"
             ),
             title: "Close",
-            children: /* @__PURE__ */ jsx45(CloseIcon, { className: "m-0" })
+            children: /* @__PURE__ */ jsx46(CloseIcon, { className: "m-0" })
           }
         ) })
       ]
@@ -3332,27 +3398,27 @@ function AccountModal() {
 }
 
 // src/EntryKitProvider.tsx
-import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
 function EntryKitProvider({ config, children }) {
   return /* @__PURE__ */ jsxs26(EntryKitConfigProvider, { config, children: [
     children,
-    /* @__PURE__ */ jsx46(AccountModal, {})
+    /* @__PURE__ */ jsx47(AccountModal, {})
   ] });
 }
 
 // src/AccountButton.tsx
-import { useAccount as useAccount9 } from "wagmi";
+import { useAccount as useAccount8 } from "wagmi";
 import { twMerge as twMerge21 } from "tailwind-merge";
 
 // src/AccountName.tsx
 import { twMerge as twMerge20 } from "tailwind-merge";
-import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
 function AccountName({ address }) {
   const { data: ens } = useENS(address);
   const avatar = usePreloadImage(ens?.avatar);
   return /* @__PURE__ */ jsxs27(Fragment9, { children: [
     /* @__PURE__ */ jsxs27("span", { className: "flex-shrink-0 w-6 h-6 -my-1 -mx-0.5 grid place-items-center", children: [
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         "img",
         {
           src: ens?.avatar && avatar.isSuccess ? ens.avatar : void 0,
@@ -3364,7 +3430,7 @@ function AccountName({ address }) {
           )
         }
       ),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         Logo,
         {
           className: twMerge20(
@@ -3375,13 +3441,13 @@ function AccountName({ address }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx47("span", { className: "flex-grow", children: ens?.name ?? /* @__PURE__ */ jsx47(TruncatedHex, { hex: address }) })
+    /* @__PURE__ */ jsx48("span", { className: "flex-grow", children: ens?.name ?? /* @__PURE__ */ jsx48(TruncatedHex, { hex: address }) })
   ] });
 }
 
 // src/AccountButton.tsx
-import { useRef as useRef5 } from "react";
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { useRef as useRef7 } from "react";
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 var containerClassNames = twMerge21(
   "w-48 p-3 inline-flex outline-none transition",
   "border border-transparent",
@@ -3396,8 +3462,8 @@ var secondaryInteractiveClassNames = twMerge21(
 );
 function AccountButton() {
   const { openAccountModal, accountModalOpen } = useAccountModal();
-  const { status, address: userAddress } = useAccount9();
-  const initialUserAddress = useRef5(userAddress);
+  const { status, address: userAddress } = useAccount8();
+  const initialUserAddress = useRef7(userAddress);
   const prereqs = usePrerequisites(userAddress);
   const isConnected = status === "connected" || status === "reconnecting" && userAddress;
   const isNewConnection = userAddress !== initialUserAddress.current;
@@ -3409,13 +3475,13 @@ function AccountButton() {
     }
     return "Sign in";
   })();
-  return /* @__PURE__ */ jsx48(Shadow, { mode: "child", children: isSignedIn ? /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(Shadow, { mode: "child", children: isSignedIn ? /* @__PURE__ */ jsx49(
     "button",
     {
       type: "button",
       className: twMerge21(containerClassNames, secondaryClassNames, secondaryInteractiveClassNames),
       onClick: openAccountModal,
-      children: /* @__PURE__ */ jsx48("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ jsx48(AccountName, { address: userAddress }) : null })
+      children: /* @__PURE__ */ jsx49("span", { className: "flex-grow inline-flex gap-2.5 items-center text-left font-medium", children: userAddress ? /* @__PURE__ */ jsx49(AccountName, { address: userAddress }) : null })
     },
     "connected"
   ) : /* @__PURE__ */ jsxs28(
@@ -3434,7 +3500,7 @@ function AccountButton() {
       onClick: openAccountModal,
       children: [
         /* @__PURE__ */ jsxs28("span", { className: "pointer-events-none inline-grid place-items-center -ml-3", children: [
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(
             "span",
             {
               className: twMerge21(
@@ -3442,10 +3508,10 @@ function AccountButton() {
                 "scale-100 opacity-100 transition duration-300",
                 "group-aria-busy:scale-125 group-aria-busy:opacity-0"
               ),
-              children: /* @__PURE__ */ jsx48(Logo, {})
+              children: /* @__PURE__ */ jsx49(Logo, {})
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx49(
             "span",
             {
               "aria-hidden": true,
@@ -3454,11 +3520,11 @@ function AccountButton() {
                 "scale-50 opacity-0 transition duration-300 delay-50",
                 "group-aria-busy:scale-100 group-aria-busy:opacity-100"
               ),
-              children: /* @__PURE__ */ jsx48(PendingIcon, {})
+              children: /* @__PURE__ */ jsx49(PendingIcon, {})
             }
           )
         ] }),
-        /* @__PURE__ */ jsx48("span", { className: "font-medium", children: buttonLabel })
+        /* @__PURE__ */ jsx49("span", { className: "font-medium", children: buttonLabel })
       ]
     },
     "sign in"
@@ -3480,44 +3546,18 @@ function useSessionClientReady() {
 }
 
 // src/createWagmiConfig.ts
-import { connectorsForWallets } from "@rainbow-me/rainbowkit";
 import { createConfig } from "wagmi";
-
-// src/getWallets.ts
-import { getDefaultWallets } from "@rainbow-me/rainbowkit";
-function getWallets(_config) {
-  const { wallets: defaultWallets } = getDefaultWallets();
-  return [
-    // TODO: passkey wallet
-    ...defaultWallets
-  ];
-}
-
-// src/createWagmiConfig.ts
+import { getDefaultConfig } from "connectkit";
 function createWagmiConfig(config) {
-  const wallets = getWallets(config);
-  const connectors = connectorsForWallets(wallets, {
-    appName: config.appName,
-    projectId: config.walletConnectProjectId
-  });
-  return createConfig({
-    connectors,
+  const configParams = getDefaultConfig({
     chains: config.chains,
     transports: config.transports,
-    pollingInterval: config.pollingInterval
-  });
-}
-
-// src/getConnectors.ts
-import { connectorsForWallets as connectorsForWallets2 } from "@rainbow-me/rainbowkit";
-function getConnectors({
-  wallets,
-  ...config
-}) {
-  return connectorsForWallets2(wallets ?? getWallets(config), {
+    pollingInterval: config.pollingInterval,
     appName: config.appName,
-    projectId: config.walletConnectProjectId
+    walletConnectProjectId: config.walletConnectProjectId,
+    enableFamily: false
   });
+  return createConfig(configParams);
 }
 
 // src/validateSigner.ts
@@ -3568,8 +3608,6 @@ export {
   EntryKitProvider,
   createWagmiConfig,
   defineConfig,
-  getConnectors,
-  getWallets,
   internal_validateSigner,
   useAccountModal,
   useEntryKitConfig,