@coinlist-co/react 0.12.1 → 0.12.2-rc.7b430dd

package/dist/client/index.js

@@ -1096,7 +1096,7 @@ var CoinListProvider = CoinListContextProvider;
 import { createContext as createContext4, useContext as useContext3 } from "react";
 
 // src/client/generated/sdk-styles.gen.ts
-var sdkStyles = '/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-sm:24rem;--clcosdk-container-md:28rem;--clcosdk-container-xl:36rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-text-lg:1.125rem;--clcosdk-text-lg--line-height:calc(1.75 / 1.125);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-xl:.75rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-out:cubic-bezier(0, 0, .2, 1);--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2;--shadow-step-active:0px 0px 10px 0px #0000001a;--shadow-dialog:0px 8px 32px 0px #0000001a;--btn-primary-gradient:linear-gradient(180deg, #262626 0%, #1c1c1c 50%, #0f0f0f 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #00000059, inset 0px 1px 2px 0px #ffffff2e, inset 0px 1px 0px 0px #ffffff1a;--sale-card-surface:linear-gradient(to top, #0a0a0a 0%, #1a1a1a 100%);--color-sale-card-text:#f4f4f5;--color-sale-card-text-muted:#a1a1aa;--color-sale-card-text-strong:#fff;--color-sale-card-border:#ffffff40;--color-sale-card-chrome-border:#ffffff4d;--color-sale-card-chrome-bg:#ffffff26;--color-sale-card-chrome-emphasis-border:#fff6;--color-sale-card-chrome-emphasis-bg:#ffffff40;--color-sale-card-focus-ring:#ffffff80;--display-on-light:block;--display-on-dark:none}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6;--display-on-light:none;--display-on-dark:block}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6;--display-on-light:none;--display-on-dark:block}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root input,.clco-sdk-root textarea,.clco-sdk-root select{font:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root h1,.clco-sdk-root h2,.clco-sdk-root h3,.clco-sdk-root h4,.clco-sdk-root h5,.clco-sdk-root h6,.clco-sdk-root p,.clco-sdk-root figure,.clco-sdk-root blockquote,.clco-sdk-root dl,.clco-sdk-root dd,.clco-sdk-root pre{margin:0}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}@keyframes clco-status-ping{0%{opacity:.7;transform:scale(1)}75%,to{opacity:0;transform:scale(3.25)}}.clco-sdk-root .clcosdk-status-dot-ping{animation:1.6s cubic-bezier(0,0,.2,1) infinite clco-status-ping}.clco-sdk-root .clcosdk-on-light{display:var(--display-on-light)}.clco-sdk-root .clcosdk-on-dark{display:var(--display-on-dark)}@media (prefers-reduced-motion:reduce){.clco-sdk-root .clcosdk-status-dot-ping{opacity:0;animation:none}}}@layer components;@layer utilities{.clcosdk\\:pointer-events-none{pointer-events:none}.clcosdk\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:0}.clcosdk\\:top-1\\/2{top:50%}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:top-full{top:100%}.clcosdk\\:-right-0\\.5{right:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:right-\\[-14\\%\\]{right:-14%}.clcosdk\\:-bottom-0\\.5{bottom:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:bottom-full{bottom:100%}.clcosdk\\:left-1\\/2{left:50%}.clcosdk\\:z-0{z-index:0}.clcosdk\\:z-10{z-index:10}.clcosdk\\:z-50{z-index:50}.clcosdk\\:order-1{order:1}.clcosdk\\:order-2{order:2}.clcosdk\\:-mx-2{margin-inline:calc(var(--clcosdk-spacing) * -2)}.clcosdk\\:mt-2{margin-top:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mt-auto{margin-top:auto}.clcosdk\\:mb-2{margin-bottom:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:size-2{width:calc(var(--clcosdk-spacing) * 2);height:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:size-3{width:calc(var(--clcosdk-spacing) * 3);height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:size-3\\.5{width:calc(var(--clcosdk-spacing) * 3.5);height:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:size-4{width:calc(var(--clcosdk-spacing) * 4);height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:size-5{width:calc(var(--clcosdk-spacing) * 5);height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:size-10{width:calc(var(--clcosdk-spacing) * 10);height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:size-12{width:calc(var(--clcosdk-spacing) * 12);height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:size-16{width:calc(var(--clcosdk-spacing) * 16);height:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:size-24{width:calc(var(--clcosdk-spacing) * 24);height:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:size-\\[15rem\\]{width:15rem;height:15rem}.clcosdk\\:size-full{width:100%;height:100%}.clcosdk\\:h-1{height:var(--clcosdk-spacing)}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-8{height:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-10{height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-\\[1em\\]{height:1em}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-\\[54px\\]{height:54px}.clcosdk\\:h-\\[71px\\]{height:71px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:h-px{height:1px}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:max-h-full{max-height:100%}.clcosdk\\:min-h-0{min-height:0}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[1lh\\]{min-height:1lh}.clcosdk\\:min-h-screen{min-height:100vh}.clcosdk\\:w-1{width:var(--clcosdk-spacing)}.clcosdk\\:w-1\\/2{width:50%}.clcosdk\\:w-2\\/5{width:40%}.clcosdk\\:w-3\\/5{width:60%}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-8{width:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:w-10{width:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-20{width:calc(var(--clcosdk-spacing) * 20)}.clcosdk\\:w-24{width:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-32{width:calc(var(--clcosdk-spacing) * 32)}.clcosdk\\:w-40{width:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[28rem\\]{width:28rem}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-component{width:448px}.clcosdk\\:w-fit{width:fit-content}.clcosdk\\:w-full{width:100%}.clcosdk\\:w-max{width:max-content}.clcosdk\\:max-w-\\[16rem\\]{max-width:16rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[40rem\\]{max-width:40rem}.clcosdk\\:max-w-\\[56rem\\]{max-width:56rem}.clcosdk\\:max-w-\\[64rem\\]{max-width:64rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-full{max-width:100%}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:max-w-sm{max-width:var(--clcosdk-container-sm)}.clcosdk\\:max-w-xl{max-width:var(--clcosdk-container-xl)}.clcosdk\\:min-w-0{min-width:0}.clcosdk\\:flex-1{flex:1}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:rotate-180{rotate:180deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-row{flex-direction:row}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-end{align-items:flex-end}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:justify-end{justify-content:flex-end}.clcosdk\\:justify-start{justify-content:flex-start}.clcosdk\\:gap-1{gap:var(--clcosdk-spacing)}.clcosdk\\:gap-1\\.5{gap:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-2\\.5{gap:calc(var(--clcosdk-spacing) * 2.5)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-\\[20px\\]{border-radius:20px}.clcosdk\\:rounded-\\[28px\\]{border-radius:28px}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:rounded-xl{border-radius:var(--clcosdk-radius-xl)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-background{border-color:var(--color-background)}.clcosdk\\:border-border{border-color:var(--color-border)}.clcosdk\\:border-brand-primary{border-color:var(--color-brand-primary)}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-sale-card-border{border-color:var(--color-sale-card-border)}.clcosdk\\:border-sale-card-chrome-border{border-color:var(--color-sale-card-chrome-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-text-primary{border-color:var(--color-text-primary)}.clcosdk\\:border-transparent{border-color:#0000}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-divider{background-color:var(--color-divider)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-positive{background-color:var(--color-positive)}.clcosdk\\:bg-positive-subtle{background-color:var(--color-positive-subtle)}.clcosdk\\:bg-sale-card-chrome-bg{background-color:var(--color-sale-card-chrome-bg)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-text-disabled{background-color:var(--color-text-disabled)}.clcosdk\\:bg-text-primary{background-color:var(--color-text-primary)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-\\[image\\:var\\(--btn-primary-gradient\\)\\]{background-image:var(--btn-primary-gradient)}.clcosdk\\:bg-\\[image\\:var\\(--sale-card-surface\\)\\]{background-image:var(--sale-card-surface)}.clcosdk\\:object-contain{object-fit:contain}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:0}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-3\\.5{padding:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-5{padding:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:p-16{padding:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-1\\.5{padding-block:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:py-3{padding-block:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:py-8{padding-block:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:py-12{padding-block:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:pt-1{padding-top:var(--clcosdk-spacing)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pr-1\\.5{padding-right:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:pr-3{padding-right:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-1{padding-bottom:var(--clcosdk-spacing)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pl-3{padding-left:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-right{text-align:right}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-lg{font-size:var(--clcosdk-text-lg);line-height:var(--tw-leading,var(--clcosdk-text-lg--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[13px\\]{font-size:13px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[15px\\]{font-size:15px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[105\\%\\]{--tw-leading:105%;line-height:105%}.clcosdk\\:leading-\\[108\\%\\]{--tw-leading:108%;line-height:108%}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:break-words{overflow-wrap:break-word}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-background{color:var(--color-background)}.clcosdk\\:text-brand-primary{color:var(--color-brand-primary)}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-positive{color:var(--color-positive)}.clcosdk\\:text-sale-card-text{color:var(--color-sale-card-text)}.clcosdk\\:text-sale-card-text-muted{color:var(--color-sale-card-text-muted)}.clcosdk\\:text-sale-card-text-strong{color:var(--color-sale-card-text-strong)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-disabled{color:var(--color-text-disabled)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:no-underline{text-decoration-line:none}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-0{opacity:0}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_1px_1px_0px_rgba\\(10\\,10\\,10\\,0\\.04\\)\\,0px_8px_12px_0px_rgba\\(10\\,10\\,10\\,0\\.08\\)\\]{--tw-shadow:0px 1px 1px 0px var(--tw-shadow-color,#0a0a0a0a), 0px 8px 12px 0px var(--tw-shadow-color,#0a0a0a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_4px_12px_0px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0px_12px_28px_0px_rgba\\(0\\,0\\,0\\,0\\.13\\)\\]{--tw-shadow:0px 4px 12px 0px var(--tw-shadow-color,#00000014), 0px 12px 28px 0px var(--tw-shadow-color,#00000021);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[var\\(--btn-primary-shadow\\)\\]{--tw-shadow:var(--btn-primary-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-step-active{--tw-shadow:var(--shadow-step-active);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[background-color\\,border-color\\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:duration-500{--tw-duration:.5s;transition-duration:.5s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}.clcosdk\\:ease-out{--tw-ease:var(--clcosdk-ease-out);transition-timing-function:var(--clcosdk-ease-out)}.clcosdk\\:outline-none{--tw-outline-style:none;outline-style:none}.clcosdk\\:group-focus-within\\:opacity-100:is(:where(.clcosdk\\:group):focus-within *){opacity:1}@media (hover:hover){.clcosdk\\:group-hover\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):hover *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-hover\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):hover *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:group-hover\\:opacity-100:is(:where(.clcosdk\\:group):hover *){opacity:1}}.clcosdk\\:group-focus-visible\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):focus-visible *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-focus-visible\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):focus-visible *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:placeholder\\:text-text-disabled::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.clcosdk\\:hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.clcosdk\\:hover\\:border-text-disabled:hover{border-color:var(--color-text-disabled)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:opacity-80:hover{opacity:.8}.clcosdk\\:hover\\:opacity-90:hover{opacity:.9}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-sale-card-focus-ring:focus-visible{--tw-ring-color:var(--color-sale-card-focus-ring)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:active\\:opacity-80:active{opacity:.8}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}.clcosdk\\:disabled\\:opacity-50:disabled{opacity:.5}.clcosdk\\:aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.clcosdk\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}@media not all and (min-width:48rem){.clcosdk\\:max-md\\:hidden{display:none}.clcosdk\\:max-md\\:w-full{width:100%}.clcosdk\\:max-md\\:justify-start{justify-content:flex-start}.clcosdk\\:max-md\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:max-md\\:rounded-none{border-radius:0}.clcosdk\\:max-md\\:border-0{border-style:var(--tw-border-style);border-width:0}.clcosdk\\:max-md\\:bg-transparent{background-color:#0000}.clcosdk\\:max-md\\:p-0{padding:0}@media (hover:hover){.clcosdk\\:max-md\\:hover\\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media (min-width:40rem){.clcosdk\\:sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.clcosdk\\:md\\:right-\\[-10\\%\\]{right:-10%}.clcosdk\\:md\\:order-1{order:1}.clcosdk\\:md\\:order-2{order:2}.clcosdk\\:md\\:hidden{display:none}.clcosdk\\:md\\:size-\\[20rem\\]{width:20rem;height:20rem}.clcosdk\\:md\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:h-\\[54px\\]{height:54px}.clcosdk\\:md\\:w-9{width:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-\\[minmax\\(0\\,11fr\\)_minmax\\(0\\,8fr\\)\\]{grid-template-columns:minmax(0,11fr) minmax(0,8fr)}.clcosdk\\:md\\:flex-row{flex-direction:row}.clcosdk\\:md\\:items-center{align-items:center}.clcosdk\\:md\\:items-end{align-items:flex-end}.clcosdk\\:md\\:justify-between{justify-content:space-between}.clcosdk\\:md\\:justify-end{justify-content:flex-end}.clcosdk\\:md\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:md\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:gap-x-12{column-gap:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:self-end{align-self:flex-end}.clcosdk\\:md\\:rounded-\\[40px\\]{border-radius:40px}.clcosdk\\:md\\:rounded-card{border-radius:24px}.clcosdk\\:md\\:rounded-dialog{border-radius:32px}.clcosdk\\:md\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-8{padding-inline:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-2{padding-right:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:pl-4{padding-left:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:md\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:md\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:md\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:md\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:md\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:md\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
+var sdkStyles = '/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-sm:24rem;--clcosdk-container-md:28rem;--clcosdk-container-xl:36rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-text-lg:1.125rem;--clcosdk-text-lg--line-height:calc(1.75 / 1.125);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-xl:.75rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-out:cubic-bezier(0, 0, .2, 1);--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2;--shadow-step-active:0px 0px 10px 0px #0000001a;--shadow-dialog:0px 8px 32px 0px #0000001a;--btn-primary-gradient:linear-gradient(180deg, #262626 0%, #1c1c1c 50%, #0f0f0f 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #00000059, inset 0px 1px 2px 0px #ffffff2e, inset 0px 1px 0px 0px #ffffff1a;--sale-card-surface:linear-gradient(to top, #0a0a0a 0%, #1a1a1a 100%);--color-sale-card-text:#f4f4f5;--color-sale-card-text-muted:#a1a1aa;--color-sale-card-text-strong:#fff;--color-sale-card-border:#ffffff40;--color-sale-card-chrome-border:#ffffff4d;--color-sale-card-chrome-bg:#ffffff26;--color-sale-card-chrome-emphasis-border:#fff6;--color-sale-card-chrome-emphasis-bg:#ffffff40;--color-sale-card-focus-ring:#ffffff80;--display-on-light:block;--display-on-dark:none}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6;--display-on-light:none;--display-on-dark:block}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140;--shadow-step-active:0px 0px 10px 0px #00000080;--shadow-dialog:0px 8px 32px 0px #0009;--btn-primary-gradient:linear-gradient(180deg, #fafafa 0%, #f0f0f0 50%, #e4e4e7 100%);--btn-primary-shadow:inset 0px -1px 3px 0px #0000001f, inset 0px 1px 2px 0px #fff9, inset 0px 1px 0px 0px #fff6;--display-on-light:none;--display-on-dark:block}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root input,.clco-sdk-root textarea,.clco-sdk-root select{font:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root h1,.clco-sdk-root h2,.clco-sdk-root h3,.clco-sdk-root h4,.clco-sdk-root h5,.clco-sdk-root h6,.clco-sdk-root p,.clco-sdk-root figure,.clco-sdk-root blockquote,.clco-sdk-root dl,.clco-sdk-root dd,.clco-sdk-root pre{margin:0}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}@keyframes clco-status-ping{0%{opacity:.7;transform:scale(1)}75%,to{opacity:0;transform:scale(3.25)}}.clco-sdk-root .clcosdk-status-dot-ping{animation:1.6s cubic-bezier(0,0,.2,1) infinite clco-status-ping}.clco-sdk-root .clcosdk-on-light{display:var(--display-on-light)}.clco-sdk-root .clcosdk-on-dark{display:var(--display-on-dark)}@media (prefers-reduced-motion:reduce){.clco-sdk-root .clcosdk-status-dot-ping{opacity:0;animation:none}}}@layer components;@layer utilities{.clcosdk\\:pointer-events-none{pointer-events:none}.clcosdk\\:invisible{visibility:hidden}.clcosdk\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:0}.clcosdk\\:top-1\\/2{top:50%}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:top-full{top:100%}.clcosdk\\:-right-0\\.5{right:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:right-\\[-14\\%\\]{right:-14%}.clcosdk\\:-bottom-0\\.5{bottom:calc(var(--clcosdk-spacing) * -.5)}.clcosdk\\:bottom-full{bottom:100%}.clcosdk\\:left-1\\/2{left:50%}.clcosdk\\:z-0{z-index:0}.clcosdk\\:z-10{z-index:10}.clcosdk\\:z-50{z-index:50}.clcosdk\\:order-1{order:1}.clcosdk\\:order-2{order:2}.clcosdk\\:-mx-2{margin-inline:calc(var(--clcosdk-spacing) * -2)}.clcosdk\\:mt-2{margin-top:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mt-auto{margin-top:auto}.clcosdk\\:mb-2{margin-bottom:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:size-2{width:calc(var(--clcosdk-spacing) * 2);height:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:size-3{width:calc(var(--clcosdk-spacing) * 3);height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:size-3\\.5{width:calc(var(--clcosdk-spacing) * 3.5);height:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:size-4{width:calc(var(--clcosdk-spacing) * 4);height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:size-5{width:calc(var(--clcosdk-spacing) * 5);height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:size-10{width:calc(var(--clcosdk-spacing) * 10);height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:size-12{width:calc(var(--clcosdk-spacing) * 12);height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:size-16{width:calc(var(--clcosdk-spacing) * 16);height:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:size-24{width:calc(var(--clcosdk-spacing) * 24);height:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:size-\\[15rem\\]{width:15rem;height:15rem}.clcosdk\\:size-full{width:100%;height:100%}.clcosdk\\:h-1{height:var(--clcosdk-spacing)}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-8{height:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-10{height:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-\\[1em\\]{height:1em}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-\\[54px\\]{height:54px}.clcosdk\\:h-\\[71px\\]{height:71px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:h-px{height:1px}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:max-h-full{max-height:100%}.clcosdk\\:min-h-0{min-height:0}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[1lh\\]{min-height:1lh}.clcosdk\\:min-h-screen{min-height:100vh}.clcosdk\\:w-1{width:var(--clcosdk-spacing)}.clcosdk\\:w-1\\/2{width:50%}.clcosdk\\:w-2\\/5{width:40%}.clcosdk\\:w-3\\/5{width:60%}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-8{width:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:w-10{width:calc(var(--clcosdk-spacing) * 10)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-20{width:calc(var(--clcosdk-spacing) * 20)}.clcosdk\\:w-24{width:calc(var(--clcosdk-spacing) * 24)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-32{width:calc(var(--clcosdk-spacing) * 32)}.clcosdk\\:w-40{width:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[28rem\\]{width:28rem}.clcosdk\\:w-\\[36rem\\]{width:36rem}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.clcosdk\\:w-component{width:448px}.clcosdk\\:w-fit{width:fit-content}.clcosdk\\:w-full{width:100%}.clcosdk\\:w-max{width:max-content}.clcosdk\\:max-w-\\[16rem\\]{max-width:16rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[40rem\\]{max-width:40rem}.clcosdk\\:max-w-\\[56rem\\]{max-width:56rem}.clcosdk\\:max-w-\\[64rem\\]{max-width:64rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-full{max-width:100%}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:max-w-sm{max-width:var(--clcosdk-container-sm)}.clcosdk\\:max-w-xl{max-width:var(--clcosdk-container-xl)}.clcosdk\\:min-w-0{min-width:0}.clcosdk\\:flex-1{flex:1}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:rotate-180{rotate:180deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:cursor-text{cursor:text}.clcosdk\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-row{flex-direction:row}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-end{align-items:flex-end}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:justify-end{justify-content:flex-end}.clcosdk\\:justify-start{justify-content:flex-start}.clcosdk\\:gap-1{gap:var(--clcosdk-spacing)}.clcosdk\\:gap-1\\.5{gap:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-2\\.5{gap:calc(var(--clcosdk-spacing) * 2.5)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-\\[20px\\]{border-radius:20px}.clcosdk\\:rounded-\\[28px\\]{border-radius:28px}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:rounded-xl{border-radius:var(--clcosdk-radius-xl)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-background{border-color:var(--color-background)}.clcosdk\\:border-border{border-color:var(--color-border)}.clcosdk\\:border-brand-primary{border-color:var(--color-brand-primary)}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-sale-card-border{border-color:var(--color-sale-card-border)}.clcosdk\\:border-sale-card-chrome-border{border-color:var(--color-sale-card-chrome-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-text-primary{border-color:var(--color-text-primary)}.clcosdk\\:border-transparent{border-color:#0000}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-divider{background-color:var(--color-divider)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-positive{background-color:var(--color-positive)}.clcosdk\\:bg-positive-subtle{background-color:var(--color-positive-subtle)}.clcosdk\\:bg-sale-card-chrome-bg{background-color:var(--color-sale-card-chrome-bg)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-text-disabled{background-color:var(--color-text-disabled)}.clcosdk\\:bg-text-primary{background-color:var(--color-text-primary)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-\\[image\\:var\\(--btn-primary-gradient\\)\\]{background-image:var(--btn-primary-gradient)}.clcosdk\\:bg-\\[image\\:var\\(--sale-card-surface\\)\\]{background-image:var(--sale-card-surface)}.clcosdk\\:object-contain{object-fit:contain}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:0}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-3\\.5{padding:calc(var(--clcosdk-spacing) * 3.5)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-5{padding:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:p-16{padding:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-1\\.5{padding-block:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:py-3{padding-block:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:py-8{padding-block:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:py-12{padding-block:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:pt-1{padding-top:var(--clcosdk-spacing)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pr-1\\.5{padding-right:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:pr-3{padding-right:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-1{padding-bottom:var(--clcosdk-spacing)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pl-3{padding-left:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-right{text-align:right}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-lg{font-size:var(--clcosdk-text-lg);line-height:var(--tw-leading,var(--clcosdk-text-lg--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[13px\\]{font-size:13px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[15px\\]{font-size:15px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[105\\%\\]{--tw-leading:105%;line-height:105%}.clcosdk\\:leading-\\[108\\%\\]{--tw-leading:108%;line-height:108%}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:break-words{overflow-wrap:break-word}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:whitespace-pre{white-space:pre}.clcosdk\\:text-background{color:var(--color-background)}.clcosdk\\:text-brand-primary{color:var(--color-brand-primary)}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-positive{color:var(--color-positive)}.clcosdk\\:text-sale-card-text{color:var(--color-sale-card-text)}.clcosdk\\:text-sale-card-text-muted{color:var(--color-sale-card-text-muted)}.clcosdk\\:text-sale-card-text-strong{color:var(--color-sale-card-text-strong)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-disabled{color:var(--color-text-disabled)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.clcosdk\\:no-underline{text-decoration-line:none}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-0{opacity:0}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_1px_1px_0px_rgba\\(10\\,10\\,10\\,0\\.04\\)\\,0px_8px_12px_0px_rgba\\(10\\,10\\,10\\,0\\.08\\)\\]{--tw-shadow:0px 1px 1px 0px var(--tw-shadow-color,#0a0a0a0a), 0px 8px 12px 0px var(--tw-shadow-color,#0a0a0a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0px_4px_12px_0px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0px_12px_28px_0px_rgba\\(0\\,0\\,0\\,0\\.13\\)\\]{--tw-shadow:0px 4px 12px 0px var(--tw-shadow-color,#00000014), 0px 12px 28px 0px var(--tw-shadow-color,#00000021);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[var\\(--btn-primary-shadow\\)\\]{--tw-shadow:var(--btn-primary-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-step-active{--tw-shadow:var(--shadow-step-active);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[background-color\\,border-color\\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:duration-500{--tw-duration:.5s;transition-duration:.5s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}.clcosdk\\:ease-out{--tw-ease:var(--clcosdk-ease-out);transition-timing-function:var(--clcosdk-ease-out)}.clcosdk\\:outline-none{--tw-outline-style:none;outline-style:none}.clcosdk\\:group-focus-within\\:opacity-100:is(:where(.clcosdk\\:group):focus-within *){opacity:1}@media (hover:hover){.clcosdk\\:group-hover\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):hover *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-hover\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):hover *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:group-hover\\:opacity-100:is(:where(.clcosdk\\:group):hover *){opacity:1}}.clcosdk\\:group-focus-visible\\:border-sale-card-chrome-emphasis-border:is(:where(.clcosdk\\:group):focus-visible *){border-color:var(--color-sale-card-chrome-emphasis-border)}.clcosdk\\:group-focus-visible\\:bg-sale-card-chrome-emphasis-bg:is(:where(.clcosdk\\:group):focus-visible *){background-color:var(--color-sale-card-chrome-emphasis-bg)}.clcosdk\\:placeholder\\:text-text-disabled::placeholder{color:var(--color-text-disabled)}@media (hover:hover){.clcosdk\\:hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.clcosdk\\:hover\\:border-text-disabled:hover{border-color:var(--color-text-disabled)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:opacity-80:hover{opacity:.8}.clcosdk\\:hover\\:opacity-90:hover{opacity:.9}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-sale-card-focus-ring:focus-visible{--tw-ring-color:var(--color-sale-card-focus-ring)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:active\\:opacity-80:active{opacity:.8}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}.clcosdk\\:disabled\\:opacity-50:disabled{opacity:.5}.clcosdk\\:aria-disabled\\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.clcosdk\\:aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}@media not all and (min-width:48rem){.clcosdk\\:max-md\\:hidden{display:none}.clcosdk\\:max-md\\:w-full{width:100%}.clcosdk\\:max-md\\:justify-start{justify-content:flex-start}.clcosdk\\:max-md\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:max-md\\:rounded-none{border-radius:0}.clcosdk\\:max-md\\:border-0{border-style:var(--tw-border-style);border-width:0}.clcosdk\\:max-md\\:bg-transparent{background-color:#0000}.clcosdk\\:max-md\\:p-0{padding:0}@media (hover:hover){.clcosdk\\:max-md\\:hover\\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media (min-width:40rem){.clcosdk\\:sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.clcosdk\\:md\\:right-\\[-10\\%\\]{right:-10%}.clcosdk\\:md\\:order-1{order:1}.clcosdk\\:md\\:order-2{order:2}.clcosdk\\:md\\:hidden{display:none}.clcosdk\\:md\\:size-\\[20rem\\]{width:20rem;height:20rem}.clcosdk\\:md\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:h-\\[54px\\]{height:54px}.clcosdk\\:md\\:w-9{width:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:md\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.clcosdk\\:md\\:grid-cols-\\[minmax\\(0\\,11fr\\)_minmax\\(0\\,8fr\\)\\]{grid-template-columns:minmax(0,11fr) minmax(0,8fr)}.clcosdk\\:md\\:flex-row{flex-direction:row}.clcosdk\\:md\\:items-center{align-items:center}.clcosdk\\:md\\:items-end{align-items:flex-end}.clcosdk\\:md\\:justify-between{justify-content:space-between}.clcosdk\\:md\\:justify-end{justify-content:flex-end}.clcosdk\\:md\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:md\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:gap-x-12{column-gap:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:md\\:self-end{align-self:flex-end}.clcosdk\\:md\\:rounded-\\[40px\\]{border-radius:40px}.clcosdk\\:md\\:rounded-card{border-radius:24px}.clcosdk\\:md\\:rounded-dialog{border-radius:32px}.clcosdk\\:md\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:md\\:px-8{padding-inline:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:md\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-2{padding-right:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:md\\:pr-4{padding-right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:pl-4{padding-left:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:md\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:md\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:md\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:md\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:md\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:md\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:md\\:leading-\\[160\\%\\]{--tw-leading:160%;line-height:160%}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
 
 // src/client/CoinListStyleScope.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -1427,88 +1427,14 @@ function CloseButton({
   );
 }
 
-// src/client/components/design-system/logos/CoinListWordmark.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function CoinListWordmark(props) {
-  return /* @__PURE__ */ jsxs5(
-    "svg",
-    {
-      width: "638",
-      height: "125",
-      viewBox: "0 0 638 125",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M68.7724 123.966C74.8226 124.172 80.7696 123.519 86.5104 121.799C97.4076 118.531 106.551 112.58 113.942 103.947C113.942 103.947 113.942 103.947 113.908 103.912C111.879 102.193 109.851 100.507 107.857 98.8218L105.829 97.1363C105.451 96.8268 105.107 96.5172 104.729 96.2076C103.939 95.5197 103.148 94.8662 102.323 94.2126C95.3107 98.8562 87.6104 101.539 79.1196 101.883C74.8569 102.055 70.6287 101.642 66.5036 100.507C59.5252 98.6154 53.2688 95.1757 48.2499 89.7755C39.1059 79.938 35.8745 68.1743 38.2465 55.0348C39.7246 46.9172 43.4373 40.0723 49.1093 34.5C47.9061 34.7408 46.703 35.016 45.5342 35.3943C36.5277 38.2148 29.6181 43.6839 24.6336 51.6639C20.6803 58.0273 18.5834 64.9411 18.3428 72.4739C18.2053 76.7047 18.4803 80.7979 19.4428 84.7879C22.5023 97.2395 29.3087 107.043 39.6903 114.335H39.7934V114.403C40.1372 114.644 40.4809 114.919 40.8247 115.16C49.2812 120.801 58.5971 123.691 68.7724 124.035V123.966Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M72.2101 89.052C68.1881 90.8406 64.0286 91.8725 59.6973 92.2165C64.9912 95.209 70.8007 96.688 77.1259 96.8256C79.1885 96.86 81.251 96.6536 83.4167 96.3097C88.745 95.4841 93.6951 93.5579 98.3015 90.7374C93.9358 87.057 89.6044 83.4109 85.2386 79.7305C81.526 83.6861 77.1946 86.8506 72.2101 89.052Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M66.9848 0.241609C66.4348 0.276006 65.8848 0.344799 65.3691 0.413592C70.663 1.4111 75.7851 3.13093 80.6321 5.71068C90.0511 10.7326 97.3732 17.9215 102.289 27.4494L104.936 25.1448C107.652 22.7714 110.368 20.3981 113.084 18.0247C106.655 11.1797 99.092 6.15784 90.223 3.06214C84.3103 0.998336 78.2601 -0.0335643 72.0381 0.000832319C70.388 0.000832319 68.7036 0.138419 66.9848 0.241609Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            d: "M25.4242 107.871C17.4833 97.9988 13.1519 86.7167 13.2207 73.818C13.2207 67.317 14.5614 61.0568 17.1396 55.1062C20.9553 46.2662 26.9711 39.1805 35.4276 34.2962C43.3685 29.687 51.9968 27.8984 61.1752 29.2743C70.5943 30.7189 78.3976 35.2249 84.6541 42.2762C84.6541 42.2762 84.8603 42.5514 84.9634 42.6546C85.8916 41.8291 86.8541 41.0035 87.7823 40.178L88.9167 39.1805C89.8792 38.355 90.8417 37.4951 91.8043 36.6696C94.0043 34.7434 96.17 32.8515 98.3357 30.9253C94.1075 22.223 87.7479 15.55 79.3258 10.8377C69.3911 5.26541 58.7002 3.54557 47.3904 5.02463C41.7528 5.78136 36.3557 7.50119 31.1993 10.0465C13.702 18.7145 1.08597 36.532 0.0546833 58.4771C-0.117196 62.0887 0.123436 65.7348 0.673452 69.3464C2.04849 78.3239 5.34859 86.4759 10.6425 93.8368C14.7676 99.5123 19.6834 104.19 25.3898 107.871H25.4242Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M366.034 58.1654C366.034 46.8145 375.178 37.665 386.419 37.665C397.66 37.665 406.804 46.8145 406.804 58.1654V99.3727H420.727V58.1654C420.727 39.1785 405.395 23.7344 386.419 23.7344C367.444 23.7344 352.112 39.1785 352.112 58.1654V99.3727H366.034V58.1654ZM278.616 38.1466C265.141 38.1466 254.244 49.0503 254.244 62.5338C254.244 76.0173 265.141 86.9211 278.616 86.9211C292.092 86.9211 302.989 76.0173 302.989 62.5338C302.989 49.0503 292.092 38.1466 278.616 38.1466ZM240.321 62.5338C240.321 41.3799 257.475 24.2159 278.616 24.2159C299.757 24.2159 316.911 41.3799 316.911 62.5338C316.911 83.6878 299.757 100.852 278.616 100.852C257.475 100.852 240.321 83.6878 240.321 62.5338ZM208.386 38.2154C195.082 37.9402 184.048 48.5 183.738 61.8115C183.463 75.123 194.017 86.1643 207.32 86.4739C215.192 86.6459 222.274 82.9998 226.812 77.2212L237.777 85.8204C230.662 94.9011 219.455 100.645 207.011 100.37C186.007 99.923 169.335 82.5183 169.782 61.5019C170.229 40.4856 187.623 23.8032 208.627 24.2503C219.524 24.4911 229.287 29.3066 236.059 36.8051L225.712 46.1266C221.415 41.3455 215.227 38.3186 208.317 38.1466L208.386 38.2154ZM340.527 25.2134V99.3727H326.605V25.2134H340.527ZM508.282 25.2134H494.36V99.8542H508.282V25.2134ZM483.154 99.8542H448.846C439.221 99.8542 431.452 92.0462 431.452 82.4495V25.2134H445.374V82.4495C445.374 84.3757 446.921 85.9236 448.846 85.9236H483.154V99.8542ZM583.772 25.2134H567.856H542.83C530.661 25.2134 520.933 35.1885 520.933 47.2273C520.933 59.2661 530.661 69.2412 542.83 69.2412H552.421C556.821 69.2412 560.396 72.8184 560.396 77.1868V77.9435C560.396 82.3463 556.821 85.8892 552.421 85.8892H520.451V99.8198H552.421C564.522 99.8198 574.319 90.0168 574.319 77.9091V77.1524C574.319 65.0448 564.522 55.2417 552.421 55.2417H542.83C538.499 55.2417 534.855 51.6301 534.855 47.1585C534.855 42.6869 538.499 39.0753 542.83 39.0753H574.319H583.772C591.472 39.0753 597.694 45.3011 597.694 53.0059V99.3039H611.617V53.0059C611.617 37.6306 599.138 25.1446 583.772 25.1446V25.2134ZM637.021 39.1441H609.038V25.2134H637.021V39.1441Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/client/components/design-system/PoweredByCoinList.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function PoweredByCoinList({ className }) {
-  return /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: cn(
-        "clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:gap-[5px] clcosdk:text-text-secondary",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx9("span", { className: cn(typeClasses.caption, "clcosdk:tracking-[0.12px]"), children: "Powered by" }),
-        /* @__PURE__ */ jsx9(CoinListWordmark, { className: "clcosdk:h-3 clcosdk:w-auto" })
-      ]
-    }
-  );
-}
-
 // src/client/components/auth/CoinListSignInCardView.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function CoinListSignInCardView({
   state,
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx10(CoinListStyleScope, { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx8(CoinListStyleScope, { children: /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -1516,18 +1442,18 @@ function CoinListSignInCardView({
         className
       ),
       children: [
-        state.closable && /* @__PURE__ */ jsx10(
+        state.closable && /* @__PURE__ */ jsx8(
           CloseButton,
           {
             onClick: () => onEvent({ type: "ON_CLOSE" }),
             className: "clcosdk:absolute clcosdk:right-4 clcosdk:top-4"
           }
         ),
-        /* @__PURE__ */ jsxs7("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx10("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: "Sign in to participate" }),
-          /* @__PURE__ */ jsx10("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "A CoinList account is required to participate in this sale." })
+        /* @__PURE__ */ jsxs5("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx8("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: "Sign in to participate" }),
+          /* @__PURE__ */ jsx8("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "A CoinList account is required to participate in this sale." })
         ] }),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx8(
           CoinListSignInButton,
           {
             onClick: () => onEvent({ type: "ON_SIGN_IN" }),
@@ -1535,7 +1461,7 @@ function CoinListSignInCardView({
             className: "clcosdk:mt-4"
           }
         ),
-        state.type === "error" && /* @__PURE__ */ jsx10(
+        state.type === "error" && /* @__PURE__ */ jsx8(
           AlertBanner,
           {
             variant: "error",
@@ -1543,8 +1469,7 @@ function CoinListSignInCardView({
             content: state.message,
             className: "clcosdk:mt-4"
           }
-        ),
-        /* @__PURE__ */ jsx10(PoweredByCoinList, { className: "clcosdk:mt-4" })
+        )
       ]
     }
   ) });
@@ -1606,7 +1531,7 @@ function useCoinListSignInCardViewModel(options = {}) {
 }
 
 // src/client/components/auth/CoinListSignInCardContainer.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function CoinListSignInCardContainer({
   state = "idle",
   onSignIn,
@@ -1618,7 +1543,7 @@ function CoinListSignInCardContainer({
     onSignIn,
     onClose
   });
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx9(
     CoinListSignInCardView,
     {
       state: uiState,
@@ -1633,7 +1558,7 @@ import { useState as useState23 } from "react";
 
 // src/client/components/checkout/shared/amount/CheckoutAmountInput.tsx
 import { useId } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function CheckoutAmountInput({
   label,
   value,
@@ -1643,18 +1568,48 @@ function CheckoutAmountInput({
   disabled = false,
   prefix,
   prefixTone = "primary",
+  suffix,
   action,
   className
 }) {
   const inputId = useId();
   const toneClass = invalid ? "clcosdk:text-error" : "clcosdk:text-text-primary";
   const prefixToneClass = prefixTone === "muted" ? "clcosdk:text-text-secondary" : toneClass;
-  return /* @__PURE__ */ jsx12(CoinListStyleScope, { children: /* @__PURE__ */ jsxs8(
+  const measure = value || placeholder || "\xA0";
+  const input = /* @__PURE__ */ jsx10(
+    "input",
+    {
+      id: inputId,
+      type: "text",
+      inputMode: "decimal",
+      autoComplete: "off",
+      placeholder,
+      value,
+      disabled,
+      "aria-invalid": invalid,
+      onChange: (event) => {
+        const next = event.target.value;
+        if (!/^\d*\.?\d*$/.test(next)) return;
+        onChange(next);
+      },
+      className: cn(
+        typeClasses.h4,
+        "clcosdk:w-full clcosdk:min-w-0 clcosdk:bg-transparent",
+        "clcosdk:outline-none clcosdk:font-medium clcosdk:placeholder:text-text-disabled",
+        toneClass,
+        // Without a suffix the input fills the row. Sizing it to its text
+        // made an empty field one character wide. With one, it covers the
+        // measured number so the symbol can sit against the last glyph.
+        suffix ? "clcosdk:absolute clcosdk:inset-0" : "clcosdk:flex-1"
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx10(CoinListStyleScope, { children: /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx10(
           "label",
           {
             htmlFor: inputId,
@@ -1662,7 +1617,7 @@ function CheckoutAmountInput({
             children: label
           }
         ),
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs6(
           "div",
           {
             className: cn(
@@ -1671,39 +1626,55 @@ function CheckoutAmountInput({
               invalid ? "clcosdk:border-error-border" : "clcosdk:border-border"
             ),
             children: [
-              /* @__PURE__ */ jsxs8("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-1", children: [
-                prefix && /* @__PURE__ */ jsx12(
-                  "span",
-                  {
-                    className: cn(
-                      typeClasses.h4,
-                      "clcosdk:shrink-0 clcosdk:font-medium",
-                      prefixToneClass
+              /* @__PURE__ */ jsxs6(
+                "label",
+                {
+                  htmlFor: inputId,
+                  className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:cursor-text clcosdk:items-center clcosdk:gap-1",
+                  children: [
+                    prefix && /* @__PURE__ */ jsx10(
+                      "span",
+                      {
+                        className: cn(
+                          typeClasses.h4,
+                          "clcosdk:shrink-0 clcosdk:font-medium",
+                          prefixToneClass
+                        ),
+                        children: prefix
+                      }
                     ),
-                    children: prefix
-                  }
-                ),
-                /* @__PURE__ */ jsx12(
-                  "input",
-                  {
-                    id: inputId,
-                    type: "text",
-                    inputMode: "decimal",
-                    autoComplete: "off",
-                    placeholder,
-                    value,
-                    disabled,
-                    "aria-invalid": invalid,
-                    onChange: (event) => onChange(event.target.value),
-                    className: cn(
-                      typeClasses.h4,
-                      "clcosdk:w-full clcosdk:min-w-0 clcosdk:flex-1 clcosdk:bg-transparent",
-                      "clcosdk:outline-none clcosdk:font-medium clcosdk:placeholder:text-text-disabled",
-                      toneClass
+                    suffix ? (
+                      // Only as wide as the number, so the symbol sits against it.
+                      // This is what shrinks when the value outgrows the row, which
+                      // keeps the symbol whole.
+                      /* @__PURE__ */ jsxs6("div", { className: "clcosdk:relative clcosdk:min-w-0 clcosdk:overflow-hidden", children: [
+                        /* @__PURE__ */ jsx10(
+                          "span",
+                          {
+                            "aria-hidden": true,
+                            className: cn(
+                              typeClasses.h4,
+                              "clcosdk:invisible clcosdk:whitespace-pre clcosdk:font-medium"
+                            ),
+                            children: measure
+                          }
+                        ),
+                        input
+                      ] })
+                    ) : input,
+                    suffix && /* @__PURE__ */ jsx10(
+                      "span",
+                      {
+                        className: cn(
+                          typeClasses.h4,
+                          "clcosdk:pointer-events-none clcosdk:shrink-0 clcosdk:whitespace-nowrap clcosdk:font-medium clcosdk:text-text-secondary"
+                        ),
+                        children: suffix
+                      }
                     )
-                  }
-                )
-              ] }),
+                  ]
+                }
+              ),
               action
             ]
           }
@@ -1714,16 +1685,16 @@ function CheckoutAmountInput({
 }
 
 // src/client/components/checkout/shared/common/AssetIcon.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function AssetIcon({ asset, size = 40, className }) {
   const badgeSize = Math.round(size * 0.45);
-  return /* @__PURE__ */ jsx13(CoinListStyleScope, { children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx11(CoinListStyleScope, { children: /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn("clcosdk:relative clcosdk:shrink-0", className),
       style: { width: size, height: size },
       children: [
-        asset.iconUrl ? /* @__PURE__ */ jsx13(
+        asset.iconUrl ? /* @__PURE__ */ jsx11(
           "img",
           {
             src: asset.iconUrl,
@@ -1732,14 +1703,14 @@ function AssetIcon({ asset, size = 40, className }) {
             height: size,
             className: "clcosdk:size-full clcosdk:rounded-full clcosdk:object-contain"
           }
-        ) : /* @__PURE__ */ jsx13(
+        ) : /* @__PURE__ */ jsx11(
           "div",
           {
             className: "clcosdk:size-full clcosdk:rounded-full clcosdk:bg-section",
             "aria-hidden": "true"
           }
         ),
-        asset.network.iconUrl && /* @__PURE__ */ jsx13(
+        asset.network.iconUrl && /* @__PURE__ */ jsx11(
           "div",
           {
             className: cn(
@@ -1748,7 +1719,7 @@ function AssetIcon({ asset, size = 40, className }) {
               "clcosdk:border-2 clcosdk:border-background clcosdk:bg-background"
             ),
             style: { width: badgeSize, height: badgeSize },
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx11(
               "img",
               {
                 src: asset.network.iconUrl,
@@ -1774,12 +1745,12 @@ function selectableOptionBorderClass(selected) {
 }
 
 // src/client/components/checkout/shared/selection/PayWithAssetCard.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function PayWithAssetCard(props) {
   const { asset, balance } = props;
-  const body = /* @__PURE__ */ jsx14(PayWithAssetBody, { asset, balance });
+  const body = /* @__PURE__ */ jsx12(PayWithAssetBody, { asset, balance });
   if (props.variant === "static") {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx12(
       "div",
       {
         className: cn(
@@ -1791,7 +1762,7 @@ function PayWithAssetCard(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx14(CoinListStyleScope, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx12(CoinListStyleScope, { children: /* @__PURE__ */ jsx12(
     "button",
     {
       type: "button",
@@ -1813,10 +1784,10 @@ function PayWithAssetBody({
   asset,
   balance
 }) {
-  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
-    /* @__PURE__ */ jsx14(AssetIcon, { asset, size: 40 }),
-    /* @__PURE__ */ jsxs10("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx12(AssetIcon, { asset, size: 40 }),
+    /* @__PURE__ */ jsxs8("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
+      /* @__PURE__ */ jsx12(
         "span",
         {
           className: cn(
@@ -1826,7 +1797,7 @@ function PayWithAssetBody({
           children: asset.name
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx12(
         "span",
         {
           className: cn(
@@ -1841,7 +1812,7 @@ function PayWithAssetBody({
 }
 
 // src/client/components/checkout/shared/step/CheckoutStepCard.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function CheckoutStepCard({
   state,
   title: title2,
@@ -1852,7 +1823,7 @@ function CheckoutStepCard({
 }) {
   const isActive = state === "active";
   const showBody = state !== "inactive";
-  return /* @__PURE__ */ jsx15(CoinListStyleScope, { children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx13(CoinListStyleScope, { children: /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -1866,13 +1837,13 @@ function CheckoutStepCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs11("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx15("h2", { className: cn(typeClasses.h4, "clcosdk:text-text-primary"), children: title2 }),
+        /* @__PURE__ */ jsxs9("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx13("h2", { className: cn(typeClasses.h4, "clcosdk:text-text-primary"), children: title2 }),
           description2
         ] }),
         showBody && children,
-        isActive && footer && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx15("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+        isActive && footer && /* @__PURE__ */ jsxs9(Fragment3, { children: [
+          /* @__PURE__ */ jsx13("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
           footer
         ] })
       ]
@@ -1881,20 +1852,20 @@ function CheckoutStepCard({
 }
 
 // src/client/components/checkout/shared/step/CheckoutStepFooter.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckoutStepFooter({
   message,
   error,
   cta,
   className
 }) {
-  const leftCopy = error ? /* @__PURE__ */ jsx16(
+  const leftCopy = error ? /* @__PURE__ */ jsx14(
     "span",
     {
       className: cn(typeClasses.subhead, "clcosdk:min-w-0 clcosdk:text-error"),
       children: error
     }
-  ) : message ? /* @__PURE__ */ jsx16(
+  ) : message ? /* @__PURE__ */ jsx14(
     "span",
     {
       className: cn(
@@ -1904,7 +1875,7 @@ function CheckoutStepFooter({
       children: message
     }
   ) : null;
-  return /* @__PURE__ */ jsx16(CoinListStyleScope, { children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx14(CoinListStyleScope, { children: /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(
@@ -1915,14 +1886,14 @@ function CheckoutStepFooter({
       ),
       children: [
         leftCopy,
-        /* @__PURE__ */ jsx16("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:max-md:w-full", children: cta })
+        /* @__PURE__ */ jsx14("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:max-md:w-full", children: cta })
       ]
     }
   ) });
 }
 
 // src/client/components/checkout/shared/step/CompletedStepSummary.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function CompletedStepSummary({
   icon,
   title: title2,
@@ -1931,7 +1902,7 @@ function CompletedStepSummary({
   editLabel,
   className
 }) {
-  return /* @__PURE__ */ jsx17(CoinListStyleScope, { children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx15(CoinListStyleScope, { children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -1939,10 +1910,10 @@ function CompletedStepSummary({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
           icon,
-          /* @__PURE__ */ jsxs13("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs11("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
+            /* @__PURE__ */ jsx15(
               "span",
               {
                 className: cn(
@@ -1952,7 +1923,7 @@ function CompletedStepSummary({
                 children: title2
               }
             ),
-            subtitle4 && /* @__PURE__ */ jsx17(
+            subtitle4 && /* @__PURE__ */ jsx15(
               "span",
               {
                 className: cn(
@@ -1964,7 +1935,7 @@ function CompletedStepSummary({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -1985,14 +1956,14 @@ function CompletedStepSummary({
 }
 
 // src/client/components/checkout/ondo/buy/amount/OndoBuyAmountView.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var TITLE = "2. Enter amount";
 var AMOUNT_LABEL = "Amount";
 var AMOUNT_PLACEHOLDER = "0.00";
 var PAY_WITH_LABEL = "Pay with";
 var REVIEW_NOTE = "You'll review your order details before purchasing.";
 function OndoBuyAmountView(props) {
-  return /* @__PURE__ */ jsx18(CoinListStyleScope, { children: /* @__PURE__ */ jsx18(OndoAmountViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx16(CoinListStyleScope, { children: /* @__PURE__ */ jsx16(OndoAmountViewBody, { ...props }) });
 }
 function OndoAmountViewBody({
   state,
@@ -2001,7 +1972,7 @@ function OndoAmountViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx16(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -2010,9 +1981,9 @@ function OndoAmountViewBody({
         }
       );
     case "active":
-      return /* @__PURE__ */ jsx18(ActiveView, { state, onEvent, className });
+      return /* @__PURE__ */ jsx16(ActiveView, { state, onEvent, className });
     case "complete":
-      return /* @__PURE__ */ jsx18(CompletedView, { state, onEvent, className });
+      return /* @__PURE__ */ jsx16(CompletedView, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -2026,18 +1997,18 @@ function ActiveView({
 }) {
   const isLoading = state.confirmCta.type === "loading";
   const selectedAsset = state.inputAssets.find((asset) => asset.selected) ?? null;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs12(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE,
       className,
-      footer: /* @__PURE__ */ jsx18(
+      footer: /* @__PURE__ */ jsx16(
         CheckoutStepFooter,
         {
           message: state.confirmCta.type === "loading" ? state.confirmCta.message : REVIEW_NOTE,
           error: state.error,
-          cta: /* @__PURE__ */ jsx18(
+          cta: /* @__PURE__ */ jsx16(
             ClButton,
             {
               variant: "primary",
@@ -2052,7 +2023,7 @@ function ActiveView({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx16(
           CheckoutAmountInput,
           {
             label: AMOUNT_LABEL,
@@ -2061,9 +2032,8 @@ function ActiveView({
             placeholder: AMOUNT_PLACEHOLDER,
             invalid: state.error !== null,
             disabled: isLoading,
-            prefix: selectedAsset?.symbol,
-            prefixTone: "muted",
-            action: selectedAsset && /* @__PURE__ */ jsx18(
+            suffix: selectedAsset?.symbol,
+            action: selectedAsset && /* @__PURE__ */ jsx16(
               MaxButton,
               {
                 disabled: isLoading,
@@ -2072,7 +2042,7 @@ function ActiveView({
             )
           }
         ),
-        state.inputAssets.length > 0 && /* @__PURE__ */ jsx18(
+        state.inputAssets.length > 0 && /* @__PURE__ */ jsx16(
           PayWithSection,
           {
             inputAssets: state.inputAssets,
@@ -2092,10 +2062,10 @@ function PayWithSection({
   onEvent
 }) {
   const isChoice = inputAssets.length >= 2;
-  return /* @__PURE__ */ jsxs14("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsx18("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: PAY_WITH_LABEL }),
-      /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs12("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsx16("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: PAY_WITH_LABEL }),
+      /* @__PURE__ */ jsxs12(
         "span",
         {
           className: cn(
@@ -2109,14 +2079,14 @@ function PayWithSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx16(
       "div",
       {
         className: cn(
           isChoice ? "clcosdk:grid clcosdk:grid-cols-1 clcosdk:gap-2 clcosdk:sm:grid-cols-2" : "clcosdk:flex clcosdk:flex-col"
         ),
         children: inputAssets.map(
-          (inputAsset) => isChoice ? /* @__PURE__ */ jsx18(
+          (inputAsset) => isChoice ? /* @__PURE__ */ jsx16(
             PayWithAssetCard,
             {
               variant: "selectable",
@@ -2130,7 +2100,7 @@ function PayWithSection({
               })
             },
             inputAsset.symbol
-          ) : /* @__PURE__ */ jsx18(
+          ) : /* @__PURE__ */ jsx16(
             PayWithAssetCard,
             {
               variant: "static",
@@ -2149,10 +2119,10 @@ function CompletedView({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx18(CheckoutStepCard, { state: "completed", title: TITLE, className, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(CheckoutStepCard, { state: "completed", title: TITLE, className, children: /* @__PURE__ */ jsx16(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx18(AssetIcon, { asset: state.inputAsset, size: 40 }),
+      icon: /* @__PURE__ */ jsx16(AssetIcon, { asset: state.inputAsset, size: 40 }),
       title: state.amountFormatted,
       editLabel: "Edit",
       onEdit: () => onEvent({ type: "ON_EDIT_AMOUNT" })
@@ -2163,7 +2133,7 @@ function MaxButton({
   disabled,
   onClick
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       type: "button",
@@ -2186,7 +2156,7 @@ function MaxButton({
 import { Check, ExternalLink } from "lucide-react";
 
 // src/client/components/checkout/shared/common/DetailRow.tsx
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function DetailRow({
   label,
   value,
@@ -2194,7 +2164,7 @@ function DetailRow({
   emphasis = false,
   className
 }) {
-  return /* @__PURE__ */ jsx19(CoinListStyleScope, { children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx17(CoinListStyleScope, { children: /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -2202,8 +2172,8 @@ function DetailRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:items-center clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs13("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:items-center clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx17(
             "span",
             {
               className: cn(
@@ -2215,7 +2185,7 @@ function DetailRow({
           ),
           tooltip
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           "span",
           {
             className: cn(
@@ -2231,7 +2201,7 @@ function DetailRow({
 }
 
 // src/client/components/checkout/shared/summary/CheckoutDetailList.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var densityClasses = {
   compact: "clcosdk:gap-2",
   default: "clcosdk:gap-3"
@@ -2243,7 +2213,7 @@ function CheckoutDetailList({
   className
 }) {
   const visibleRows = rows.filter((row) => row.value !== null);
-  return /* @__PURE__ */ jsx20(CoinListStyleScope, { children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(CoinListStyleScope, { children: /* @__PURE__ */ jsx18(
     "div",
     {
       id,
@@ -2252,7 +2222,7 @@ function CheckoutDetailList({
         densityClasses[density],
         className
       ),
-      children: visibleRows.map((row) => /* @__PURE__ */ jsx20(
+      children: visibleRows.map((row) => /* @__PURE__ */ jsx18(
         DetailRow,
         {
           label: row.label,
@@ -2268,7 +2238,7 @@ function CheckoutDetailList({
 
 // src/client/components/design-system/Modal.tsx
 import { useEffect as useEffect2, useRef } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Modal({ label, onClose, children, className }) {
   const surfaceRef = useRef(null);
   const onCloseRef = useRef(onClose);
@@ -2290,7 +2260,7 @@ function Modal({ label, onClose, children, className }) {
     // are how it closes. A click-to-dismiss handler here would be an
     // interaction on a static element with no keyboard equivalent, and the two
     // hand-rolled modals this replaces do not offer one either.
-    /* @__PURE__ */ jsx21("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4", children: /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx19("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4", children: /* @__PURE__ */ jsx19(
       "div",
       {
         ref: surfaceRef,
@@ -2312,7 +2282,7 @@ function Modal({ label, onClose, children, className }) {
 }
 
 // src/client/components/checkout/shared/confirmation/CheckoutConfirmationDialog.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function CheckoutConfirmationDialog({
   icon,
   title: title2,
@@ -2323,11 +2293,11 @@ function CheckoutConfirmationDialog({
   onClose,
   className
 }) {
-  return /* @__PURE__ */ jsx22(CoinListStyleScope, { children: /* @__PURE__ */ jsx22(Modal, { label: title2, onClose, className, children: /* @__PURE__ */ jsxs16("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-2", children: [
+  return /* @__PURE__ */ jsx20(CoinListStyleScope, { children: /* @__PURE__ */ jsx20(Modal, { label: title2, onClose, className, children: /* @__PURE__ */ jsxs14("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-2", children: [
       icon,
-      /* @__PURE__ */ jsx22("h2", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title2 }),
-      subtitle4 && /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx20("h2", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title2 }),
+      subtitle4 && /* @__PURE__ */ jsx20(
         "p",
         {
           className: cn(
@@ -2338,21 +2308,21 @@ function CheckoutConfirmationDialog({
         }
       )
     ] }),
-    header && /* @__PURE__ */ jsxs16(Fragment4, { children: [
-      /* @__PURE__ */ jsx22(Divider, {}),
+    header && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      /* @__PURE__ */ jsx20(Divider, {}),
       header
     ] }),
-    /* @__PURE__ */ jsx22(Divider, {}),
-    /* @__PURE__ */ jsx22(CheckoutDetailList, { rows }),
-    /* @__PURE__ */ jsx22("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
+    /* @__PURE__ */ jsx20(Divider, {}),
+    /* @__PURE__ */ jsx20(CheckoutDetailList, { rows }),
+    /* @__PURE__ */ jsx20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: actions })
   ] }) }) });
 }
 function Divider() {
-  return /* @__PURE__ */ jsx22("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" });
+  return /* @__PURE__ */ jsx20("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" });
 }
 
 // src/client/components/checkout/shared/summary/AssetSummaryRow.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function AssetSummaryRow({
   asset,
   iconSize = 48,
@@ -2360,7 +2330,7 @@ function AssetSummaryRow({
   caption,
   className
 }) {
-  return /* @__PURE__ */ jsx23(CoinListStyleScope, { children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21(CoinListStyleScope, { children: /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -2368,10 +2338,10 @@ function AssetSummaryRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-          /* @__PURE__ */ jsx23(AssetIcon, { asset, size: iconSize }),
-          /* @__PURE__ */ jsxs17("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:justify-center", children: [
-            /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs15("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+          /* @__PURE__ */ jsx21(AssetIcon, { asset, size: iconSize }),
+          /* @__PURE__ */ jsxs15("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:justify-center", children: [
+            /* @__PURE__ */ jsx21(
               "span",
               {
                 className: cn(
@@ -2381,7 +2351,7 @@ function AssetSummaryRow({
                 children: asset.name
               }
             ),
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx21(
               "span",
               {
                 className: cn(
@@ -2393,11 +2363,11 @@ function AssetSummaryRow({
             )
           ] })
         ] }),
-        (value || caption) && /* @__PURE__ */ jsxs17("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:flex-col clcosdk:items-end clcosdk:justify-center", children: [
+        (value || caption) && /* @__PURE__ */ jsxs15("div", { className: "clcosdk:flex clcosdk:shrink-0 clcosdk:flex-col clcosdk:items-end clcosdk:justify-center", children: [
           value && // `min-h-[1lh]` + flex center: a Skeleton sized to `1em` (cap
           // height) sits in the same line box as loaded copy, so leading
           // keeps the two rows apart instead of two full-lh bars colliding.
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx21(
             "div",
             {
               className: cn(
@@ -2411,7 +2381,7 @@ function AssetSummaryRow({
           caption && // Styled here so a caption passed as plain copy needs no classes of
           // its own; a caption that brings its own (a `StatusIndicator`) sets
           // them on the element inside and wins.
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx21(
             "div",
             {
               className: cn(
@@ -2429,7 +2399,7 @@ function AssetSummaryRow({
 }
 
 // src/client/components/checkout/ondo/buy/confirmation/OndoBuyOrderConfirmed.tsx
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var TITLE2 = "Order confirmed";
 var SHARES_RECEIVED_CAPTION = "shares received";
 var TOTAL_COST_LABEL = "Total cost";
@@ -2447,13 +2417,13 @@ function OndoBuyOrderConfirmed({
     return null;
   }
   const onClose = () => onEvent({ type: "ON_CLOSE_ORDER_CONFIRMED" });
-  return /* @__PURE__ */ jsx24(CoinListStyleScope, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(CoinListStyleScope, { children: /* @__PURE__ */ jsx22(
     CheckoutConfirmationDialog,
     {
-      icon: /* @__PURE__ */ jsx24(SuccessGlyph, {}),
+      icon: /* @__PURE__ */ jsx22(SuccessGlyph, {}),
       title: TITLE2,
       subtitle: subtitle(state.outputAsset.symbol),
-      header: /* @__PURE__ */ jsx24(
+      header: /* @__PURE__ */ jsx22(
         AssetSummaryRow,
         {
           asset: state.outputAsset,
@@ -2462,9 +2432,9 @@ function OndoBuyOrderConfirmed({
         }
       ),
       rows: detailRows(state),
-      actions: /* @__PURE__ */ jsxs18(Fragment5, { children: [
-        /* @__PURE__ */ jsx24(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
-        /* @__PURE__ */ jsx24(ExplorerLink, { url: state.txExplorerUrl })
+      actions: /* @__PURE__ */ jsxs16(Fragment5, { children: [
+        /* @__PURE__ */ jsx22(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL }),
+        /* @__PURE__ */ jsx22(ExplorerLink, { url: state.txExplorerUrl })
       ] }),
       onClose,
       className
@@ -2479,14 +2449,14 @@ function detailRows(state) {
   ];
 }
 function SuccessGlyph() {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
         "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center",
         "clcosdk:rounded-full clcosdk:bg-positive-subtle"
       ),
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx22(
         Check,
         {
           className: "clcosdk:size-5 clcosdk:text-positive",
@@ -2498,7 +2468,7 @@ function SuccessGlyph() {
   );
 }
 function ExplorerLink({ url }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs16(
     "a",
     {
       href: url,
@@ -2513,7 +2483,7 @@ function ExplorerLink({ url }) {
       ),
       children: [
         VIEW_TRANSACTION_LABEL,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx22(
           ExternalLink,
           {
             className: "clcosdk:size-3.5 clcosdk:shrink-0",
@@ -2537,14 +2507,14 @@ var COINLIST_TOS_URL = "https://coinlist.co/terms";
 var COINLIST_PRIVACY_URL = "https://coinlist.co/privacy";
 
 // src/client/components/design-system/Skeleton.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var variantClasses = {
   text: "clcosdk:rounded-md",
   circular: "clcosdk:rounded-full",
   rectangular: "clcosdk:rounded-2xl"
 };
 function Skeleton({ variant = "text", className }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "aria-hidden": "true",
@@ -2559,7 +2529,7 @@ function Skeleton({ variant = "text", className }) {
 
 // src/client/components/design-system/Tooltip.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var positionClasses = {
   top: "clcosdk:bottom-full clcosdk:mb-2",
   bottom: "clcosdk:top-full clcosdk:mt-2"
@@ -2571,7 +2541,7 @@ function Tooltip({
   className
 }) {
   const tooltipId = useId2();
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs17(
     "span",
     {
       tabIndex: 0,
@@ -2586,7 +2556,7 @@ function Tooltip({
       ),
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx24(
           "span",
           {
             id: tooltipId,
@@ -2609,7 +2579,7 @@ function Tooltip({
 }
 
 // src/client/components/checkout/ondo/buy/review/OndoBuyReviewView.tsx
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var TITLE3 = "3. Review and confirm";
 var YOU_RECEIVE_LABEL = "You receive";
 var RECEIVING_WALLET_LABEL = "Receiving wallet";
@@ -2623,7 +2593,7 @@ var LOADING_STATUS = "Loading your order details\u2026";
 var ERROR_TITLE = "Something went wrong";
 var ERROR_DESCRIPTION = "We couldn't load your order details. Please try again.";
 function OndoBuyReviewView(props) {
-  return /* @__PURE__ */ jsx27(CoinListStyleScope, { children: /* @__PURE__ */ jsx27(OndoReviewViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx25(CoinListStyleScope, { children: /* @__PURE__ */ jsx25(OndoReviewViewBody, { ...props }) });
 }
 function OndoReviewViewBody({
   state,
@@ -2632,7 +2602,7 @@ function OndoReviewViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx27(
+      return /* @__PURE__ */ jsx25(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -2641,11 +2611,11 @@ function OndoReviewViewBody({
         }
       );
     case "loading":
-      return /* @__PURE__ */ jsx27(LoadingView, { className });
+      return /* @__PURE__ */ jsx25(LoadingView, { className });
     case "error":
-      return /* @__PURE__ */ jsx27(ErrorView, { onEvent, className });
+      return /* @__PURE__ */ jsx25(ErrorView, { onEvent, className });
     case "active":
-      return /* @__PURE__ */ jsx27(ActiveView2, { state, onEvent, className });
+      return /* @__PURE__ */ jsx25(ActiveView2, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -2657,42 +2627,42 @@ function ActiveView2({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsxs20(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx27("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL }),
-      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx27(AssetIcon, { asset: state.outputAsset, size: 40 }),
-        /* @__PURE__ */ jsx27("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.outputAmount })
+  return /* @__PURE__ */ jsxs18(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx25("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL }),
+      /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx25(AssetIcon, { asset: state.outputAsset, size: 40 }),
+        /* @__PURE__ */ jsx25("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.outputAmount })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
-        /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
+        /* @__PURE__ */ jsx25(
           DetailRow,
           {
             label: RECEIVING_WALLET_LABEL,
             value: state.recipientAddress
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx25(
           DetailRow,
           {
             label: PRICE_PER_SHARE_LABEL2,
-            tooltip: /* @__PURE__ */ jsx27(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP, children: /* @__PURE__ */ jsx27(InfoIcon, {}) }),
+            tooltip: /* @__PURE__ */ jsx25(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP, children: /* @__PURE__ */ jsx25(InfoIcon, {}) }),
             value: state.pricePerShare
           }
         ),
-        state.coinlistFee !== null && /* @__PURE__ */ jsx27(
+        state.coinlistFee !== null && /* @__PURE__ */ jsx25(
           DetailRow,
           {
             label: COINLIST_FEE_LABEL,
-            tooltip: /* @__PURE__ */ jsx27(Tooltip, { content: COINLIST_FEE_TOOLTIP, children: /* @__PURE__ */ jsx27(InfoIcon, {}) }),
+            tooltip: /* @__PURE__ */ jsx25(Tooltip, { content: COINLIST_FEE_TOOLTIP, children: /* @__PURE__ */ jsx25(InfoIcon, {}) }),
             value: state.coinlistFee
           }
         )
       ] }),
-      /* @__PURE__ */ jsx27("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx25("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+      /* @__PURE__ */ jsx25(
         DetailRow,
         {
           label: TOTAL_LABEL,
@@ -2702,9 +2672,9 @@ function ActiveView2({
         }
       )
     ] }),
-    state.error !== null && /* @__PURE__ */ jsx27(QuoteLine, { tone: "error", children: state.error }),
-    /* @__PURE__ */ jsx27(QuoteStatusLine, { quote: state.quote, onEvent }),
-    /* @__PURE__ */ jsx27(
+    state.error !== null && /* @__PURE__ */ jsx25(QuoteLine, { tone: "error", children: state.error }),
+    /* @__PURE__ */ jsx25(QuoteStatusLine, { quote: state.quote, onEvent }),
+    /* @__PURE__ */ jsx25(
       ClButton,
       {
         variant: "gradient",
@@ -2717,14 +2687,14 @@ function ActiveView2({
         children: "Place order"
       }
     ),
-    /* @__PURE__ */ jsx27(Disclaimer, {})
+    /* @__PURE__ */ jsx25(Disclaimer, {})
   ] });
 }
 function QuoteStatusLine({
   quote,
   onEvent
 }) {
-  const refreshLink = /* @__PURE__ */ jsx27(
+  const refreshLink = /* @__PURE__ */ jsx25(
     "button",
     {
       type: "button",
@@ -2735,20 +2705,20 @@ function QuoteStatusLine({
   );
   switch (quote.type) {
     case "valid":
-      return /* @__PURE__ */ jsxs20(QuoteLine, { tone: "muted", children: [
+      return /* @__PURE__ */ jsxs18(QuoteLine, { tone: "muted", children: [
         quote.expiresInLabel,
         " ",
         refreshLink
       ] });
     case "refreshing":
-      return /* @__PURE__ */ jsx27(QuoteLine, { tone: "muted", children: "Refreshing quote\u2026" });
+      return /* @__PURE__ */ jsx25(QuoteLine, { tone: "muted", children: "Refreshing quote\u2026" });
     case "expired":
-      return /* @__PURE__ */ jsxs20(QuoteLine, { tone: "warning", children: [
+      return /* @__PURE__ */ jsxs18(QuoteLine, { tone: "warning", children: [
         "Quote expired. ",
         refreshLink
       ] });
     case "refresh-failed":
-      return /* @__PURE__ */ jsxs20(QuoteLine, { tone: "warning", children: [
+      return /* @__PURE__ */ jsxs18(QuoteLine, { tone: "warning", children: [
         quote.message,
         " ",
         refreshLink
@@ -2768,7 +2738,7 @@ function QuoteLine({
     warning: "clcosdk:text-warning",
     error: "clcosdk:text-error"
   }[tone];
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(
     "p",
     {
       className: cn(
@@ -2781,41 +2751,41 @@ function QuoteLine({
   );
 }
 function LoadingView({ className }) {
-  return /* @__PURE__ */ jsxs20(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
-    /* @__PURE__ */ jsx27("output", { className: "clcosdk:sr-only", children: LOADING_STATUS }),
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
-      /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs18(CheckoutStepCard, { state: "active", title: TITLE3, className, children: [
+    /* @__PURE__ */ jsx25("output", { className: "clcosdk:sr-only", children: LOADING_STATUS }),
+    /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
+      /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx25(
           Skeleton,
           {
             variant: "circular",
             className: "clcosdk:size-10 clcosdk:shrink-0"
           }
         ),
-        /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
-          /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
+        /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
+          /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "fee"].map((row) => /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsx25("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "fee"].map((row) => /* @__PURE__ */ jsxs18(
       "div",
       {
         className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4",
         children: [
-          /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
-          /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
+          /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
+          /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
         ]
       },
       row
     )) }),
-    /* @__PURE__ */ jsx27("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
-      /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
-      /* @__PURE__ */ jsx27(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
+    /* @__PURE__ */ jsx25("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+    /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
+      /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
+      /* @__PURE__ */ jsx25(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx25(
       Skeleton,
       {
         variant: "rectangular",
@@ -2828,9 +2798,9 @@ function ErrorView({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx27(CheckoutStepCard, { state: "active", title: TITLE3, className, children: /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(CheckoutStepCard, { state: "active", title: TITLE3, className, children: /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx25(
         "h3",
         {
           className: cn(
@@ -2840,7 +2810,7 @@ function ErrorView({
           children: ERROR_TITLE
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx25(
         "p",
         {
           className: cn(
@@ -2851,7 +2821,7 @@ function ErrorView({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx25(
       ClButton,
       {
         variant: "secondary",
@@ -2862,7 +2832,7 @@ function ErrorView({
   ] }) });
 }
 function Disclaimer() {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs18(
     "p",
     {
       className: cn(
@@ -2872,13 +2842,13 @@ function Disclaimer() {
       children: [
         "By placing this order, you agree to CoinList's",
         " ",
-        /* @__PURE__ */ jsx27(DisclaimerLink, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
+        /* @__PURE__ */ jsx25(DisclaimerLink, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
         " ",
         "and",
         " ",
-        /* @__PURE__ */ jsx27(DisclaimerLink, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
+        /* @__PURE__ */ jsx25(DisclaimerLink, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
         ", and ",
-        /* @__PURE__ */ jsx27(DisclaimerLink, { href: ONDO_TOS_URL, children: "Ondo's Terms" }),
+        /* @__PURE__ */ jsx25(DisclaimerLink, { href: ONDO_TOS_URL, children: "Ondo's Terms" }),
         "."
       ]
     }
@@ -2888,7 +2858,7 @@ function DisclaimerLink({
   href,
   children
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(
     "a",
     {
       href,
@@ -2900,7 +2870,7 @@ function DisclaimerLink({
   );
 }
 function InfoIcon() {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx25(
     Info2,
     {
       className: "clcosdk:size-4 clcosdk:text-text-secondary",
@@ -2910,14 +2880,14 @@ function InfoIcon() {
 }
 
 // src/client/components/checkout/ondo/shared/error/OndoCheckoutError.tsx
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var UNSUPPORTED_CHAIN_TITLE = "Not available on this network";
 var UNSUPPORTED_CHAIN_DESCRIPTION = "Ondo orders cannot be placed on the selected network.";
 function OndoCheckoutError({
   reason,
   className
 }) {
-  return /* @__PURE__ */ jsx28(CoinListStyleScope, { children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx26(CoinListStyleScope, { children: /* @__PURE__ */ jsx26(
     "div",
     {
       className: cn(
@@ -2925,8 +2895,8 @@ function OndoCheckoutError({
         "clcosdk:items-center clcosdk:gap-4 clcosdk:py-12 clcosdk:text-center",
         className
       ),
-      children: /* @__PURE__ */ jsxs21("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-        /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsxs19("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+        /* @__PURE__ */ jsx26(
           "h2",
           {
             className: cn(
@@ -2936,7 +2906,7 @@ function OndoCheckoutError({
             children: title(reason)
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx26(
           "p",
           {
             className: cn(
@@ -2972,9 +2942,9 @@ function description(reason) {
 }
 
 // src/client/components/checkout/shared/common/StatusIndicator.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function StatusIndicator({ status, className }) {
-  return /* @__PURE__ */ jsx29(CoinListStyleScope, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx27(CoinListStyleScope, { children: /* @__PURE__ */ jsx27(
     "span",
     {
       className: cn(
@@ -2992,9 +2962,9 @@ import { ChevronDown, ChevronUp } from "lucide-react";
 import { useId as useId3, useState as useState2 } from "react";
 
 // src/client/components/checkout/shared/common/CheckoutCard.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function CheckoutCard({ children, className }) {
-  return /* @__PURE__ */ jsx30(CoinListStyleScope, { children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(CoinListStyleScope, { children: /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn(
@@ -3010,7 +2980,7 @@ function CheckoutCard({ children, className }) {
 }
 
 // src/client/components/checkout/shared/sidebar/CheckoutSidebarCard.tsx
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function CheckoutSidebarCard({
   title: title2,
   header,
@@ -3021,7 +2991,7 @@ function CheckoutSidebarCard({
 }) {
   const [expanded, setExpanded] = useState2(false);
   const rowsId = useId3();
-  return /* @__PURE__ */ jsx31(CoinListStyleScope, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx29(CoinListStyleScope, { children: /* @__PURE__ */ jsxs20(
     CheckoutCard,
     {
       className: cn(
@@ -3030,8 +3000,8 @@ function CheckoutSidebarCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsxs20("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx29(
             "h2",
             {
               className: cn(
@@ -3043,7 +3013,7 @@ function CheckoutSidebarCard({
           ),
           header
         ] }),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx29(
           "div",
           {
             className: cn(
@@ -3052,7 +3022,7 @@ function CheckoutSidebarCard({
             )
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx29(
           CheckoutDetailList,
           {
             id: rowsId,
@@ -3061,7 +3031,7 @@ function CheckoutSidebarCard({
             className: cn("clcosdk:px-2", !expanded && "clcosdk:max-md:hidden")
           }
         ),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs20(
           "button",
           {
             type: "button",
@@ -3080,7 +3050,7 @@ function CheckoutSidebarCard({
             ),
             children: [
               expanded ? hideDetailsLabel : showDetailsLabel,
-              expanded ? /* @__PURE__ */ jsx31(ChevronUp, { className: "clcosdk:size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx31(ChevronDown, { className: "clcosdk:size-4", "aria-hidden": "true" })
+              expanded ? /* @__PURE__ */ jsx29(ChevronUp, { className: "clcosdk:size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx29(ChevronDown, { className: "clcosdk:size-4", "aria-hidden": "true" })
             ]
           }
         )
@@ -3090,7 +3060,7 @@ function CheckoutSidebarCard({
 }
 
 // src/client/components/checkout/ondo/shared/sidebar/OndoSidebarView.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var TITLE4 = "Asset details";
 var SHOW_DETAILS_LABEL = "Show details";
 var HIDE_DETAILS_LABEL = "Hide details";
@@ -3105,16 +3075,16 @@ function OndoSidebarView({
   state,
   className
 }) {
-  return /* @__PURE__ */ jsx32(CoinListStyleScope, { children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx30(CoinListStyleScope, { children: /* @__PURE__ */ jsx30(
     CheckoutSidebarCard,
     {
       title: TITLE4,
-      header: /* @__PURE__ */ jsx32(
+      header: /* @__PURE__ */ jsx30(
         AssetSummaryRow,
         {
           asset: state.asset,
-          value: /* @__PURE__ */ jsx32(PriceValue, { price: state.price }),
-          caption: /* @__PURE__ */ jsx32(PriceCaption, { price: state.price })
+          value: /* @__PURE__ */ jsx30(PriceValue, { price: state.price }),
+          caption: /* @__PURE__ */ jsx30(PriceCaption, { price: state.price })
         }
       ),
       rows: detailRows2(state),
@@ -3137,7 +3107,7 @@ function detailRows2(state) {
 function PriceValue({ price }) {
   switch (price.type) {
     case "loading":
-      return /* @__PURE__ */ jsx32(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-24" });
+      return /* @__PURE__ */ jsx30(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-24" });
     case "known":
       return price.price;
     case "unavailable":
@@ -3151,9 +3121,9 @@ function PriceValue({ price }) {
 function PriceCaption({ price }) {
   switch (price.type) {
     case "loading":
-      return /* @__PURE__ */ jsx32(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-20" });
+      return /* @__PURE__ */ jsx30(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-20" });
     case "known":
-      return /* @__PURE__ */ jsx32(StatusIndicator, { status: price.market });
+      return /* @__PURE__ */ jsx30(StatusIndicator, { status: price.market });
     // Nothing to say about a market whose price never arrived: the order steps
     // are where that failure is reported and retried.
     case "unavailable":
@@ -3170,7 +3140,7 @@ import { Wallet } from "lucide-react";
 
 // src/client/components/checkout/shared/selection/SelectableOptionRow.tsx
 import { Children, Fragment as Fragment6 } from "react";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 function SelectableOptionRow({
   selected,
   disabled = false,
@@ -3187,7 +3157,7 @@ function SelectableOptionRow({
       onSelect();
     }
   };
-  return /* @__PURE__ */ jsx33(CoinListStyleScope, { children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx31(CoinListStyleScope, { children: /* @__PURE__ */ jsxs21(
     "div",
     {
       role: "button",
@@ -3207,17 +3177,17 @@ function SelectableOptionRow({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs23("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
           icon,
-          /* @__PURE__ */ jsx33("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children })
+          /* @__PURE__ */ jsx31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children })
         ] }),
-        /* @__PURE__ */ jsx33(RadioCircle, { selected })
+        /* @__PURE__ */ jsx31(RadioCircle, { selected })
       ]
     }
   ) });
 }
 function RadioCircle({ selected }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width: "20",
@@ -3227,7 +3197,7 @@ function RadioCircle({ selected }) {
       "aria-hidden": "true",
       className: "clcosdk:shrink-0",
       children: [
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx31(
           "circle",
           {
             cx: "10",
@@ -3238,7 +3208,7 @@ function RadioCircle({ selected }) {
             className: selected ? "clcosdk:text-text-primary" : "clcosdk:text-text-disabled"
           }
         ),
-        selected && /* @__PURE__ */ jsx33(
+        selected && /* @__PURE__ */ jsx31(
           "circle",
           {
             cx: "10",
@@ -3254,26 +3224,26 @@ function RadioCircle({ selected }) {
 }
 function OptionMetaRow({ children }) {
   const items = Children.toArray(children).filter(Boolean);
-  return /* @__PURE__ */ jsx33("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: items.map((item, index) => (
+  return /* @__PURE__ */ jsx31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: items.map((item, index) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: positional separators, and the list is caller-authored JSX.
-    /* @__PURE__ */ jsxs23(Fragment6, { children: [
-      index > 0 && /* @__PURE__ */ jsx33(MetaDot, {}),
+    /* @__PURE__ */ jsxs21(Fragment6, { children: [
+      index > 0 && /* @__PURE__ */ jsx31(MetaDot, {}),
       item
     ] }, index)
   )) });
 }
 function MetaDot() {
-  return /* @__PURE__ */ jsx33("span", { className: "clcosdk:h-1 clcosdk:w-1 clcosdk:shrink-0 clcosdk:rounded-full clcosdk:bg-text-disabled" });
+  return /* @__PURE__ */ jsx31("span", { className: "clcosdk:h-1 clcosdk:w-1 clcosdk:shrink-0 clcosdk:rounded-full clcosdk:bg-text-disabled" });
 }
 
 // src/client/components/checkout/ondo/shared/wallet/OndoWalletSelectView.tsx
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 var TITLE5 = "1. Choose your wallet";
 var DEFAULT_DESCRIPTION = "Choose your wallet to fund your purchase and receive your assets.";
 var EMBEDDED_WALLET_LABEL = "CoinList Wallet";
 var EXTERNAL_WALLET_LABEL = "External wallet";
 function OndoWalletSelectView(props) {
-  return /* @__PURE__ */ jsx34(CoinListStyleScope, { children: /* @__PURE__ */ jsx34(OndoWalletSelectViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx32(CoinListStyleScope, { children: /* @__PURE__ */ jsx32(OndoWalletSelectViewBody, { ...props }) });
 }
 function OndoWalletSelectViewBody({
   state,
@@ -3283,7 +3253,7 @@ function OndoWalletSelectViewBody({
 }) {
   switch (state.type) {
     case "active":
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx32(
         ActiveView3,
         {
           state,
@@ -3293,7 +3263,7 @@ function OndoWalletSelectViewBody({
         }
       );
     case "completed":
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx32(
         CompletedView2,
         {
           wallet: state.wallet,
@@ -3313,18 +3283,18 @@ function ActiveView3({
   description: description2,
   className
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE5,
-      description: /* @__PURE__ */ jsx34("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: description2 }),
+      description: /* @__PURE__ */ jsx32("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: description2 }),
       className,
-      footer: /* @__PURE__ */ jsx34(
+      footer: /* @__PURE__ */ jsx32(
         CheckoutStepFooter,
         {
           error: state.error,
-          cta: /* @__PURE__ */ jsx34(
+          cta: /* @__PURE__ */ jsx32(
             ClButton,
             {
               variant: "primary",
@@ -3336,8 +3306,8 @@ function ActiveView3({
           )
         }
       ),
-      children: /* @__PURE__ */ jsxs24("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-        /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsxs22("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+        /* @__PURE__ */ jsx32(
           ExternalWalletRow,
           {
             wallet: state.externalWallet,
@@ -3345,7 +3315,7 @@ function ActiveView3({
             onEvent
           }
         ),
-        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx34(
+        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx32(
           EmbeddedWalletRow,
           {
             wallet,
@@ -3363,13 +3333,13 @@ function ExternalWalletRow({
   onEvent
 }) {
   if (wallet === null) {
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx32(
       SelectableOptionRow,
       {
         selected: false,
         onSelect: () => onEvent({ type: "ON_CONNECT_WALLET" }),
-        icon: /* @__PURE__ */ jsx34(WalletGlyph, {}),
-        children: /* @__PURE__ */ jsx34(
+        icon: /* @__PURE__ */ jsx32(WalletGlyph, {}),
+        children: /* @__PURE__ */ jsx32(
           "span",
           {
             className: cn(
@@ -3382,14 +3352,14 @@ function ExternalWalletRow({
       }
     );
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs22(
     SelectableOptionRow,
     {
       selected: wallet.selected,
       onSelect: () => onEvent({ type: "ON_SELECT_WALLET", value: { type: "external" } }),
-      icon: /* @__PURE__ */ jsx34(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx32(WalletGlyph, {}),
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             className: cn(
@@ -3399,22 +3369,22 @@ function ExternalWalletRow({
             children: wallet.address
           }
         ),
-        canDisconnect && /* @__PURE__ */ jsx34(
+        canDisconnect && /* @__PURE__ */ jsx32(
           DisconnectControl,
           {
             onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" }),
             className: "clcosdk:md:hidden"
           }
         ),
-        /* @__PURE__ */ jsx34("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs24(OptionMetaRow, { children: [
-          /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx32("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs22(OptionMetaRow, { children: [
+          /* @__PURE__ */ jsx32(
             "span",
             {
               className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
               children: wallet.network
             }
           ),
-          canDisconnect && /* @__PURE__ */ jsx34(
+          canDisconnect && /* @__PURE__ */ jsx32(
             DisconnectControl,
             {
               onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" })
@@ -3429,7 +3399,7 @@ function EmbeddedWalletRow({
   wallet,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs22(
     SelectableOptionRow,
     {
       selected: wallet.selected,
@@ -3437,9 +3407,9 @@ function EmbeddedWalletRow({
         type: "ON_SELECT_WALLET",
         value: { type: "embedded", address: wallet.walletAddress }
       }),
-      icon: /* @__PURE__ */ jsx34(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx32(WalletGlyph, {}),
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             className: cn(
@@ -3449,7 +3419,7 @@ function EmbeddedWalletRow({
             children: EMBEDDED_WALLET_LABEL
           }
         ),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx32(
           "span",
           {
             className: cn(
@@ -3459,8 +3429,8 @@ function EmbeddedWalletRow({
             children: wallet.address
           }
         ),
-        /* @__PURE__ */ jsx34("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs24(OptionMetaRow, { children: [
-          /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx32("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs22(OptionMetaRow, { children: [
+          /* @__PURE__ */ jsx32(
             "span",
             {
               className: cn(
@@ -3470,7 +3440,7 @@ function EmbeddedWalletRow({
               children: wallet.address
             }
           ),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx32(
             "span",
             {
               className: cn(
@@ -3490,10 +3460,10 @@ function CompletedView2({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx34(CheckoutStepCard, { state: "completed", title: TITLE5, className, children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(CheckoutStepCard, { state: "completed", title: TITLE5, className, children: /* @__PURE__ */ jsx32(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx34(WalletGlyph, {}),
+      icon: /* @__PURE__ */ jsx32(WalletGlyph, {}),
       title: wallet.type === "embedded" ? EMBEDDED_WALLET_LABEL : wallet.address,
       subtitle: wallet.type === "embedded" ? wallet.address : null,
       editLabel: "Edit",
@@ -3505,7 +3475,7 @@ function DisconnectControl({
   onDisconnect,
   className
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32(
     "button",
     {
       type: "button",
@@ -3524,7 +3494,7 @@ function DisconnectControl({
   );
 }
 function WalletGlyph() {
-  return /* @__PURE__ */ jsx34("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx32("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx32(
     Wallet,
     {
       className: "clcosdk:size-5 clcosdk:text-text-primary",
@@ -3534,7 +3504,7 @@ function WalletGlyph() {
 }
 
 // src/client/components/checkout/ondo/buy/OndoBuyCheckoutView.tsx
-import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 function OndoBuyCheckoutView({
   state,
   onEvent,
@@ -3542,10 +3512,10 @@ function OndoBuyCheckoutView({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ jsx35(OndoCheckoutError, { reason: state.reason, className });
+      return /* @__PURE__ */ jsx33(OndoCheckoutError, { reason: state.reason, className });
     case "content":
-      return /* @__PURE__ */ jsxs25(CoinListStyleScope, { children: [
-        /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs23(CoinListStyleScope, { children: [
+        /* @__PURE__ */ jsxs23(
           "div",
           {
             className: cn(
@@ -3554,16 +3524,16 @@ function OndoBuyCheckoutView({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs25("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
-                /* @__PURE__ */ jsx35(OndoWalletSelectView, { state: state.wallet, onEvent }),
-                /* @__PURE__ */ jsx35(OndoBuyAmountView, { state: state.amount, onEvent }),
-                /* @__PURE__ */ jsx35(OndoBuyReviewView, { state: state.review, onEvent })
+              /* @__PURE__ */ jsxs23("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
+                /* @__PURE__ */ jsx33(OndoWalletSelectView, { state: state.wallet, onEvent }),
+                /* @__PURE__ */ jsx33(OndoBuyAmountView, { state: state.amount, onEvent }),
+                /* @__PURE__ */ jsx33(OndoBuyReviewView, { state: state.review, onEvent })
               ] }),
-              /* @__PURE__ */ jsx35("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx35(OndoSidebarView, { state: state.sidebar }) })
+              /* @__PURE__ */ jsx33("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx33(OndoSidebarView, { state: state.sidebar }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx33(
           OndoBuyOrderConfirmed,
           {
             state: state.orderConfirmed,
@@ -5113,7 +5083,7 @@ function toOrderConfirmedUi({
 }
 
 // src/client/components/checkout/ondo/buy/OndoBuyCheckoutContainer.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function OndoBuyCheckoutContainer({
   offer,
   ondoSymbol,
@@ -5131,7 +5101,7 @@ function OndoBuyCheckoutContainer({
     enabled,
     onOrderConfirmed
   });
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx34(
     OndoBuyCheckoutView,
     {
       state,
@@ -5142,7 +5112,7 @@ function OndoBuyCheckoutContainer({
 }
 
 // src/client/components/checkout/ondo/sell/amount/OndoSellAmountView.tsx
-import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 var TITLE6 = "Enter amount";
 var AMOUNT_LABEL2 = "Amount";
 var AMOUNT_PLACEHOLDER2 = "0.00";
@@ -5150,7 +5120,7 @@ var BALANCE_LABEL = "Balance";
 var EMBEDDED_WALLET_LABEL2 = "CoinList Wallet";
 var REVIEW_NOTE2 = "You'll review your order details before selling.";
 function OndoSellAmountView(props) {
-  return /* @__PURE__ */ jsx37(CoinListStyleScope, { children: /* @__PURE__ */ jsx37(OndoSellAmountViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx35(CoinListStyleScope, { children: /* @__PURE__ */ jsx35(OndoSellAmountViewBody, { ...props }) });
 }
 function OndoSellAmountViewBody({
   state,
@@ -5161,7 +5131,7 @@ function OndoSellAmountViewBody({
   const title2 = `${stepNumber}. ${TITLE6}`;
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx35(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -5170,7 +5140,7 @@ function OndoSellAmountViewBody({
         }
       );
     case "active":
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx35(
         ActiveView4,
         {
           state,
@@ -5180,7 +5150,7 @@ function OndoSellAmountViewBody({
         }
       );
     case "complete":
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx35(
         CompletedView3,
         {
           state,
@@ -5202,18 +5172,18 @@ function ActiveView4({
   className
 }) {
   const isLoading = state.confirmCta.type === "loading";
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs24(
     CheckoutStepCard,
     {
       state: "active",
       title: title2,
       className,
-      footer: /* @__PURE__ */ jsx37(
+      footer: /* @__PURE__ */ jsx35(
         CheckoutStepFooter,
         {
           message: state.confirmCta.type === "loading" ? state.confirmCta.message : REVIEW_NOTE2,
           error: state.error,
-          cta: /* @__PURE__ */ jsx37(
+          cta: /* @__PURE__ */ jsx35(
             ClButton,
             {
               variant: "primary",
@@ -5228,7 +5198,7 @@ function ActiveView4({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx35(
           CheckoutAmountInput,
           {
             label: AMOUNT_LABEL2,
@@ -5237,9 +5207,8 @@ function ActiveView4({
             placeholder: AMOUNT_PLACEHOLDER2,
             invalid: state.error !== null,
             disabled: isLoading,
-            prefix: state.balance?.asset.symbol,
-            prefixTone: "muted",
-            action: state.balance !== null && /* @__PURE__ */ jsx37(
+            suffix: state.balance?.asset.symbol,
+            action: state.balance !== null && /* @__PURE__ */ jsx35(
               MaxButton2,
               {
                 disabled: isLoading,
@@ -5248,7 +5217,7 @@ function ActiveView4({
             )
           }
         ),
-        /* @__PURE__ */ jsx37(BalanceSection, { state })
+        /* @__PURE__ */ jsx35(BalanceSection, { state })
       ]
     }
   );
@@ -5256,10 +5225,10 @@ function ActiveView4({
 function BalanceSection({
   state
 }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsx37("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: BALANCE_LABEL }),
-      /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs24("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsx35("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: BALANCE_LABEL }),
+      /* @__PURE__ */ jsxs24(
         "span",
         {
           className: cn(
@@ -5277,14 +5246,14 @@ function BalanceSection({
       // The asset's address and decimals arrive with the sell quote, so
       // there is nothing to name until it lands - and a zero holding under
       // the real symbol would be a claim rather than a wait.
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx35(
         Skeleton,
         {
           variant: "rectangular",
           className: "clcosdk:h-[71px] clcosdk:w-full clcosdk:rounded-2xl"
         }
       )
-    ) : /* @__PURE__ */ jsx37(
+    ) : /* @__PURE__ */ jsx35(
       PayWithAssetCard,
       {
         variant: "static",
@@ -5312,10 +5281,10 @@ function CompletedView3({
   title: title2,
   className
 }) {
-  return /* @__PURE__ */ jsx37(CheckoutStepCard, { state: "completed", title: title2, className, children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx35(CheckoutStepCard, { state: "completed", title: title2, className, children: /* @__PURE__ */ jsx35(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx37(AssetIcon, { asset: state.asset, size: 40 }),
+      icon: /* @__PURE__ */ jsx35(AssetIcon, { asset: state.asset, size: 40 }),
       title: state.amountFormatted,
       editLabel: "Edit",
       onEdit: () => onEvent({ type: "ON_EDIT_SELL_AMOUNT" })
@@ -5326,7 +5295,7 @@ function MaxButton2({
   disabled,
   onClick
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx35(
     "button",
     {
       type: "button",
@@ -5347,7 +5316,7 @@ function MaxButton2({
 
 // src/client/components/checkout/ondo/sell/confirmation/OndoSellOrderConfirmed.tsx
 import { Check as Check2, ExternalLink as ExternalLink2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var TITLE7 = "Order confirmed";
 var SHARES_SOLD_CAPTION = "shares sold";
 var RECEIVED_LABEL = "Received";
@@ -5365,10 +5334,10 @@ function OndoSellOrderConfirmed({
     return null;
   }
   const onClose = () => onEvent({ type: "ON_CLOSE_SELL_ORDER_CONFIRMED" });
-  return /* @__PURE__ */ jsx38(CoinListStyleScope, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(CoinListStyleScope, { children: /* @__PURE__ */ jsx36(
     CheckoutConfirmationDialog,
     {
-      icon: /* @__PURE__ */ jsx38(SuccessGlyph2, {}),
+      icon: /* @__PURE__ */ jsx36(SuccessGlyph2, {}),
       title: TITLE7,
       subtitle: subtitle2(state.soldAsset.symbol, state.proceedsSymbol),
       header: (
@@ -5376,7 +5345,7 @@ function OndoSellOrderConfirmed({
         // leads with what arrived. The proceeds are a detail row below,
         // because the position that changed is the thing the user is looking
         // for.
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx36(
           AssetSummaryRow,
           {
             asset: state.soldAsset,
@@ -5386,9 +5355,9 @@ function OndoSellOrderConfirmed({
         )
       ),
       rows: detailRows3(state),
-      actions: /* @__PURE__ */ jsxs27(Fragment7, { children: [
-        /* @__PURE__ */ jsx38(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
-        /* @__PURE__ */ jsx38(ExplorerLink2, { url: state.txExplorerUrl })
+      actions: /* @__PURE__ */ jsxs25(Fragment7, { children: [
+        /* @__PURE__ */ jsx36(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL2 }),
+        /* @__PURE__ */ jsx36(ExplorerLink2, { url: state.txExplorerUrl })
       ] }),
       onClose,
       className
@@ -5403,14 +5372,14 @@ function detailRows3(state) {
   ];
 }
 function SuccessGlyph2() {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
         "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center",
         "clcosdk:rounded-full clcosdk:bg-positive-subtle"
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx36(
         Check2,
         {
           className: "clcosdk:size-5 clcosdk:text-positive",
@@ -5422,7 +5391,7 @@ function SuccessGlyph2() {
   );
 }
 function ExplorerLink2({ url }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs25(
     "a",
     {
       href: url,
@@ -5437,7 +5406,7 @@ function ExplorerLink2({ url }) {
       ),
       children: [
         VIEW_TRANSACTION_LABEL2,
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx36(
           ExternalLink2,
           {
             className: "clcosdk:size-3.5 clcosdk:shrink-0",
@@ -5452,7 +5421,7 @@ function ExplorerLink2({ url }) {
 
 // src/client/components/checkout/ondo/sell/review/OndoSellReviewView.tsx
 import { Info as Info3 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var TITLE8 = "Review and confirm";
 var YOU_RECEIVE_LABEL2 = "You receive";
 var RECEIVING_WALLET_LABEL2 = "Receiving wallet";
@@ -5467,7 +5436,7 @@ var LOADING_STATUS2 = "Loading your order details\u2026";
 var ERROR_TITLE2 = "Something went wrong";
 var ERROR_DESCRIPTION2 = "We couldn't load your order details. Please try again.";
 function OndoSellReviewView(props) {
-  return /* @__PURE__ */ jsx39(CoinListStyleScope, { children: /* @__PURE__ */ jsx39(OndoSellReviewViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx37(CoinListStyleScope, { children: /* @__PURE__ */ jsx37(OndoSellReviewViewBody, { ...props }) });
 }
 function OndoSellReviewViewBody({
   state,
@@ -5478,7 +5447,7 @@ function OndoSellReviewViewBody({
   const title2 = `${stepNumber}. ${TITLE8}`;
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx37(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -5487,11 +5456,11 @@ function OndoSellReviewViewBody({
         }
       );
     case "loading":
-      return /* @__PURE__ */ jsx39(LoadingView2, { title: title2, className });
+      return /* @__PURE__ */ jsx37(LoadingView2, { title: title2, className });
     case "error":
-      return /* @__PURE__ */ jsx39(ErrorView2, { onEvent, title: title2, className });
+      return /* @__PURE__ */ jsx37(ErrorView2, { onEvent, title: title2, className });
     case "active":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx37(
         ActiveView5,
         {
           state,
@@ -5512,50 +5481,50 @@ function ActiveView5({
   title: title2,
   className
 }) {
-  return /* @__PURE__ */ jsxs28(CheckoutStepCard, { state: "active", title: title2, className, children: [
-    /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx39("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL2 }),
-      /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx39(AssetIcon, { asset: state.outputAsset, size: 40 }),
-        /* @__PURE__ */ jsx39("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.expected.amount })
+  return /* @__PURE__ */ jsxs26(CheckoutStepCard, { state: "active", title: title2, className, children: [
+    /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx37("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL2 }),
+      /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx37(AssetIcon, { asset: state.outputAsset, size: 40 }),
+        /* @__PURE__ */ jsx37("span", { className: "clcosdk:min-w-0 clcosdk:break-words clcosdk:text-[22px] clcosdk:leading-[130%] clcosdk:font-medium clcosdk:text-text-primary", children: state.expected.amount })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
-      /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
+      /* @__PURE__ */ jsx37(
         DetailRow,
         {
           label: RECEIVING_WALLET_LABEL2,
           value: state.recipientAddress
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx37(
         DetailRow,
         {
           label: PRICE_PER_SHARE_LABEL4,
-          tooltip: /* @__PURE__ */ jsx39(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP2, children: /* @__PURE__ */ jsx39(InfoIcon2, {}) }),
+          tooltip: /* @__PURE__ */ jsx37(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP2, children: /* @__PURE__ */ jsx37(InfoIcon2, {}) }),
           value: state.pricePerShare
         }
       ),
-      state.expected.fee !== null && /* @__PURE__ */ jsx39(
+      state.expected.fee !== null && /* @__PURE__ */ jsx37(
         DetailRow,
         {
           label: COINLIST_FEE_LABEL2,
-          tooltip: /* @__PURE__ */ jsx39(Tooltip, { content: COINLIST_FEE_TOOLTIP2, children: /* @__PURE__ */ jsx39(InfoIcon2, {}) }),
+          tooltip: /* @__PURE__ */ jsx37(Tooltip, { content: COINLIST_FEE_TOOLTIP2, children: /* @__PURE__ */ jsx37(InfoIcon2, {}) }),
           value: state.expected.fee
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx37(
         DetailRow,
         {
           label: MINIMUM_RECEIVED_LABEL,
-          tooltip: /* @__PURE__ */ jsx39(Tooltip, { content: MINIMUM_RECEIVED_TOOLTIP, children: /* @__PURE__ */ jsx39(InfoIcon2, {}) }),
+          tooltip: /* @__PURE__ */ jsx37(Tooltip, { content: MINIMUM_RECEIVED_TOOLTIP, children: /* @__PURE__ */ jsx37(InfoIcon2, {}) }),
           value: state.minimum.amount
         }
       )
     ] }),
-    state.error !== null && /* @__PURE__ */ jsx39(QuoteLine2, { tone: "error", children: state.error }),
-    /* @__PURE__ */ jsx39(QuoteStatusLine2, { quote: state.quote, onEvent }),
-    /* @__PURE__ */ jsx39(
+    state.error !== null && /* @__PURE__ */ jsx37(QuoteLine2, { tone: "error", children: state.error }),
+    /* @__PURE__ */ jsx37(QuoteStatusLine2, { quote: state.quote, onEvent }),
+    /* @__PURE__ */ jsx37(
       ClButton,
       {
         variant: "gradient",
@@ -5568,14 +5537,14 @@ function ActiveView5({
         children: "Place order"
       }
     ),
-    /* @__PURE__ */ jsx39(Disclaimer2, {})
+    /* @__PURE__ */ jsx37(Disclaimer2, {})
   ] });
 }
 function QuoteStatusLine2({
   quote,
   onEvent
 }) {
-  const refreshLink = /* @__PURE__ */ jsx39(
+  const refreshLink = /* @__PURE__ */ jsx37(
     "button",
     {
       type: "button",
@@ -5586,20 +5555,20 @@ function QuoteStatusLine2({
   );
   switch (quote.type) {
     case "valid":
-      return /* @__PURE__ */ jsxs28(QuoteLine2, { tone: "muted", children: [
+      return /* @__PURE__ */ jsxs26(QuoteLine2, { tone: "muted", children: [
         quote.expiresInLabel,
         " ",
         refreshLink
       ] });
     case "refreshing":
-      return /* @__PURE__ */ jsx39(QuoteLine2, { tone: "muted", children: "Refreshing quote\u2026" });
+      return /* @__PURE__ */ jsx37(QuoteLine2, { tone: "muted", children: "Refreshing quote\u2026" });
     case "expired":
-      return /* @__PURE__ */ jsxs28(QuoteLine2, { tone: "warning", children: [
+      return /* @__PURE__ */ jsxs26(QuoteLine2, { tone: "warning", children: [
         "Quote expired. ",
         refreshLink
       ] });
     case "refresh-failed":
-      return /* @__PURE__ */ jsxs28(QuoteLine2, { tone: "warning", children: [
+      return /* @__PURE__ */ jsxs26(QuoteLine2, { tone: "warning", children: [
         quote.message,
         " ",
         refreshLink
@@ -5619,7 +5588,7 @@ function QuoteLine2({
     warning: "clcosdk:text-warning",
     error: "clcosdk:text-error"
   }[tone];
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "p",
     {
       className: cn(
@@ -5635,36 +5604,36 @@ function LoadingView2({
   title: title2,
   className
 }) {
-  return /* @__PURE__ */ jsxs28(CheckoutStepCard, { state: "active", title: title2, className, children: [
-    /* @__PURE__ */ jsx39("output", { className: "clcosdk:sr-only", children: LOADING_STATUS2 }),
-    /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx39(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
-      /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs26(CheckoutStepCard, { state: "active", title: title2, className, children: [
+    /* @__PURE__ */ jsx37("output", { className: "clcosdk:sr-only", children: LOADING_STATUS2 }),
+    /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx37(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
+      /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx37(
           Skeleton,
           {
             variant: "circular",
             className: "clcosdk:size-10 clcosdk:shrink-0"
           }
         ),
-        /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx39(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
-          /* @__PURE__ */ jsx39(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
+        /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx37(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
+          /* @__PURE__ */ jsx37(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx39("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "minimum"].map((row) => /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsx37("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "minimum"].map((row) => /* @__PURE__ */ jsxs26(
       "div",
       {
         className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4",
         children: [
-          /* @__PURE__ */ jsx39(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
-          /* @__PURE__ */ jsx39(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
+          /* @__PURE__ */ jsx37(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
+          /* @__PURE__ */ jsx37(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
         ]
       },
       row
     )) }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx37(
       Skeleton,
       {
         variant: "rectangular",
@@ -5678,9 +5647,9 @@ function ErrorView2({
   title: title2,
   className
 }) {
-  return /* @__PURE__ */ jsx39(CheckoutStepCard, { state: "active", title: title2, className, children: /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(CheckoutStepCard, { state: "active", title: title2, className, children: /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-4 clcosdk:py-8 clcosdk:text-center", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx37(
         "h3",
         {
           className: cn(
@@ -5690,7 +5659,7 @@ function ErrorView2({
           children: ERROR_TITLE2
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx37(
         "p",
         {
           className: cn(
@@ -5701,7 +5670,7 @@ function ErrorView2({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx37(
       ClButton,
       {
         variant: "secondary",
@@ -5712,7 +5681,7 @@ function ErrorView2({
   ] }) });
 }
 function Disclaimer2() {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs26(
     "p",
     {
       className: cn(
@@ -5722,13 +5691,13 @@ function Disclaimer2() {
       children: [
         "By placing this order, you agree to CoinList's",
         " ",
-        /* @__PURE__ */ jsx39(DisclaimerLink2, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
+        /* @__PURE__ */ jsx37(DisclaimerLink2, { href: COINLIST_TOS_URL, children: "Terms of Service" }),
         " ",
         "and",
         " ",
-        /* @__PURE__ */ jsx39(DisclaimerLink2, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
+        /* @__PURE__ */ jsx37(DisclaimerLink2, { href: COINLIST_PRIVACY_URL, children: "Privacy Policy" }),
         ", and ",
-        /* @__PURE__ */ jsx39(DisclaimerLink2, { href: ONDO_TOS_URL, children: "Ondo's Terms" }),
+        /* @__PURE__ */ jsx37(DisclaimerLink2, { href: ONDO_TOS_URL, children: "Ondo's Terms" }),
         "."
       ]
     }
@@ -5738,7 +5707,7 @@ function DisclaimerLink2({
   href,
   children
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "a",
     {
       href,
@@ -5750,7 +5719,7 @@ function DisclaimerLink2({
   );
 }
 function InfoIcon2() {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     Info3,
     {
       className: "clcosdk:size-4 clcosdk:text-text-secondary",
@@ -5760,7 +5729,7 @@ function InfoIcon2() {
 }
 
 // src/client/components/checkout/ondo/sell/OndoSellCheckoutView.tsx
-import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var WALLET_DESCRIPTION = "Choose which wallet you're selling from.";
 function OndoSellCheckoutView({
   state,
@@ -5769,9 +5738,9 @@ function OndoSellCheckoutView({
 }) {
   switch (state.type) {
     case "error":
-      return /* @__PURE__ */ jsx40(OndoCheckoutError, { reason: state.reason, className });
+      return /* @__PURE__ */ jsx38(OndoCheckoutError, { reason: state.reason, className });
     case "content":
-      return /* @__PURE__ */ jsx40(ContentView, { state, onEvent, className });
+      return /* @__PURE__ */ jsx38(ContentView, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -5784,8 +5753,8 @@ function ContentView({
   className
 }) {
   const hasWalletStep = state.wallet !== null;
-  return /* @__PURE__ */ jsxs29(CoinListStyleScope, { children: [
-    /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs27(CoinListStyleScope, { children: [
+    /* @__PURE__ */ jsxs27(
       "div",
       {
         className: cn(
@@ -5794,8 +5763,8 @@ function ContentView({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs29("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
-            state.wallet !== null && /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsxs27("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
+            state.wallet !== null && /* @__PURE__ */ jsx38(
               OndoWalletSelectView,
               {
                 state: state.wallet,
@@ -5803,7 +5772,7 @@ function ContentView({
                 description: WALLET_DESCRIPTION
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx38(
               OndoSellAmountView,
               {
                 state: state.amount,
@@ -5811,7 +5780,7 @@ function ContentView({
                 stepNumber: hasWalletStep ? 2 : 1
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx38(
               OndoSellReviewView,
               {
                 state: state.review,
@@ -5820,11 +5789,11 @@ function ContentView({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx40("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx40(OndoSidebarView, { state: state.sidebar }) })
+          /* @__PURE__ */ jsx38("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx38(OndoSidebarView, { state: state.sidebar }) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx40(OndoSellOrderConfirmed, { state: state.orderConfirmed, onEvent })
+    /* @__PURE__ */ jsx38(OndoSellOrderConfirmed, { state: state.orderConfirmed, onEvent })
   ] });
 }
 
@@ -6739,7 +6708,7 @@ function toOrderConfirmedUi2({
 }
 
 // src/client/components/checkout/ondo/sell/OndoSellCheckoutContainer.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function OndoSellCheckoutContainer({
   offer,
   ondoSymbol,
@@ -6757,7 +6726,7 @@ function OndoSellCheckoutContainer({
     enabled,
     onOrderConfirmed
   });
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39(
     OndoSellCheckoutView,
     {
       state,
@@ -6768,14 +6737,14 @@ function OndoSellCheckoutContainer({
 }
 
 // src/client/components/checkout/superstate/swap/amount/SuperstateAmountView.tsx
-import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
 var TITLE9 = "2. Enter amount";
 var AMOUNT_LABEL3 = "Amount";
 var AMOUNT_PLACEHOLDER3 = "0.00";
 var PAY_WITH_LABEL2 = "Pay with";
 var REVIEW_NOTE3 = "You'll review your order details before confirming.";
 function SuperstateAmountView(props) {
-  return /* @__PURE__ */ jsx42(CoinListStyleScope, { children: /* @__PURE__ */ jsx42(SuperstateAmountViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx40(CoinListStyleScope, { children: /* @__PURE__ */ jsx40(SuperstateAmountViewBody, { ...props }) });
 }
 function SuperstateAmountViewBody({
   state,
@@ -6784,7 +6753,7 @@ function SuperstateAmountViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx40(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -6793,9 +6762,9 @@ function SuperstateAmountViewBody({
         }
       );
     case "active":
-      return /* @__PURE__ */ jsx42(ActiveView6, { state, onEvent, className });
+      return /* @__PURE__ */ jsx40(ActiveView6, { state, onEvent, className });
     case "complete":
-      return /* @__PURE__ */ jsx42(CompletedView4, { state, onEvent, className });
+      return /* @__PURE__ */ jsx40(CompletedView4, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -6808,18 +6777,18 @@ function ActiveView6({
   className
 }) {
   const selectedAsset = state.inputAssets.find((asset) => asset.selected) ?? null;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs28(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE9,
       className,
-      footer: /* @__PURE__ */ jsx42(
+      footer: /* @__PURE__ */ jsx40(
         CheckoutStepFooter,
         {
           message: REVIEW_NOTE3,
           error: state.error,
-          cta: /* @__PURE__ */ jsx42(
+          cta: /* @__PURE__ */ jsx40(
             ClButton,
             {
               variant: "primary",
@@ -6832,7 +6801,7 @@ function ActiveView6({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx40(
           CheckoutAmountInput,
           {
             label: AMOUNT_LABEL3,
@@ -6841,7 +6810,7 @@ function ActiveView6({
             placeholder: AMOUNT_PLACEHOLDER3,
             invalid: state.error !== null,
             prefix: "$",
-            action: selectedAsset && /* @__PURE__ */ jsx42(
+            action: selectedAsset && /* @__PURE__ */ jsx40(
               MaxButton3,
               {
                 onClick: () => onEvent({ type: "ON_MAX_AMOUNT_CLICK" })
@@ -6849,7 +6818,7 @@ function ActiveView6({
             )
           }
         ),
-        state.inputAssets.length > 0 && /* @__PURE__ */ jsx42(
+        state.inputAssets.length > 0 && /* @__PURE__ */ jsx40(
           PayWithSection2,
           {
             inputAssets: state.inputAssets,
@@ -6867,10 +6836,10 @@ function PayWithSection2({
   onEvent
 }) {
   const isChoice = inputAssets.length >= 2;
-  return /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-    /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsx42("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: PAY_WITH_LABEL2 }),
-      /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+    /* @__PURE__ */ jsxs28("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsx40("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: PAY_WITH_LABEL2 }),
+      /* @__PURE__ */ jsxs28(
         "span",
         {
           className: cn(
@@ -6884,14 +6853,14 @@ function PayWithSection2({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx40(
       "div",
       {
         className: cn(
           isChoice ? "clcosdk:grid clcosdk:grid-cols-1 clcosdk:gap-2 clcosdk:sm:grid-cols-2" : "clcosdk:flex clcosdk:flex-col"
         ),
         children: inputAssets.map(
-          (inputAsset) => isChoice ? /* @__PURE__ */ jsx42(
+          (inputAsset) => isChoice ? /* @__PURE__ */ jsx40(
             PayWithAssetCard,
             {
               variant: "selectable",
@@ -6904,7 +6873,7 @@ function PayWithSection2({
               })
             },
             inputAsset.symbol
-          ) : /* @__PURE__ */ jsx42(
+          ) : /* @__PURE__ */ jsx40(
             PayWithAssetCard,
             {
               variant: "static",
@@ -6923,10 +6892,10 @@ function CompletedView4({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx42(CheckoutStepCard, { state: "completed", title: TITLE9, className, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx40(CheckoutStepCard, { state: "completed", title: TITLE9, className, children: /* @__PURE__ */ jsx40(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx42(AssetIcon, { asset: state.inputAsset, size: 40 }),
+      icon: /* @__PURE__ */ jsx40(AssetIcon, { asset: state.inputAsset, size: 40 }),
       title: state.amountFormatted,
       subtitle: state.inputAmountFormatted,
       editLabel: "Edit",
@@ -6935,7 +6904,7 @@ function CompletedView4({
   ) });
 }
 function MaxButton3({ onClick }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx40(
     "button",
     {
       type: "button",
@@ -6954,7 +6923,7 @@ function MaxButton3({ onClick }) {
 
 // src/client/components/checkout/superstate/swap/confirmation/SuperstateOrderConfirmed.tsx
 import { Check as Check3, ExternalLink as ExternalLink3 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
 var TITLE10 = "Order confirmed";
 var TOTAL_COST_LABEL2 = "Total cost";
 var SHARES_RECEIVED_LABEL = "Shares received";
@@ -6974,13 +6943,13 @@ function SuperstateOrderConfirmed({
     return null;
   }
   const onClose = () => onEvent({ type: "ON_CLOSE_ORDER_CONFIRMED" });
-  return /* @__PURE__ */ jsx43(CoinListStyleScope, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx41(CoinListStyleScope, { children: /* @__PURE__ */ jsx41(
     CheckoutConfirmationDialog,
     {
-      icon: /* @__PURE__ */ jsx43(SuccessGlyph3, {}),
+      icon: /* @__PURE__ */ jsx41(SuccessGlyph3, {}),
       title: TITLE10,
       subtitle: subtitle3(state.asset.symbol),
-      header: /* @__PURE__ */ jsx43(
+      header: /* @__PURE__ */ jsx41(
         AssetSummaryRow,
         {
           asset: state.asset,
@@ -6988,9 +6957,9 @@ function SuperstateOrderConfirmed({
         }
       ),
       rows: detailRows4(state),
-      actions: /* @__PURE__ */ jsxs31(Fragment8, { children: [
-        /* @__PURE__ */ jsx43(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
-        /* @__PURE__ */ jsx43(ExplorerLink3, { url: state.txExplorerUrl })
+      actions: /* @__PURE__ */ jsxs29(Fragment8, { children: [
+        /* @__PURE__ */ jsx41(ClButton, { variant: "gradient", fullWidth: true, onClick: onClose, children: DONE_LABEL3 }),
+        /* @__PURE__ */ jsx41(ExplorerLink3, { url: state.txExplorerUrl })
       ] }),
       onClose,
       className
@@ -7013,14 +6982,14 @@ function detailRows4(state) {
   ];
 }
 function SuccessGlyph3() {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
         "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center",
         "clcosdk:rounded-full clcosdk:bg-positive-subtle"
       ),
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx41(
         Check3,
         {
           className: "clcosdk:size-5 clcosdk:text-positive",
@@ -7032,7 +7001,7 @@ function SuccessGlyph3() {
   );
 }
 function ExplorerLink3({ url }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs29(
     "a",
     {
       href: url,
@@ -7047,7 +7016,7 @@ function ExplorerLink3({ url }) {
       ),
       children: [
         VIEW_TRANSACTION_LABEL3,
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx41(
           ExternalLink3,
           {
             className: "clcosdk:size-3.5 clcosdk:shrink-0",
@@ -7069,7 +7038,7 @@ var SUPERSTATE_TOS_URL = "https://superstate.com/terms";
 // src/client/components/checkout/superstate/swap/review/SlippagePicker.tsx
 import { ChevronDown as ChevronDown2 } from "lucide-react";
 import { useId as useId4 } from "react";
-import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
 function SlippagePicker({
   slippage,
   summary,
@@ -7078,7 +7047,7 @@ function SlippagePicker({
   className
 }) {
   const optionsId = useId4();
-  return /* @__PURE__ */ jsx44(CoinListStyleScope, { children: /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsx42(CoinListStyleScope, { children: /* @__PURE__ */ jsxs30(
     "div",
     {
       className: cn(
@@ -7086,9 +7055,9 @@ function SlippagePicker({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs32("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-3 clcosdk:md:flex-row clcosdk:md:items-end clcosdk:md:justify-between", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-3 clcosdk:md:flex-row clcosdk:md:items-end clcosdk:md:justify-between", children: [
           summary,
-          /* @__PURE__ */ jsxs32(
+          /* @__PURE__ */ jsxs30(
             "button",
             {
               type: "button",
@@ -7107,7 +7076,7 @@ function SlippagePicker({
               children: [
                 slippage.percent,
                 " slippage",
-                /* @__PURE__ */ jsx44(
+                /* @__PURE__ */ jsx42(
                   ChevronDown2,
                   {
                     className: cn(
@@ -7122,13 +7091,13 @@ function SlippagePicker({
             }
           )
         ] }),
-        slippage.expanded && /* @__PURE__ */ jsxs32(
+        slippage.expanded && /* @__PURE__ */ jsxs30(
           "div",
           {
             id: optionsId,
             className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-3 clcosdk:pt-1",
             children: [
-              /* @__PURE__ */ jsx44("div", { className: "clcosdk:flex clcosdk:flex-wrap clcosdk:gap-2", children: slippage.options.map((option) => /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx42("div", { className: "clcosdk:flex clcosdk:flex-wrap clcosdk:gap-2", children: slippage.options.map((option) => /* @__PURE__ */ jsx42(
                 SlippageOption,
                 {
                   option,
@@ -7136,7 +7105,7 @@ function SlippagePicker({
                 },
                 String(option.bps)
               )) }),
-              /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx42(
                 "p",
                 {
                   className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
@@ -7154,7 +7123,7 @@ function SlippageOption({
   option,
   onSelect
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx42(
     "button",
     {
       type: "button",
@@ -7173,7 +7142,7 @@ function SlippageOption({
 }
 
 // src/client/components/checkout/superstate/swap/review/SuperstateReviewView.tsx
-import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
 var TITLE11 = "3. Review and confirm";
 var YOU_RECEIVE_LABEL3 = "You receive";
 var MINIMUM_RECEIVE_TOOLTIP = "The minimum amount of shares you're guaranteed to receive based on your slippage";
@@ -7188,7 +7157,7 @@ var LOADING_STATUS3 = "Loading your order details\u2026";
 var ERROR_TITLE3 = "Unable to load quote";
 var ERROR_DESCRIPTION3 = "We're having trouble fetching a price right now. Please try again.";
 function SuperstateReviewView(props) {
-  return /* @__PURE__ */ jsx45(CoinListStyleScope, { children: /* @__PURE__ */ jsx45(SuperstateReviewViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx43(CoinListStyleScope, { children: /* @__PURE__ */ jsx43(SuperstateReviewViewBody, { ...props }) });
 }
 function SuperstateReviewViewBody({
   state,
@@ -7197,7 +7166,7 @@ function SuperstateReviewViewBody({
 }) {
   switch (state.type) {
     case "incomplete":
-      return /* @__PURE__ */ jsx45(
+      return /* @__PURE__ */ jsx43(
         CheckoutStepCard,
         {
           state: "inactive",
@@ -7206,11 +7175,11 @@ function SuperstateReviewViewBody({
         }
       );
     case "loading":
-      return /* @__PURE__ */ jsx45(LoadingView3, { className });
+      return /* @__PURE__ */ jsx43(LoadingView3, { className });
     case "error":
-      return /* @__PURE__ */ jsx45(ErrorView3, { className });
+      return /* @__PURE__ */ jsx43(ErrorView3, { className });
     case "active":
-      return /* @__PURE__ */ jsx45(ActiveView7, { state, onEvent, className });
+      return /* @__PURE__ */ jsx43(ActiveView7, { state, onEvent, className });
     default: {
       const exhaustive = state;
       return exhaustive;
@@ -7223,19 +7192,19 @@ function ActiveView7({
   className
 }) {
   const { placeOrderCta } = state;
-  return /* @__PURE__ */ jsxs33(CheckoutStepCard, { state: "active", title: TITLE11, className, children: [
-    /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx45("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL3 }),
-      /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs31(CheckoutStepCard, { state: "active", title: TITLE11, className, children: [
+    /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx43("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: YOU_RECEIVE_LABEL3 }),
+      /* @__PURE__ */ jsx43(
         SlippagePicker,
         {
           slippage: state.slippage,
           onToggle: () => onEvent({ type: "ON_SLIPPAGE_CLICK" }),
           onSelect: (bps) => onEvent({ type: "ON_SLIPPAGE_SELECT", bps }),
-          summary: /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-            /* @__PURE__ */ jsx45(AssetIcon, { asset: state.outputAsset, size: 40 }),
-            /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
-              /* @__PURE__ */ jsx45(
+          summary: /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
+            /* @__PURE__ */ jsx43(AssetIcon, { asset: state.outputAsset, size: 40 }),
+            /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
+              /* @__PURE__ */ jsx43(
                 "span",
                 {
                   className: cn(
@@ -7245,8 +7214,8 @@ function ActiveView7({
                   children: state.outputAmount
                 }
               ),
-              /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: [
-                /* @__PURE__ */ jsxs33(
+              /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1.5", children: [
+                /* @__PURE__ */ jsxs31(
                   "span",
                   {
                     className: cn(
@@ -7259,41 +7228,41 @@ function ActiveView7({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx45(Tooltip, { content: MINIMUM_RECEIVE_TOOLTIP, children: /* @__PURE__ */ jsx45(InfoIcon3, {}) })
+                /* @__PURE__ */ jsx43(Tooltip, { content: MINIMUM_RECEIVE_TOOLTIP, children: /* @__PURE__ */ jsx43(InfoIcon3, {}) })
               ] })
             ] })
           ] })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-      /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
-        /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: [
+        /* @__PURE__ */ jsx43(
           DetailRow,
           {
             label: RECEIVING_WALLET_LABEL3,
             value: state.recipientAddress
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx43(
           DetailRow,
           {
             label: PRICE_PER_SHARE_LABEL6,
-            tooltip: /* @__PURE__ */ jsx45(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP3, children: /* @__PURE__ */ jsx45(InfoIcon3, {}) }),
+            tooltip: /* @__PURE__ */ jsx43(Tooltip, { content: PRICE_PER_SHARE_TOOLTIP3, children: /* @__PURE__ */ jsx43(InfoIcon3, {}) }),
             value: state.pricePerShare
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx43(
           DetailRow,
           {
             label: COINLIST_FEE_LABEL3,
-            tooltip: /* @__PURE__ */ jsx45(Tooltip, { content: COINLIST_FEE_TOOLTIP3, children: /* @__PURE__ */ jsx45(InfoIcon3, {}) }),
+            tooltip: /* @__PURE__ */ jsx43(Tooltip, { content: COINLIST_FEE_TOOLTIP3, children: /* @__PURE__ */ jsx43(InfoIcon3, {}) }),
             value: state.coinlistFee
           }
         )
       ] }),
-      /* @__PURE__ */ jsx45("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx43("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+      /* @__PURE__ */ jsx43(
         DetailRow,
         {
           label: TOTAL_LABEL2,
@@ -7303,9 +7272,9 @@ function ActiveView7({
         }
       )
     ] }),
-    state.error && /* @__PURE__ */ jsx45(Note, { tone: "error", children: state.error }),
-    placeOrderCta.type === "loading" && /* @__PURE__ */ jsx45(Note, { tone: "muted", children: PROCESSING_NOTICE }),
-    /* @__PURE__ */ jsx45(
+    state.error && /* @__PURE__ */ jsx43(Note, { tone: "error", children: state.error }),
+    placeOrderCta.type === "loading" && /* @__PURE__ */ jsx43(Note, { tone: "muted", children: PROCESSING_NOTICE }),
+    /* @__PURE__ */ jsx43(
       ClButton,
       {
         variant: "gradient",
@@ -7318,14 +7287,14 @@ function ActiveView7({
         children: "Place order"
       }
     ),
-    /* @__PURE__ */ jsx45(Disclaimer3, {})
+    /* @__PURE__ */ jsx43(Disclaimer3, {})
   ] });
 }
 function Note({
   tone,
   children
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx43(
     "p",
     {
       className: cn(
@@ -7338,41 +7307,41 @@ function Note({
   );
 }
 function LoadingView3({ className }) {
-  return /* @__PURE__ */ jsxs33(CheckoutStepCard, { state: "active", title: TITLE11, className, children: [
-    /* @__PURE__ */ jsx45("output", { className: "clcosdk:sr-only", children: LOADING_STATUS3 }),
-    /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
-      /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
-      /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-        /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs31(CheckoutStepCard, { state: "active", title: TITLE11, className, children: [
+    /* @__PURE__ */ jsx43("output", { className: "clcosdk:sr-only", children: LOADING_STATUS3 }),
+    /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:p-4", children: [
+      /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-3 clcosdk:w-20" }),
+      /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+        /* @__PURE__ */ jsx43(
           Skeleton,
           {
             variant: "circular",
             className: "clcosdk:size-10 clcosdk:shrink-0"
           }
         ),
-        /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
-          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
+        /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-5 clcosdk:w-32" }),
+          /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-3 clcosdk:w-24" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "fee"].map((row) => /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3 clcosdk:px-2", children: ["wallet", "price", "fee"].map((row) => /* @__PURE__ */ jsxs31(
       "div",
       {
         className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4",
         children: [
-          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
-          /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
+          /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-4 clcosdk:w-28" }),
+          /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-4 clcosdk:w-24" })
         ]
       },
       row
     )) }),
-    /* @__PURE__ */ jsx45("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
-    /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
-      /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
-      /* @__PURE__ */ jsx45(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
+    /* @__PURE__ */ jsx43("div", { className: "clcosdk:h-px clcosdk:shrink-0 clcosdk:bg-divider" }),
+    /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4 clcosdk:px-2", children: [
+      /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-4 clcosdk:w-16" }),
+      /* @__PURE__ */ jsx43(Skeleton, { className: "clcosdk:h-4 clcosdk:w-20" })
     ] }),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx43(
       Skeleton,
       {
         variant: "rectangular",
@@ -7382,8 +7351,8 @@ function LoadingView3({ className }) {
   ] });
 }
 function ErrorView3({ className }) {
-  return /* @__PURE__ */ jsx45(CheckoutStepCard, { state: "active", title: TITLE11, className, children: /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2 clcosdk:py-8 clcosdk:text-center", children: [
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx43(CheckoutStepCard, { state: "active", title: TITLE11, className, children: /* @__PURE__ */ jsxs31("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2 clcosdk:py-8 clcosdk:text-center", children: [
+    /* @__PURE__ */ jsx43(
       "h3",
       {
         className: cn(
@@ -7393,7 +7362,7 @@ function ErrorView3({ className }) {
         children: ERROR_TITLE3
       }
     ),
-    /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsx43(
       "p",
       {
         className: cn(
@@ -7406,7 +7375,7 @@ function ErrorView3({ className }) {
   ] }) });
 }
 function Disclaimer3() {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs31(
     "p",
     {
       className: cn(
@@ -7416,7 +7385,7 @@ function Disclaimer3() {
       children: [
         "Final amounts may vary based on price at time of settlement. By placing this order, you agree to Superstate's",
         " ",
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx43(
           "a",
           {
             href: SUPERSTATE_TOS_URL,
@@ -7432,7 +7401,7 @@ function Disclaimer3() {
   );
 }
 function InfoIcon3() {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx43(
     Info4,
     {
       className: "clcosdk:size-4 clcosdk:text-text-secondary",
@@ -7442,7 +7411,7 @@ function InfoIcon3() {
 }
 
 // src/client/components/checkout/superstate/swap/sidebar/SuperstateSidebarView.tsx
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
 var TITLE12 = "Sale details";
 var SHOW_DETAILS_LABEL2 = "View details";
 var HIDE_DETAILS_LABEL2 = "Hide details";
@@ -7455,7 +7424,7 @@ function SuperstateSidebarView({
   state,
   className
 }) {
-  return /* @__PURE__ */ jsx46(CoinListStyleScope, { children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsx44(CoinListStyleScope, { children: /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -7464,16 +7433,16 @@ function SuperstateSidebarView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx46(SaleBanner, { sale: state.sale }),
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx44(SaleBanner, { sale: state.sale }),
+        /* @__PURE__ */ jsx44(
           CheckoutSidebarCard,
           {
             title: TITLE12,
-            header: /* @__PURE__ */ jsx46(
+            header: /* @__PURE__ */ jsx44(
               AssetSummaryRow,
               {
                 asset: state.asset,
-                value: /* @__PURE__ */ jsx46(PriceValue2, { price: state.price }),
+                value: /* @__PURE__ */ jsx44(PriceValue2, { price: state.price }),
                 caption: PRICE_PER_SHARE_CAPTION
               }
             ),
@@ -7495,7 +7464,7 @@ function detailRows5(state) {
   ];
 }
 function SaleBanner({ sale }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -7506,8 +7475,8 @@ function SaleBanner({ sale }) {
         "clcosdk:max-md:rounded-none clcosdk:max-md:border-0 clcosdk:max-md:bg-transparent"
       ),
       children: [
-        sale.type === "active" && /* @__PURE__ */ jsx46(LiveDot, {}),
-        /* @__PURE__ */ jsx46(
+        sale.type === "active" && /* @__PURE__ */ jsx44(LiveDot, {}),
+        /* @__PURE__ */ jsx44(
           "span",
           {
             className: cn(
@@ -7522,7 +7491,7 @@ function SaleBanner({ sale }) {
   );
 }
 function LiveDot() {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx44(
     "span",
     {
       className: "clcosdk:size-2 clcosdk:shrink-0 clcosdk:animate-pulse clcosdk:rounded-full clcosdk:bg-positive",
@@ -7533,7 +7502,7 @@ function LiveDot() {
 function PriceValue2({ price }) {
   switch (price.type) {
     case "loading":
-      return /* @__PURE__ */ jsx46(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-24" });
+      return /* @__PURE__ */ jsx44(Skeleton, { className: "clcosdk:h-[1em] clcosdk:w-24" });
     case "known":
       return price.price;
     default: {
@@ -7545,14 +7514,14 @@ function PriceValue2({ price }) {
 
 // src/client/components/checkout/superstate/swap/wallet/SuperstateWalletView.tsx
 import { Wallet as Wallet2 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
 var TITLE13 = "1. Choose your wallet";
 var DESCRIPTION = "Choose your wallet to fund your purchase and receive your assets.";
 var EMBEDDED_WALLET_LABEL3 = "CoinList Wallet";
 var EXTERNAL_WALLET_LABEL2 = "External wallet";
 var ALLOWLISTED_LABEL = "Allowlisted";
 function SuperstateWalletView(props) {
-  return /* @__PURE__ */ jsx47(CoinListStyleScope, { children: /* @__PURE__ */ jsx47(SuperstateWalletViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx45(CoinListStyleScope, { children: /* @__PURE__ */ jsx45(SuperstateWalletViewBody, { ...props }) });
 }
 function SuperstateWalletViewBody({
   state,
@@ -7561,9 +7530,9 @@ function SuperstateWalletViewBody({
 }) {
   switch (state.type) {
     case "active":
-      return /* @__PURE__ */ jsx47(ActiveView8, { state, onEvent, className });
+      return /* @__PURE__ */ jsx45(ActiveView8, { state, onEvent, className });
     case "completed":
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx45(
         CompletedView5,
         {
           wallet: state.wallet,
@@ -7584,19 +7553,19 @@ function ActiveView8({
 }) {
   const { confirmCta } = state;
   const isLoading = confirmCta.type === "loading";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx45(
     CheckoutStepCard,
     {
       state: "active",
       title: TITLE13,
-      description: /* @__PURE__ */ jsx47("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: DESCRIPTION }),
+      description: /* @__PURE__ */ jsx45("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: DESCRIPTION }),
       className,
-      footer: /* @__PURE__ */ jsx47(
+      footer: /* @__PURE__ */ jsx45(
         CheckoutStepFooter,
         {
           message: confirmCta.type === "loading" ? confirmCta.message : void 0,
           error: state.error,
-          cta: /* @__PURE__ */ jsx47(
+          cta: /* @__PURE__ */ jsx45(
             ClButton,
             {
               variant: "primary",
@@ -7610,8 +7579,8 @@ function ActiveView8({
           )
         }
       ),
-      children: /* @__PURE__ */ jsxs35("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
-        /* @__PURE__ */ jsx47(
+      children: /* @__PURE__ */ jsxs33("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: [
+        /* @__PURE__ */ jsx45(
           ExternalWalletRow2,
           {
             wallet: state.externalWallet,
@@ -7620,7 +7589,7 @@ function ActiveView8({
             onEvent
           }
         ),
-        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx47(
+        state.embeddedWallets.map((wallet) => /* @__PURE__ */ jsx45(
           EmbeddedWalletRow2,
           {
             wallet,
@@ -7640,14 +7609,14 @@ function ExternalWalletRow2({
   onEvent
 }) {
   if (wallet === null) {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx45(
       SelectableOptionRow,
       {
         selected: false,
         disabled,
         onSelect: () => onEvent({ type: "ON_CONNECT_WALLET" }),
-        icon: /* @__PURE__ */ jsx47(WalletGlyph2, {}),
-        children: /* @__PURE__ */ jsx47(
+        icon: /* @__PURE__ */ jsx45(WalletGlyph2, {}),
+        children: /* @__PURE__ */ jsx45(
           "span",
           {
             className: cn(
@@ -7660,15 +7629,15 @@ function ExternalWalletRow2({
       }
     );
   }
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs33(
     SelectableOptionRow,
     {
       selected: wallet.selected,
       disabled,
       onSelect: () => onEvent({ type: "ON_SELECT_WALLET", value: { type: "external" } }),
-      icon: /* @__PURE__ */ jsx47(WalletGlyph2, {}),
+      icon: /* @__PURE__ */ jsx45(WalletGlyph2, {}),
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx45(
           "span",
           {
             className: cn(
@@ -7678,22 +7647,22 @@ function ExternalWalletRow2({
             children: wallet.address
           }
         ),
-        canDisconnect && /* @__PURE__ */ jsx47(
+        canDisconnect && /* @__PURE__ */ jsx45(
           DisconnectControl2,
           {
             onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" }),
             className: "clcosdk:md:hidden"
           }
         ),
-        /* @__PURE__ */ jsx47("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs35(OptionMetaRow, { children: [
-          /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx45("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs33(OptionMetaRow, { children: [
+          /* @__PURE__ */ jsx45(
             "span",
             {
               className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
               children: wallet.network
             }
           ),
-          canDisconnect && /* @__PURE__ */ jsx47(
+          canDisconnect && /* @__PURE__ */ jsx45(
             DisconnectControl2,
             {
               onDisconnect: () => onEvent({ type: "ON_DISCONNECT_WALLET" })
@@ -7709,7 +7678,7 @@ function EmbeddedWalletRow2({
   disabled,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs33(
     SelectableOptionRow,
     {
       selected: wallet.selected,
@@ -7718,9 +7687,9 @@ function EmbeddedWalletRow2({
         type: "ON_SELECT_WALLET",
         value: { type: "embedded", address: wallet.walletAddress }
       }),
-      icon: /* @__PURE__ */ jsx47(WalletGlyph2, {}),
+      icon: /* @__PURE__ */ jsx45(WalletGlyph2, {}),
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx45(
           "span",
           {
             className: cn(
@@ -7730,7 +7699,7 @@ function EmbeddedWalletRow2({
             children: EMBEDDED_WALLET_LABEL3
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx45(
           "span",
           {
             className: cn(
@@ -7740,8 +7709,8 @@ function EmbeddedWalletRow2({
             children: wallet.address
           }
         ),
-        /* @__PURE__ */ jsx47("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs35(OptionMetaRow, { children: [
-          /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx45("div", { className: "clcosdk:max-md:hidden", children: /* @__PURE__ */ jsxs33(OptionMetaRow, { children: [
+          /* @__PURE__ */ jsx45(
             "span",
             {
               className: cn(
@@ -7751,7 +7720,7 @@ function EmbeddedWalletRow2({
               children: wallet.address
             }
           ),
-          /* @__PURE__ */ jsx47(
+          /* @__PURE__ */ jsx45(
             "span",
             {
               className: cn(
@@ -7771,14 +7740,14 @@ function CompletedView5({
   onEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx47(CheckoutStepCard, { state: "completed", title: TITLE13, className, children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx45(CheckoutStepCard, { state: "completed", title: TITLE13, className, children: /* @__PURE__ */ jsx45(
     CompletedStepSummary,
     {
-      icon: /* @__PURE__ */ jsx47(WalletGlyph2, {}),
+      icon: /* @__PURE__ */ jsx45(WalletGlyph2, {}),
       title: wallet.type === "embedded" ? EMBEDDED_WALLET_LABEL3 : wallet.address,
-      subtitle: /* @__PURE__ */ jsxs35(OptionMetaRow, { children: [
+      subtitle: /* @__PURE__ */ jsxs33(OptionMetaRow, { children: [
         wallet.type === "embedded" ? wallet.address : null,
-        /* @__PURE__ */ jsx47(AllowlistedBadge, {})
+        /* @__PURE__ */ jsx45(AllowlistedBadge, {})
       ] }),
       editLabel: "Edit",
       onEdit: () => onEvent({ type: "ON_EDIT_WALLET" })
@@ -7786,7 +7755,7 @@ function CompletedView5({
   ) });
 }
 function AllowlistedBadge() {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx45(
     "span",
     {
       className: cn(
@@ -7801,7 +7770,7 @@ function DisconnectControl2({
   onDisconnect,
   className
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx45(
     "button",
     {
       type: "button",
@@ -7820,7 +7789,7 @@ function DisconnectControl2({
   );
 }
 function WalletGlyph2() {
-  return /* @__PURE__ */ jsx47("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx45("div", { className: "clcosdk:flex clcosdk:size-10 clcosdk:shrink-0 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-xl clcosdk:bg-section", children: /* @__PURE__ */ jsx45(
     Wallet2,
     {
       className: "clcosdk:size-5 clcosdk:text-text-primary",
@@ -7830,7 +7799,7 @@ function WalletGlyph2() {
 }
 
 // src/client/components/checkout/superstate/swap/SuperstateSwapCheckoutView.tsx
-import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
 var ERROR_TITLE4 = "Failed to load";
 var ERROR_DESCRIPTION4 = "Something went wrong while loading this sale. Please try again.";
 var UNSUPPORTED_CHAIN_TITLE2 = "Not available on this network";
@@ -7843,8 +7812,8 @@ function SuperstateSwapCheckoutView({
 }) {
   switch (state.type) {
     case "content":
-      return /* @__PURE__ */ jsxs36(CoinListStyleScope, { children: [
-        /* @__PURE__ */ jsxs36(
+      return /* @__PURE__ */ jsxs34(CoinListStyleScope, { children: [
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             className: cn(
@@ -7853,16 +7822,16 @@ function SuperstateSwapCheckoutView({
               className
             ),
             children: [
-              /* @__PURE__ */ jsxs36("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
-                /* @__PURE__ */ jsx48(SuperstateWalletView, { state: state.wallet, onEvent }),
-                /* @__PURE__ */ jsx48(SuperstateAmountView, { state: state.amount, onEvent }),
-                /* @__PURE__ */ jsx48(SuperstateReviewView, { state: state.review, onEvent })
+              /* @__PURE__ */ jsxs34("div", { className: "clcosdk:order-2 clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:gap-4 clcosdk:md:order-1", children: [
+                /* @__PURE__ */ jsx46(SuperstateWalletView, { state: state.wallet, onEvent }),
+                /* @__PURE__ */ jsx46(SuperstateAmountView, { state: state.amount, onEvent }),
+                /* @__PURE__ */ jsx46(SuperstateReviewView, { state: state.review, onEvent })
               ] }),
-              /* @__PURE__ */ jsx48("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx48(SuperstateSidebarView, { state: state.sidebar }) })
+              /* @__PURE__ */ jsx46("aside", { className: "clcosdk:order-1 clcosdk:min-w-0 clcosdk:md:order-2", children: /* @__PURE__ */ jsx46(SuperstateSidebarView, { state: state.sidebar }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx46(
           SuperstateOrderConfirmed,
           {
             state: state.orderConfirmed,
@@ -7871,7 +7840,7 @@ function SuperstateSwapCheckoutView({
         )
       ] });
     case "error":
-      return /* @__PURE__ */ jsx48(
+      return /* @__PURE__ */ jsx46(
         ErrorView4,
         {
           reason: state.reason,
@@ -7891,7 +7860,7 @@ function ErrorView4({
   className
 }) {
   const canRetry = reason === "load-failed";
-  return /* @__PURE__ */ jsx48(CoinListStyleScope, { children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx46(CoinListStyleScope, { children: /* @__PURE__ */ jsxs34(
     "div",
     {
       className: cn(
@@ -7900,8 +7869,8 @@ function ErrorView4({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs36("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsxs34("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-center clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx46(
             "h2",
             {
               className: cn(
@@ -7911,7 +7880,7 @@ function ErrorView4({
               children: canRetry ? ERROR_TITLE4 : UNSUPPORTED_CHAIN_TITLE2
             }
           ),
-          /* @__PURE__ */ jsx48(
+          /* @__PURE__ */ jsx46(
             "p",
             {
               className: cn(
@@ -7922,7 +7891,7 @@ function ErrorView4({
             }
           )
         ] }),
-        canRetry && /* @__PURE__ */ jsx48(
+        canRetry && /* @__PURE__ */ jsx46(
           ClButton,
           {
             variant: "secondary",
@@ -9090,7 +9059,7 @@ function toOrderConfirmedUi3({
 }
 
 // src/client/components/checkout/superstate/swap/SuperstateSwapCheckoutContainer.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 function SuperstateSwapCheckoutContainer({
   offer,
   chain,
@@ -9106,7 +9075,7 @@ function SuperstateSwapCheckoutContainer({
     enabled,
     onOrderConfirmed
   });
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx47(
     SuperstateSwapCheckoutView,
     {
       state,
@@ -9117,7 +9086,7 @@ function SuperstateSwapCheckoutContainer({
 }
 
 // src/client/components/checkout/CheckoutContainer.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function defaultCheckoutConfig(config) {
   return { "superstate::swap": {}, ...config };
 }
@@ -9130,7 +9099,7 @@ function CheckoutContainer({
   className
 }) {
   return renderOffer(offer, {
-    ondo: (ondoOffer) => /* @__PURE__ */ jsx50(
+    ondo: (ondoOffer) => /* @__PURE__ */ jsx48(
       OndoCheckoutContainer,
       {
         offer: ondoOffer,
@@ -9141,7 +9110,7 @@ function CheckoutContainer({
         className
       }
     ),
-    superstate: (superstateOffer) => /* @__PURE__ */ jsx50(
+    superstate: (superstateOffer) => /* @__PURE__ */ jsx48(
       SuperstateSwapCheckoutContainer,
       {
         offer: superstateOffer,
@@ -9166,7 +9135,7 @@ function OndoCheckoutContainer({
   const [side] = useState23(() => config.side());
   const ondoSymbol = config.symbol(offer);
   return renderOndoSide(side, {
-    buy: () => /* @__PURE__ */ jsx50(
+    buy: () => /* @__PURE__ */ jsx48(
       OndoBuyCheckoutContainer,
       {
         offer,
@@ -9178,7 +9147,7 @@ function OndoCheckoutContainer({
         className
       }
     ),
-    sell: () => /* @__PURE__ */ jsx50(
+    sell: () => /* @__PURE__ */ jsx48(
       OndoSellCheckoutContainer,
       {
         offer,
@@ -9220,7 +9189,7 @@ function renderOndoSide(side, branches) {
 }
 
 // src/client/components/design-system/ThemedImage.tsx
-import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
 function ThemedImage({
   light,
   dark,
@@ -9233,7 +9202,7 @@ function ThemedImage({
 }) {
   const shared = { width, height, style };
   if (!dark) {
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx49(
       "img",
       {
         src: light.src,
@@ -9245,8 +9214,8 @@ function ThemedImage({
       }
     );
   }
-  return /* @__PURE__ */ jsxs37(Fragment9, { children: [
-    /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+    /* @__PURE__ */ jsx49(
       "img",
       {
         src: light.src,
@@ -9257,7 +9226,7 @@ function ThemedImage({
         ...shared
       }
     ),
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx49(
       "img",
       {
         src: dark.src,
@@ -9279,7 +9248,7 @@ function onOfferCardKeyDown(event, onClick) {
 }
 
 // src/client/components/offers/shared/OfferAssetCard.tsx
-import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
 var LOGO_SIZES = "(min-width: 768px) 48px, 40px";
 function OfferAssetCard({
   offer,
@@ -9288,7 +9257,7 @@ function OfferAssetCard({
   containerClassName
 }) {
   const interactive = onClick !== void 0;
-  const card = /* @__PURE__ */ jsx52(
+  const card = /* @__PURE__ */ jsx50(
     "article",
     {
       className: cn(
@@ -9302,8 +9271,8 @@ function OfferAssetCard({
       tabIndex: interactive ? 0 : void 0,
       onClick,
       onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
-      children: /* @__PURE__ */ jsxs38("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-2.5 clcosdk:pr-3 clcosdk:md:gap-3 clcosdk:md:pr-4", children: [
-        offer.logo ? /* @__PURE__ */ jsx52("div", { className: "clcosdk:h-10 clcosdk:w-10 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-12 clcosdk:md:w-12", children: /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsxs36("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-2.5 clcosdk:pr-3 clcosdk:md:gap-3 clcosdk:md:pr-4", children: [
+        offer.logo ? /* @__PURE__ */ jsx50("div", { className: "clcosdk:h-10 clcosdk:w-10 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-12 clcosdk:md:w-12", children: /* @__PURE__ */ jsx50(
           ThemedImage,
           {
             light: offer.logo.light,
@@ -9316,8 +9285,8 @@ function OfferAssetCard({
             style: { maxWidth: "none", width: "100%", height: "100%" }
           }
         ) }) : null,
-        /* @__PURE__ */ jsxs38("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col clcosdk:items-start clcosdk:justify-center", children: [
-          offer.name ? /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsxs36("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col clcosdk:items-start clcosdk:justify-center", children: [
+          offer.name ? /* @__PURE__ */ jsx50(
             "h2",
             {
               className: cn(
@@ -9326,13 +9295,13 @@ function OfferAssetCard({
               children: offer.name
             }
           ) : null,
-          offer.symbol ? /* @__PURE__ */ jsx52("p", { className: "clcosdk:w-full clcosdk:truncate clcosdk:text-[13px] clcosdk:leading-[150%] clcosdk:font-normal clcosdk:text-text-secondary clcosdk:md:text-[14px]", children: offer.symbol }) : null
+          offer.symbol ? /* @__PURE__ */ jsx50("p", { className: "clcosdk:w-full clcosdk:truncate clcosdk:text-[13px] clcosdk:leading-[150%] clcosdk:font-normal clcosdk:text-text-secondary clcosdk:md:text-[14px]", children: offer.symbol }) : null
         ] })
       ] })
     }
   );
-  const wrapped = containerClassName ? /* @__PURE__ */ jsx52("div", { className: containerClassName, children: card }) : card;
-  return /* @__PURE__ */ jsx52(CoinListStyleScope, { children: wrapped });
+  const wrapped = containerClassName ? /* @__PURE__ */ jsx50("div", { className: containerClassName, children: card }) : card;
+  return /* @__PURE__ */ jsx50(CoinListStyleScope, { children: wrapped });
 }
 function cardActionLabel(offer) {
   const parts = [offer.name, offer.symbol].filter(Boolean);
@@ -9340,7 +9309,7 @@ function cardActionLabel(offer) {
 }
 
 // src/client/components/offers/grid/OffersAssetGrid.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var DEFAULT_MAX_COLUMNS = 3;
 function OffersAssetGrid({
   offers,
@@ -9355,14 +9324,14 @@ function OffersAssetGrid({
   );
   const maxGridWidth = `calc(${cols} * 20rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
   const interactive = onOfferClick !== void 0;
-  return /* @__PURE__ */ jsx53(CoinListStyleScope, { children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx51(CoinListStyleScope, { children: /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn(
         "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
         containerClassName
       ),
-      children: /* @__PURE__ */ jsx53(
+      children: /* @__PURE__ */ jsx51(
         "div",
         {
           className: cn(
@@ -9372,7 +9341,7 @@ function OffersAssetGrid({
             className
           ),
           style: { maxWidth: maxGridWidth },
-          children: offers.map((offer) => /* @__PURE__ */ jsx53(
+          children: offers.map((offer) => /* @__PURE__ */ jsx51(
             OfferAssetCard,
             {
               offer,
@@ -9414,7 +9383,7 @@ function saleCardStatus({
 }
 
 // src/client/components/offers/shared/OfferSaleCard.tsx
-import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 var HEADER_LOGO_SIZES = "(min-width: 768px) 36px, 32px";
 var WATERMARK_SIZES = "(min-width: 768px) 20rem, 15rem";
 function OfferSaleCard({
@@ -9432,7 +9401,7 @@ function OfferSaleCard({
   });
   const interactive = onClick !== void 0;
   const logo = offer.logo ? offer.logo.dark ?? offer.logo.light : null;
-  const card = /* @__PURE__ */ jsxs39(
+  const card = /* @__PURE__ */ jsxs37(
     "article",
     {
       className: cn(
@@ -9447,13 +9416,13 @@ function OfferSaleCard({
       onClick,
       onKeyDown: interactive ? (event) => onOfferCardKeyDown(event, onClick) : void 0,
       children: [
-        logo ? /* @__PURE__ */ jsx54(
+        logo ? /* @__PURE__ */ jsx52(
           "div",
           {
             "aria-hidden": "true",
             className: "clcosdk:pointer-events-none clcosdk:absolute clcosdk:top-1/2 clcosdk:right-[-14%] clcosdk:z-0 clcosdk:size-[15rem] clcosdk:-translate-y-1/2 clcosdk:md:right-[-10%] clcosdk:md:size-[20rem]",
             style: { mixBlendMode: "overlay" },
-            children: /* @__PURE__ */ jsx54(
+            children: /* @__PURE__ */ jsx52(
               ThemedImage,
               {
                 light: logo,
@@ -9465,9 +9434,9 @@ function OfferSaleCard({
             )
           }
         ) : null,
-        /* @__PURE__ */ jsxs39("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:flex clcosdk:flex-col clcosdk:gap-2 clcosdk:md:gap-3", children: [
-          /* @__PURE__ */ jsxs39("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2.5 clcosdk:md:gap-3", children: [
-            logo ? /* @__PURE__ */ jsx54("div", { className: "clcosdk:h-8 clcosdk:w-8 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-9 clcosdk:md:w-9", children: /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsxs37("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:flex clcosdk:flex-col clcosdk:gap-2 clcosdk:md:gap-3", children: [
+          /* @__PURE__ */ jsxs37("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2.5 clcosdk:md:gap-3", children: [
+            logo ? /* @__PURE__ */ jsx52("div", { className: "clcosdk:h-8 clcosdk:w-8 clcosdk:shrink-0 clcosdk:overflow-hidden clcosdk:rounded-full clcosdk:md:h-9 clcosdk:md:w-9", children: /* @__PURE__ */ jsx52(
               ThemedImage,
               {
                 light: logo,
@@ -9479,7 +9448,7 @@ function OfferSaleCard({
                 style: { maxWidth: "none", width: "100%", height: "100%" }
               }
             ) }) : null,
-            offer.name ? /* @__PURE__ */ jsx54(
+            offer.name ? /* @__PURE__ */ jsx52(
               "h2",
               {
                 className: cn(
@@ -9489,7 +9458,7 @@ function OfferSaleCard({
               }
             ) : null
           ] }),
-          offer.tagline ? /* @__PURE__ */ jsx54(
+          offer.tagline ? /* @__PURE__ */ jsx52(
             "p",
             {
               className: cn(
@@ -9500,20 +9469,20 @@ function OfferSaleCard({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:mt-auto clcosdk:flex clcosdk:h-11 clcosdk:w-full clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:py-1.5 clcosdk:pr-1.5 clcosdk:pl-3 clcosdk:md:h-[54px] clcosdk:md:gap-3 clcosdk:md:py-2 clcosdk:md:pr-2 clcosdk:md:pl-4", children: [
-          /* @__PURE__ */ jsxs39("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2 clcosdk:md:gap-3", children: [
-            status.phase === "live" ? /* @__PURE__ */ jsxs39(
+        /* @__PURE__ */ jsxs37("div", { className: "clcosdk:relative clcosdk:z-10 clcosdk:mt-auto clcosdk:flex clcosdk:h-11 clcosdk:w-full clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2 clcosdk:rounded-full clcosdk:border clcosdk:border-sale-card-chrome-border clcosdk:bg-sale-card-chrome-bg clcosdk:py-1.5 clcosdk:pr-1.5 clcosdk:pl-3 clcosdk:md:h-[54px] clcosdk:md:gap-3 clcosdk:md:py-2 clcosdk:md:pr-2 clcosdk:md:pl-4", children: [
+          /* @__PURE__ */ jsxs37("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-2 clcosdk:md:gap-3", children: [
+            status.phase === "live" ? /* @__PURE__ */ jsxs37(
               "span",
               {
                 className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-2 clcosdk:shrink-0",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ jsx54("span", { className: "clcosdk-status-dot-ping clcosdk:absolute clcosdk:inset-0 clcosdk:rounded-full clcosdk:bg-positive" }),
-                  /* @__PURE__ */ jsx54("span", { className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-full clcosdk:rounded-full clcosdk:bg-positive" })
+                  /* @__PURE__ */ jsx52("span", { className: "clcosdk-status-dot-ping clcosdk:absolute clcosdk:inset-0 clcosdk:rounded-full clcosdk:bg-positive" }),
+                  /* @__PURE__ */ jsx52("span", { className: "clcosdk:relative clcosdk:inline-flex clcosdk:size-full clcosdk:rounded-full clcosdk:bg-positive" })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsx54(
+            /* @__PURE__ */ jsx52(
               "p",
               {
                 className: cn(
@@ -9524,7 +9493,7 @@ function OfferSaleCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs39(
+          /* @__PURE__ */ jsxs37(
             "span",
             {
               className: cn(
@@ -9534,8 +9503,8 @@ function OfferSaleCard({
               "aria-hidden": "true",
               children: [
                 "View",
-                /* @__PURE__ */ jsx54("span", { className: "clcosdk:max-md:hidden", children: " offer" }),
-                /* @__PURE__ */ jsx54(ArrowRight, { className: "clcosdk:size-4", "aria-hidden": true })
+                /* @__PURE__ */ jsx52("span", { className: "clcosdk:max-md:hidden", children: " offer" }),
+                /* @__PURE__ */ jsx52(ArrowRight, { className: "clcosdk:size-4", "aria-hidden": true })
               ]
             }
           )
@@ -9543,8 +9512,8 @@ function OfferSaleCard({
       ]
     }
   );
-  const wrapped = containerClassName ? /* @__PURE__ */ jsx54("div", { className: containerClassName, children: card }) : card;
-  return /* @__PURE__ */ jsx54(CoinListStyleScope, { children: wrapped });
+  const wrapped = containerClassName ? /* @__PURE__ */ jsx52("div", { className: containerClassName, children: card }) : card;
+  return /* @__PURE__ */ jsx52(CoinListStyleScope, { children: wrapped });
 }
 var SALE_PHASE_LABEL = {
   upcoming: "Upcoming",
@@ -9557,10 +9526,10 @@ function cardActionLabel2(offer, phase) {
 }
 
 // src/client/components/offers/grid/OffersGridView.tsx
-import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
 var DEFAULT_MAX_COLUMNS2 = 2;
 function OffersGridView(props) {
-  return /* @__PURE__ */ jsx55(CoinListStyleScope, { children: /* @__PURE__ */ jsx55(OffersGridViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx53(CoinListStyleScope, { children: /* @__PURE__ */ jsx53(OffersGridViewBody, { ...props }) });
 }
 function OffersGridViewBody({
   state,
@@ -9574,13 +9543,13 @@ function OffersGridViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return loading ?? /* @__PURE__ */ jsx55(LoadingState, {});
+      return loading ?? /* @__PURE__ */ jsx53(LoadingState, {});
     case "error":
-      return error ?? /* @__PURE__ */ jsx55(ErrorState, { message: state.message });
+      return error ?? /* @__PURE__ */ jsx53(ErrorState, { message: state.message });
     case "empty":
-      return emptyState ?? /* @__PURE__ */ jsx55(EmptyState, {});
+      return emptyState ?? /* @__PURE__ */ jsx53(EmptyState, {});
     case "content":
-      return /* @__PURE__ */ jsx55(
+      return /* @__PURE__ */ jsx53(
         OffersGridContent,
         {
           offers: state.offers,
@@ -9610,14 +9579,14 @@ function OffersGridContent({
     Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS2)
   );
   const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       className: cn(
         "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
         containerClassName
       ),
-      children: /* @__PURE__ */ jsx55(
+      children: /* @__PURE__ */ jsx53(
         "div",
         {
           className: cn(
@@ -9626,7 +9595,7 @@ function OffersGridContent({
             className
           ),
           style: { maxWidth: maxGridWidth },
-          children: offers.map((offer) => /* @__PURE__ */ jsx55(
+          children: offers.map((offer) => /* @__PURE__ */ jsx53(
             OfferSaleCard,
             {
               offer,
@@ -9640,17 +9609,17 @@ function OffersGridContent({
   );
 }
 function LoadingState() {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx53(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
-      children: /* @__PURE__ */ jsx55("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
+      children: /* @__PURE__ */ jsx53("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
     }
   );
 }
 function ErrorState({ message }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx53(
     AlertBanner,
     {
       variant: "error",
@@ -9661,13 +9630,13 @@ function ErrorState({ message }) {
   );
 }
 function EmptyState() {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs38(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:gap-2 clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
       children: [
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx53(
           "p",
           {
             className: cn(
@@ -9677,7 +9646,7 @@ function EmptyState() {
             children: "No offers available"
           }
         ),
-        /* @__PURE__ */ jsx55("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
+        /* @__PURE__ */ jsx53("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
       ]
     }
   );
@@ -9941,7 +9910,7 @@ function toUiState(offersState, registryState, interactive) {
 }
 
 // src/client/components/offers/grid/OffersGridContainer.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function OffersGridContainer({
   data,
   onOfferClick,
@@ -9953,12 +9922,12 @@ function OffersGridContainer({
     onOfferClick,
     enabled
   });
-  return /* @__PURE__ */ jsx56(OffersGridView, { state, onEvent, ...viewProps });
+  return /* @__PURE__ */ jsx54(OffersGridView, { state, onEvent, ...viewProps });
 }
 
 // src/client/components/requirements/ConnectedWalletList.tsx
 import { useState as useState26 } from "react";
-import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
 function ConnectedWalletRow({
   wallet,
   onRemove
@@ -9974,8 +9943,8 @@ function ConnectedWalletRow({
       setState("error");
     }
   };
-  return /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
-    /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs39("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
+    /* @__PURE__ */ jsx55(
       "span",
       {
         title: wallet.address,
@@ -9986,16 +9955,16 @@ function ConnectedWalletRow({
         children: wallet.shortAddress
       }
     ),
-    onRemove != null && (state === "confirming" ? /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx57(
+    onRemove != null && (state === "confirming" ? /* @__PURE__ */ jsxs39("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx55(
         "span",
         {
           className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
           children: "Remove?"
         }
       ),
-      /* @__PURE__ */ jsx57(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx55(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
+      /* @__PURE__ */ jsx55(
         ClButton,
         {
           size: "sm",
@@ -10004,9 +9973,9 @@ function ConnectedWalletRow({
           children: "Cancel"
         }
       )
-    ] }) : state === "error" ? /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx57("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
-      /* @__PURE__ */ jsx57(
+    ] }) : state === "error" ? /* @__PURE__ */ jsxs39("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx55("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
+      /* @__PURE__ */ jsx55(
         ClButton,
         {
           size: "sm",
@@ -10015,7 +9984,7 @@ function ConnectedWalletRow({
           children: "Try again"
         }
       )
-    ] }) : /* @__PURE__ */ jsx57(
+    ] }) : /* @__PURE__ */ jsx55(
       ClButton,
       {
         size: "sm",
@@ -10028,7 +9997,7 @@ function ConnectedWalletRow({
   ] });
 }
 function ConnectedWalletList(props) {
-  return /* @__PURE__ */ jsx57(CoinListStyleScope, { children: /* @__PURE__ */ jsx57(ConnectedWalletListBody, { ...props }) });
+  return /* @__PURE__ */ jsx55(CoinListStyleScope, { children: /* @__PURE__ */ jsx55(ConnectedWalletListBody, { ...props }) });
 }
 function ConnectedWalletListBody({
   wallets,
@@ -10038,18 +10007,18 @@ function ConnectedWalletListBody({
   status = "ready",
   className
 }) {
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
       children: [
-        status === "loading" ? /* @__PURE__ */ jsx57(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ jsx57(
+        status === "loading" ? /* @__PURE__ */ jsx55(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ jsx55(
           AlertBanner,
           {
             variant: "error",
             content: "Couldn't load your connected wallets."
           }
-        ) : wallets.length === 0 ? /* @__PURE__ */ jsx57(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ jsx57("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ jsx57(
+        ) : wallets.length === 0 ? /* @__PURE__ */ jsx55(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ jsx55("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ jsx55(
           ConnectedWalletRow,
           {
             wallet,
@@ -10057,7 +10026,7 @@ function ConnectedWalletListBody({
           },
           wallet.id
         )) }),
-        onAdd != null && status !== "loading" && /* @__PURE__ */ jsx57(
+        onAdd != null && status !== "loading" && /* @__PURE__ */ jsx55(
           ClButton,
           {
             size: "sm",
@@ -10074,9 +10043,9 @@ function ConnectedWalletListBody({
 
 // src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
 import SumsubWebSdk from "@sumsub/websdk-react";
-import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
 function IdentityVerificationView(props) {
-  return /* @__PURE__ */ jsx58(CoinListStyleScope, { children: /* @__PURE__ */ jsx58(IdentityVerificationViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx56(CoinListStyleScope, { children: /* @__PURE__ */ jsx56(IdentityVerificationViewBody, { ...props }) });
 }
 function IdentityVerificationViewBody({
   state,
@@ -10085,7 +10054,7 @@ function IdentityVerificationViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx56(
         "output",
         {
           "aria-live": "polite",
@@ -10093,11 +10062,11 @@ function IdentityVerificationViewBody({
             "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
             className
           ),
-          children: /* @__PURE__ */ jsx58("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
+          children: /* @__PURE__ */ jsx56("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
         }
       );
     case "error":
-      return /* @__PURE__ */ jsxs42(
+      return /* @__PURE__ */ jsxs40(
         "div",
         {
           className: cn(
@@ -10105,13 +10074,13 @@ function IdentityVerificationViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx58(AlertBanner, { variant: "error", icon: true, content: state.message }),
-            state.retryable && /* @__PURE__ */ jsx58(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
+            /* @__PURE__ */ jsx56(AlertBanner, { variant: "error", icon: true, content: state.message }),
+            state.retryable && /* @__PURE__ */ jsx56(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
           ]
         }
       );
     case "ready":
-      return /* @__PURE__ */ jsx58("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx58(
+      return /* @__PURE__ */ jsx56("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx56(
         SumsubWebSdk,
         {
           accessToken: state.accessToken,
@@ -10262,7 +10231,7 @@ function useIdentityVerificationViewModel(options = {}) {
 }
 
 // src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function IdentityVerificationContainer({
   levelName,
   reset,
@@ -10278,7 +10247,7 @@ function IdentityVerificationContainer({
     onSubmitted,
     onError
   });
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx57(
     IdentityVerificationView,
     {
       state,
@@ -10293,7 +10262,7 @@ import { ChevronRight } from "lucide-react";
 
 // src/client/components/design-system/StepStatusIcon.tsx
 import { CircleCheck as CircleCheck2, CircleX, Info as Info5 } from "lucide-react";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var statusConfig = {
   required: {
     Icon: Info5,
@@ -10318,7 +10287,7 @@ var statusConfig = {
 };
 function StepStatusIcon({ status, className }) {
   const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx58(
     Icon,
     {
       className: cn(
@@ -10333,7 +10302,7 @@ function StepStatusIcon({ status, className }) {
 }
 
 // src/client/components/requirements/RequirementItem.tsx
-import { Fragment as Fragment10, jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_PENDING = "Under review. We'll notify you when complete.";
 var DEFAULT_REJECTED = "Verification rejected.";
 var SUPPORT_LINK = "Contact support";
@@ -10346,9 +10315,9 @@ function VerificationActionZone({
   switch (status) {
     case "required":
       if (onAction === null) return null;
-      return /* @__PURE__ */ jsx61(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Continue" });
+      return /* @__PURE__ */ jsx59(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Continue" });
     case "pending":
-      return /* @__PURE__ */ jsx61(
+      return /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "warning",
@@ -10356,7 +10325,7 @@ function VerificationActionZone({
         }
       );
     case "completed":
-      return /* @__PURE__ */ jsx61(
+      return /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "success",
@@ -10364,11 +10333,11 @@ function VerificationActionZone({
         }
       );
     case "rejected":
-      return /* @__PURE__ */ jsx61(
+      return /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "error",
-          content: /* @__PURE__ */ jsx61(
+          content: /* @__PURE__ */ jsx59(
             RejectedMessage,
             {
               message: statusMessages?.rejected ?? DEFAULT_REJECTED,
@@ -10388,10 +10357,10 @@ function RejectedMessage({
     return message;
   }
   if (linkAt === -1) {
-    return /* @__PURE__ */ jsxs43(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
       message,
       " ",
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsx59(
         "button",
         {
           type: "button",
@@ -10403,9 +10372,9 @@ function RejectedMessage({
       "."
     ] });
   }
-  return /* @__PURE__ */ jsxs43(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs41(Fragment10, { children: [
     message.slice(0, linkAt),
-    /* @__PURE__ */ jsx61(
+    /* @__PURE__ */ jsx59(
       "button",
       {
         type: "button",
@@ -10426,8 +10395,8 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ jsxs43(Fragment10, { children: [
-      /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+      /* @__PURE__ */ jsx59(
         ConnectedWalletList,
         {
           wallets: connectedWallets,
@@ -10436,7 +10405,7 @@ function WalletActionZone({
           status: walletsStatus
         }
       ),
-      status === "rejected" && /* @__PURE__ */ jsx61(
+      status === "rejected" && /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "error",
@@ -10447,8 +10416,8 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ jsxs43(Fragment10, { children: [
-      onAction !== null && /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+      onAction !== null && /* @__PURE__ */ jsx59(
         ClButton,
         {
           size: "sm",
@@ -10458,19 +10427,19 @@ function WalletActionZone({
           children: "Change wallet"
         }
       ),
-      walletsStatus === "loading" ? /* @__PURE__ */ jsx61(
+      walletsStatus === "loading" ? /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "info",
           content: "Loading your connected wallet\u2026"
         }
-      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx61(
+      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "error",
           content: "Couldn't load your connected wallet."
         }
-      ) : /* @__PURE__ */ jsx61(
+      ) : /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "success",
@@ -10480,9 +10449,9 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ jsxs43(Fragment10, { children: [
-      onAction !== null && /* @__PURE__ */ jsx61(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsxs41(Fragment10, { children: [
+      onAction !== null && /* @__PURE__ */ jsx59(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ jsx59(
         AlertBanner,
         {
           variant: "error",
@@ -10492,7 +10461,7 @@ function WalletActionZone({
     ] });
   }
   if (onAction === null) return null;
-  return /* @__PURE__ */ jsx61(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" });
+  return /* @__PURE__ */ jsx59(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
   ui,
@@ -10505,7 +10474,7 @@ function RequirementItem({
   onContactSupport,
   spaceBeforeNextRow = true
 }) {
-  return /* @__PURE__ */ jsx61(CoinListStyleScope, { children: /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsx59(CoinListStyleScope, { children: /* @__PURE__ */ jsxs41(
     "div",
     {
       className: cn(
@@ -10513,7 +10482,7 @@ function RequirementItem({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs43(
+        /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -10521,9 +10490,9 @@ function RequirementItem({
             "aria-expanded": expanded,
             className: "clcosdk:-mx-2 clcosdk:flex clcosdk:h-14 clcosdk:w-[calc(100%+16px)] clcosdk:cursor-pointer clcosdk:items-center clcosdk:justify-between clcosdk:rounded-2xl clcosdk:px-2 clcosdk:transition-colors clcosdk:hover:bg-surface",
             children: [
-              /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-                /* @__PURE__ */ jsx61(StepStatusIcon, { status: ui.status }),
-                /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsxs41("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+                /* @__PURE__ */ jsx59(StepStatusIcon, { status: ui.status }),
+                /* @__PURE__ */ jsx59(
                   "span",
                   {
                     className: cn(
@@ -10534,7 +10503,7 @@ function RequirementItem({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx61(
+              /* @__PURE__ */ jsx59(
                 ChevronRight,
                 {
                   className: cn(
@@ -10547,14 +10516,14 @@ function RequirementItem({
             ]
           }
         ),
-        /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx59(
           "div",
           {
             className: cn(
               "clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
               expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
             ),
-            children: /* @__PURE__ */ jsx61("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs43(
+            children: /* @__PURE__ */ jsx59("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs41(
               "div",
               {
                 className: cn(
@@ -10562,7 +10531,7 @@ function RequirementItem({
                   spaceBeforeNextRow && "clcosdk:pb-4"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx61(
+                  /* @__PURE__ */ jsx59(
                     "p",
                     {
                       className: cn(
@@ -10572,7 +10541,7 @@ function RequirementItem({
                       children: ui.description
                     }
                   ),
-                  ui.variant === "verification" ? /* @__PURE__ */ jsx61(
+                  ui.variant === "verification" ? /* @__PURE__ */ jsx59(
                     VerificationActionZone,
                     {
                       status: ui.status,
@@ -10580,7 +10549,7 @@ function RequirementItem({
                       onAction,
                       onContactSupport
                     }
-                  ) : /* @__PURE__ */ jsx61(
+                  ) : /* @__PURE__ */ jsx59(
                     WalletActionZone,
                     {
                       status: ui.status,
@@ -10602,9 +10571,9 @@ function RequirementItem({
 }
 
 // src/client/components/requirements/RequirementsChecklistView.tsx
-import { Fragment as Fragment11, jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
 function RequirementsChecklistView(props) {
-  return /* @__PURE__ */ jsx62(CoinListStyleScope, { children: /* @__PURE__ */ jsx62(RequirementsChecklistViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx60(CoinListStyleScope, { children: /* @__PURE__ */ jsx60(RequirementsChecklistViewBody, { ...props }) });
 }
 function RequirementsChecklistViewBody({
   state,
@@ -10615,7 +10584,7 @@ function RequirementsChecklistViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return loading ?? /* @__PURE__ */ jsx62(
+      return loading ?? /* @__PURE__ */ jsx60(
         LoadingState2,
         {
           title: state.title,
@@ -10624,7 +10593,7 @@ function RequirementsChecklistViewBody({
         }
       );
     case "error":
-      return /* @__PURE__ */ jsxs44(
+      return /* @__PURE__ */ jsxs42(
         "div",
         {
           className: cn(
@@ -10632,8 +10601,8 @@ function RequirementsChecklistViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx62("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-            error ?? /* @__PURE__ */ jsx62(
+            /* @__PURE__ */ jsx60("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+            error ?? /* @__PURE__ */ jsx60(
               AlertBanner,
               {
                 variant: "error",
@@ -10645,7 +10614,7 @@ function RequirementsChecklistViewBody({
         }
       );
     case "content":
-      return /* @__PURE__ */ jsxs44(
+      return /* @__PURE__ */ jsxs42(
         "div",
         {
           className: cn(
@@ -10653,9 +10622,9 @@ function RequirementsChecklistViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-              /* @__PURE__ */ jsx62("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-              state.blockedMessage == null && /* @__PURE__ */ jsx62(
+            /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+              /* @__PURE__ */ jsx60("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+              state.blockedMessage == null && /* @__PURE__ */ jsx60(
                 "p",
                 {
                   className: cn(typeClasses.body, "clcosdk:text-text-secondary"),
@@ -10663,7 +10632,7 @@ function RequirementsChecklistViewBody({
                 }
               )
             ] }),
-            state.blockedMessage != null ? /* @__PURE__ */ jsx62(AlertBanner, { variant: "info", icon: true, content: state.blockedMessage }) : state.items.length === 0 ? state.continueAction && /* @__PURE__ */ jsx62(
+            state.blockedMessage != null ? /* @__PURE__ */ jsx60(AlertBanner, { variant: "info", icon: true, content: state.blockedMessage }) : state.items.length === 0 ? state.continueAction && /* @__PURE__ */ jsx60(
               ClButton,
               {
                 variant: "primary",
@@ -10672,8 +10641,8 @@ function RequirementsChecklistViewBody({
                 onClick: () => onEvent({ type: "ON_CONTINUE" }),
                 children: "Continue"
               }
-            ) : /* @__PURE__ */ jsxs44(Fragment11, { children: [
-              /* @__PURE__ */ jsx62("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx62(
+            ) : /* @__PURE__ */ jsxs42(Fragment11, { children: [
+              /* @__PURE__ */ jsx60("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx60(
                 RequirementItem,
                 {
                   ui: row.item,
@@ -10693,8 +10662,8 @@ function RequirementsChecklistViewBody({
                 },
                 row.id
               )) }),
-              /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-row clcosdk:items-center clcosdk:justify-between clcosdk:gap-6", children: [
-                /* @__PURE__ */ jsx62(
+              /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:flex-row clcosdk:items-center clcosdk:justify-between clcosdk:gap-6", children: [
+                /* @__PURE__ */ jsx60(
                   "span",
                   {
                     className: cn(
@@ -10705,7 +10674,7 @@ function RequirementsChecklistViewBody({
                     children: state.ineligible ? "You are not eligible to invest." : completedLabel(state.items)
                   }
                 ),
-                state.continueAction && /* @__PURE__ */ jsx62(
+                state.continueAction && /* @__PURE__ */ jsx60(
                   ClButton,
                   {
                     variant: "primary",
@@ -10742,7 +10711,7 @@ function LoadingState2({
   description: description2,
   className
 }) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       className: cn(
@@ -10750,19 +10719,19 @@ function LoadingState2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx62("output", { className: "clcosdk:sr-only", children: "Loading requirements..." }),
-        /* @__PURE__ */ jsxs44("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx62("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title2 }),
-          /* @__PURE__ */ jsx62("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description2 })
+        /* @__PURE__ */ jsx60("output", { className: "clcosdk:sr-only", children: "Loading requirements..." }),
+        /* @__PURE__ */ jsxs42("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx60("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title2 }),
+          /* @__PURE__ */ jsx60("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description2 })
         ] }),
-        /* @__PURE__ */ jsx62("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: LOADING_ROW_WIDTHS.map((width) => /* @__PURE__ */ jsx62(Skeleton, { className: cn("clcosdk:h-8", width) }, width)) })
+        /* @__PURE__ */ jsx60("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: LOADING_ROW_WIDTHS.map((width) => /* @__PURE__ */ jsx60(Skeleton, { className: cn("clcosdk:h-8", width) }, width)) })
       ]
     }
   );
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalView.tsx
-import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
 function TaxDocumentModalView({
   state,
   onEvent,
@@ -10771,7 +10740,7 @@ function TaxDocumentModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ jsx63(CoinListStyleScope, { children: /* @__PURE__ */ jsx63("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx61(CoinListStyleScope, { children: /* @__PURE__ */ jsx61("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs43(
     "div",
     {
       className: cn(
@@ -10779,11 +10748,11 @@ function TaxDocumentModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx63("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-          /* @__PURE__ */ jsx63(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+        /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx61("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+          /* @__PURE__ */ jsx61(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ jsx63(Screen, { screen: state.screen, onEvent })
+        /* @__PURE__ */ jsx61(Screen, { screen: state.screen, onEvent })
       ]
     }
   ) }) });
@@ -10794,11 +10763,11 @@ function Screen({
 }) {
   switch (screen.type) {
     case "loading":
-      return /* @__PURE__ */ jsx63(LoadingScreen, {});
+      return /* @__PURE__ */ jsx61(LoadingScreen, {});
     case "error":
-      return /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: screen.message });
+      return /* @__PURE__ */ jsx61(AlertBanner, { variant: "error", icon: true, content: screen.message });
     case "review":
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx61(
         ReviewScreen,
         {
           fields: screen.fields,
@@ -10809,9 +10778,9 @@ function Screen({
         }
       );
     case "editing":
-      return /* @__PURE__ */ jsx63(EditScreen, { fields: screen.fields, onEvent });
+      return /* @__PURE__ */ jsx61(EditScreen, { fields: screen.fields, onEvent });
     case "sign-only":
-      return /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsx61(
         SignOnlyScreen,
         {
           signing: screen.signing,
@@ -10826,14 +10795,14 @@ function Screen({
   }
 }
 function LoadingScreen() {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx61(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
-        /* @__PURE__ */ jsx63("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
-        /* @__PURE__ */ jsx63("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
+      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+        /* @__PURE__ */ jsx61("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
+        /* @__PURE__ */ jsx61("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
       ] }, row))
     }
   );
@@ -10845,9 +10814,9 @@ function ReviewScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
-    piiUnavailable && /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
+    piiUnavailable && /* @__PURE__ */ jsx61(
       AlertBanner,
       {
         variant: "info",
@@ -10855,27 +10824,27 @@ function ReviewScreen({
         content: "We don't have this information on file yet \u2014 please fill it in below."
       }
     ),
-    /* @__PURE__ */ jsx63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ jsxs45(
+    /* @__PURE__ */ jsx61("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, displayValue }) => /* @__PURE__ */ jsxs43(
       "div",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx61(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx63("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
+          /* @__PURE__ */ jsx61("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
         ]
       },
       field
     )) }),
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
-    signError && /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
+    signError && /* @__PURE__ */ jsx61(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx61(
         ClButton,
         {
           fullWidth: true,
@@ -10885,7 +10854,7 @@ function ReviewScreen({
           children: "Sign W-8BEN"
         }
       ),
-      /* @__PURE__ */ jsx63(
+      /* @__PURE__ */ jsx61(
         ClButton,
         {
           fullWidth: true,
@@ -10902,20 +10871,20 @@ function EditScreen({
   fields,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx61("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: fields.map(({ field, label, placeholder, value }) => /* @__PURE__ */ jsxs43(
       "label",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx61(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx61(
             "input",
             {
               type: "text",
@@ -10936,9 +10905,9 @@ function EditScreen({
       },
       field
     )) }),
-    /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx63(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx61(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
+      /* @__PURE__ */ jsx61(
         ClButton,
         {
           fullWidth: true,
@@ -10955,10 +10924,10 @@ function SignOnlyScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx63("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
-    signError && /* @__PURE__ */ jsx63(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs43("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx61("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
+    signError && /* @__PURE__ */ jsx61(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsx61(
       ClButton,
       {
         fullWidth: true,
@@ -11270,7 +11239,7 @@ function toFieldsUi(fields) {
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalContainer.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function TaxDocumentModalContainer({
   isOpen,
   onClose,
@@ -11282,7 +11251,7 @@ function TaxDocumentModalContainer({
     onClose,
     onSubmitted
   });
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx62(
     TaxDocumentModalView,
     {
       state,
@@ -11293,26 +11262,26 @@ function TaxDocumentModalContainer({
 }
 
 // src/client/components/requirements/VerificationOverlay.tsx
-import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs44 } from "react/jsx-runtime";
 function VerificationOverlay({
   onClose,
   children
 }) {
-  return /* @__PURE__ */ jsx65(CoinListStyleScope, { children: /* @__PURE__ */ jsx65(VerificationOverlayBody, { onClose, children }) });
+  return /* @__PURE__ */ jsx63(CoinListStyleScope, { children: /* @__PURE__ */ jsx63(VerificationOverlayBody, { onClose, children }) });
 }
 function VerificationOverlayBody({
   onClose,
   children
 }) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Identity verification",
       className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
-      children: /* @__PURE__ */ jsxs46("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
-        /* @__PURE__ */ jsx65(
+      children: /* @__PURE__ */ jsxs44("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
+        /* @__PURE__ */ jsx63(
           CloseButton,
           {
             onClick: onClose,
@@ -11327,7 +11296,7 @@ function VerificationOverlayBody({
 
 // src/client/components/requirements/wallet/ConnectWalletModalView.tsx
 import { useId as useId5 } from "react";
-import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs45 } from "react/jsx-runtime";
 function ConnectWalletModalView({
   state,
   onEvent,
@@ -11337,7 +11306,7 @@ function ConnectWalletModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ jsx66(CoinListStyleScope, { children: /* @__PURE__ */ jsx66("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsx64(CoinListStyleScope, { children: /* @__PURE__ */ jsx64("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ jsxs45(
     "div",
     {
       role: "dialog",
@@ -11348,8 +11317,8 @@ function ConnectWalletModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs47("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx64(
             "h3",
             {
               id: titleId,
@@ -11357,9 +11326,9 @@ function ConnectWalletModalView({
               children: "Connect your wallet"
             }
           ),
-          /* @__PURE__ */ jsx66(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+          /* @__PURE__ */ jsx64(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx64(
           Screen2,
           {
             screen: state.screen,
@@ -11378,9 +11347,9 @@ function Screen2({
 }) {
   switch (screen.type) {
     case "needs-wallet":
-      return /* @__PURE__ */ jsxs47("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-        /* @__PURE__ */ jsx66("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Connect an external wallet to prove ownership and bind it to this offer." }),
-        canRequestConnect && /* @__PURE__ */ jsx66(
+      return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+        /* @__PURE__ */ jsx64("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Connect an external wallet to prove ownership and bind it to this offer." }),
+        canRequestConnect && /* @__PURE__ */ jsx64(
           ClButton,
           {
             fullWidth: true,
@@ -11390,23 +11359,23 @@ function Screen2({
         )
       ] });
     case "ready":
-      return /* @__PURE__ */ jsxs47("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-        /* @__PURE__ */ jsx66("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Sign a message with your connected wallet to prove you own it. This does not cost gas or move any funds." }),
-        /* @__PURE__ */ jsxs47("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
-          /* @__PURE__ */ jsx66(
+      return /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+        /* @__PURE__ */ jsx64("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Sign a message with your connected wallet to prove you own it. This does not cost gas or move any funds." }),
+        /* @__PURE__ */ jsxs45("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
+          /* @__PURE__ */ jsx64(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: "Wallet address"
             }
           ),
-          /* @__PURE__ */ jsx66("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: screen.shortAddress })
+          /* @__PURE__ */ jsx64("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: screen.shortAddress })
         ] }),
         screen.signError && // Live region: the error is inserted async after a failed attempt,
         // so screen readers need it announced rather than silently
         // rendered.
-        /* @__PURE__ */ jsx66("div", { role: "alert", children: /* @__PURE__ */ jsx66(AlertBanner, { variant: "error", icon: true, content: screen.signError }) }),
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx64("div", { role: "alert", children: /* @__PURE__ */ jsx64(AlertBanner, { variant: "error", icon: true, content: screen.signError }) }),
+        /* @__PURE__ */ jsx64(
           ClButton,
           {
             fullWidth: true,
@@ -11417,7 +11386,7 @@ function Screen2({
             children: "Sign & connect"
           }
         ),
-        canRequestConnect && /* @__PURE__ */ jsx66(
+        canRequestConnect && /* @__PURE__ */ jsx64(
           ClButton,
           {
             fullWidth: true,
@@ -11704,13 +11673,13 @@ function useConnectWalletModalViewModel({
 }
 
 // src/client/components/requirements/wallet/ConnectWalletModalContainer.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function ConnectWalletModalContainer({
   className,
   ...options
 }) {
   const { state, onEvent } = useConnectWalletModalViewModel(options);
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx65(
     ConnectWalletModalView,
     {
       state,
@@ -12281,7 +12250,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
 }
 
 // src/client/components/requirements/RequirementsChecklistContainer.tsx
-import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
 function RequirementsChecklistContainer({
   loading,
   error,
@@ -12293,8 +12262,8 @@ function RequirementsChecklistContainer({
     ...options,
     enabled
   });
-  return /* @__PURE__ */ jsxs48(Fragment12, { children: [
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs46(Fragment12, { children: [
+    /* @__PURE__ */ jsx66(
       RequirementsChecklistView,
       {
         state,
@@ -12304,8 +12273,8 @@ function RequirementsChecklistContainer({
         className
       }
     ),
-    state.type === "content" && /* @__PURE__ */ jsxs48(Fragment12, { children: [
-      /* @__PURE__ */ jsx68(
+    state.type === "content" && /* @__PURE__ */ jsxs46(Fragment12, { children: [
+      /* @__PURE__ */ jsx66(
         TaxDocumentModalContainer,
         {
           isOpen: state.taxDocumentOpen,
@@ -12313,11 +12282,11 @@ function RequirementsChecklistContainer({
           onSubmitted: () => onEvent({ type: "ON_TAX_DOCUMENT_SUBMITTED" })
         }
       ),
-      state.verification && /* @__PURE__ */ jsx68(
+      state.verification && /* @__PURE__ */ jsx66(
         VerificationOverlay,
         {
           onClose: () => onEvent({ type: "ON_CLOSE_VERIFICATION" }),
-          children: /* @__PURE__ */ jsx68(
+          children: /* @__PURE__ */ jsx66(
             IdentityVerificationContainer,
             {
               levelName: state.verification.levelName,
@@ -12328,7 +12297,7 @@ function RequirementsChecklistContainer({
           )
         }
       ),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx66(
         ConnectWalletModalContainer,
         {
           isOpen: state.connectWalletOpen,