@coinlist-co/react 0.12.2-rc.eea3be6 → 0.12.2

package/dist/client/index.js

@@ -1,15 +1,24 @@
 'use client';
 import {
+  API_VERSION,
   AuthenticatedApiClient,
-  NABU_BASE_URL,
+  COINLIST_BASE_URL,
+  HEADER_USER_AGENT,
+  OAUTH_PAGE_PATH,
   PINO_LEVEL,
   SDK_LOGGER_NAME,
+  SUPPORT_NEW_TICKET_URL,
+  VERIFY_IDENTITY_ACCREDITATION_PATH,
+  VERIFY_IDENTITY_PATH,
+  WALLET_PATH,
+  baseUrls,
+  createNabuApiClient,
   loggerOverPino,
   notifySessionExpired,
   publicClients,
   systemDelay,
   systemTime
-} from "../chunk-IUAGXUJY.js";
+} from "../chunk-OQ2ANYUF.js";
 import {
   AuthorizationCode,
   CodeVerifier,
@@ -20,7 +29,6 @@ import {
   ONDO_POLL_INTERVAL_MS,
   ONDO_SETTLEMENT_ASSET,
   ONDO_SUPPORTED_INPUT_ASSETS,
-  OffersNamespaceImpl,
   RedactedWalletError,
   SLIPPAGE_OPTIONS_BPS,
   SUPERSTATE_ISSUER_NAME,
@@ -44,15 +52,13 @@ import {
   resolveCentrifugeVaults,
   superstateSwapContractAddress,
   swapSpender
-} from "../chunk-WBB6P6ZI.js";
+} from "../chunk-EAPBF7T2.js";
 import {
-  API_VERSION,
   AssetDecimals,
   AssetIconUrl,
   AssetSymbol,
   Attributes,
   BlockchainAmount,
-  COINLIST_BASE_URL,
   CentrifugeNamespaceImpl,
   CentrifugeVaultLeg,
   CentrifugeVaultLegId,
@@ -64,26 +70,20 @@ import {
   EvmContractAddress,
   FormattedAmountAssetUi,
   FormattedPercentUi,
-  HEADER_USER_AGENT,
   MAX_UINT_256,
   Millis,
   NA_AMOUNT_ASSET_UI,
   NotAuthenticatedError,
-  OAUTH_PAGE_PATH,
   OfferOptionAddressId,
+  OffersNamespaceImpl,
   OndoNamespaceImpl,
-  PUBLIC_API_BASE_URL,
   RequirementsNamespaceImpl,
   STABLE_DECIMALS,
   SUPERSTATE_SWAP_ABI,
-  SUPPORT_NEW_TICKET_URL,
   Seconds,
   SentWith,
   SuperstateSwapNamespaceImpl,
   TokensNamespaceImpl,
-  VERIFY_IDENTITY_ACCREDITATION_PATH,
-  VERIFY_IDENTITY_PATH,
-  WALLET_PATH,
   WalletsNamespaceImpl,
   apiErrorCode,
   assetAmount,
@@ -100,10 +100,11 @@ import {
   internalLogger,
   isRejectedToken,
   parseBlockchainAmount,
+  parseUint256,
   shortenAddress,
   txExplorerUrl,
   usdAmount
-} from "../chunk-335G7ZM5.js";
+} from "../chunk-2FZAXGVH.js";
 
 // src/client/CoinListProvider.tsx
 import {
@@ -163,6 +164,94 @@ var ApiClient = class {
   }
 };
 
+// src/client/core/auth/auth-namespace.ts
+var OAUTH_STATE_KEY = "coinlist.oauth_state";
+var OAUTH_CODE_VERIFIER_KEY = "coinlist.oauth_code_verifier";
+var ClientAuthNamespaceImpl = class {
+  constructor(config, session) {
+    this.config = config;
+    this.session = session;
+    this.log = internalLogger(config.logger ?? null, "AUTH");
+  }
+  getState() {
+    return this.session.getState();
+  }
+  async startOAuth() {
+    return this.log.wrap("startOAuth", void 0, () => this.redirectToOAuth());
+  }
+  async redirectToOAuth() {
+    const pkceParams = await generatePKCEParams(this.config);
+    sessionStorage.setItem(OAUTH_STATE_KEY, pkceParams.state);
+    sessionStorage.setItem(OAUTH_CODE_VERIFIER_KEY, pkceParams.codeVerifier);
+    const params = new URLSearchParams({
+      client_id: pkceParams.clientId,
+      response_type: pkceParams.responseType,
+      redirect_uri: pkceParams.redirectUri,
+      code_challenge: pkceParams.codeChallenge,
+      code_challenge_method: pkceParams.codeChallengeMethod,
+      state: pkceParams.state
+    });
+    const baseUrl = this.config.coinlistBaseUrl ?? COINLIST_BASE_URL;
+    this.log.child({ op: "startOAuth" }).info(() => ({ msg: "redirecting to CoinList", fields: { baseUrl } }));
+    window.location.href = `${baseUrl}${OAUTH_PAGE_PATH}?${params.toString()}`;
+  }
+  /**
+   * Every failure here is silent from the browser's side - a state mismatch
+   * and a missing verifier both just leave the user logged out - so the
+   * reason is logged rather than left for the host to infer from a callback.
+   */
+  completeOAuth() {
+    const result = this.readOauthCallback();
+    switch (result.type) {
+      case "error":
+        this.log.child({ op: "completeOAuth" }).error(() => ({
+          msg: "oauth callback rejected",
+          fields: { reason: result.reason }
+        }));
+        return result;
+      case "ok":
+        this.log.child({ op: "completeOAuth" }).info(() => ({ msg: "authorization code received" }));
+        return result;
+      default: {
+        const _exhaustive = result;
+        return result;
+      }
+    }
+  }
+  logout() {
+    this.log.child({ op: "logout" }).info(() => ({ msg: "access token cleared" }));
+    this.session.clearAccessToken();
+  }
+  readOauthCallback() {
+    const params = new URLSearchParams(window.location.search);
+    const coinlistError = params.get("error");
+    if (coinlistError) {
+      return { type: "error", reason: "user_canceled" };
+    }
+    const stateParam = params.get("state");
+    if (!stateParam) {
+      return { type: "error", reason: "missing_state" };
+    }
+    const storedState = sessionStorage.getItem(OAUTH_STATE_KEY);
+    if (storedState === null || storedState !== stateParam) {
+      return { type: "error", reason: "invalid_state" };
+    }
+    const codeParam = params.get("code");
+    if (!codeParam) {
+      return { type: "error", reason: "missing_code" };
+    }
+    const codeVerifierValue = sessionStorage.getItem(OAUTH_CODE_VERIFIER_KEY);
+    if (!codeVerifierValue) {
+      return { type: "error", reason: "missing_code_verifier" };
+    }
+    return {
+      type: "ok",
+      code: AuthorizationCode(codeParam),
+      codeVerifier: CodeVerifier(codeVerifierValue)
+    };
+  }
+};
+
 // src/client/core/auth/client-access-token.ts
 var CONFIRM_DELAY = Millis.of(1e3);
 var Generation = {
@@ -316,94 +405,6 @@ function isFresh(token, rejected) {
   return token !== null && !isRejectedToken(token, rejected);
 }
 
-// src/client/core/auth/client-auth-namespace.ts
-var OAUTH_STATE_KEY = "coinlist.oauth_state";
-var OAUTH_CODE_VERIFIER_KEY = "coinlist.oauth_code_verifier";
-var ClientAuthNamespaceImpl = class {
-  constructor(config, session) {
-    this.config = config;
-    this.session = session;
-    this.log = internalLogger(config.logger ?? null, "AUTH");
-  }
-  getState() {
-    return this.session.getState();
-  }
-  async startOAuth() {
-    return this.log.wrap("startOAuth", void 0, () => this.redirectToOAuth());
-  }
-  async redirectToOAuth() {
-    const pkceParams = await generatePKCEParams(this.config);
-    sessionStorage.setItem(OAUTH_STATE_KEY, pkceParams.state);
-    sessionStorage.setItem(OAUTH_CODE_VERIFIER_KEY, pkceParams.codeVerifier);
-    const params = new URLSearchParams({
-      client_id: pkceParams.clientId,
-      response_type: pkceParams.responseType,
-      redirect_uri: pkceParams.redirectUri,
-      code_challenge: pkceParams.codeChallenge,
-      code_challenge_method: pkceParams.codeChallengeMethod,
-      state: pkceParams.state
-    });
-    const baseUrl = this.config.coinlistBaseUrl ?? COINLIST_BASE_URL;
-    this.log.child({ op: "startOAuth" }).info(() => ({ msg: "redirecting to CoinList", fields: { baseUrl } }));
-    window.location.href = `${baseUrl}${OAUTH_PAGE_PATH}?${params.toString()}`;
-  }
-  /**
-   * Every failure here is silent from the browser's side - a state mismatch
-   * and a missing verifier both just leave the user logged out - so the
-   * reason is logged rather than left for the host to infer from a callback.
-   */
-  completeOAuth() {
-    const result = this.readOauthCallback();
-    switch (result.type) {
-      case "error":
-        this.log.child({ op: "completeOAuth" }).error(() => ({
-          msg: "oauth callback rejected",
-          fields: { reason: result.reason }
-        }));
-        return result;
-      case "ok":
-        this.log.child({ op: "completeOAuth" }).info(() => ({ msg: "authorization code received" }));
-        return result;
-      default: {
-        const _exhaustive = result;
-        return result;
-      }
-    }
-  }
-  logout() {
-    this.log.child({ op: "logout" }).info(() => ({ msg: "access token cleared" }));
-    this.session.clearAccessToken();
-  }
-  readOauthCallback() {
-    const params = new URLSearchParams(window.location.search);
-    const coinlistError = params.get("error");
-    if (coinlistError) {
-      return { type: "error", reason: "user_canceled" };
-    }
-    const stateParam = params.get("state");
-    if (!stateParam) {
-      return { type: "error", reason: "missing_state" };
-    }
-    const storedState = sessionStorage.getItem(OAUTH_STATE_KEY);
-    if (storedState === null || storedState !== stateParam) {
-      return { type: "error", reason: "invalid_state" };
-    }
-    const codeParam = params.get("code");
-    if (!codeParam) {
-      return { type: "error", reason: "missing_code" };
-    }
-    const codeVerifierValue = sessionStorage.getItem(OAUTH_CODE_VERIFIER_KEY);
-    if (!codeVerifierValue) {
-      return { type: "error", reason: "missing_code_verifier" };
-    }
-    return {
-      type: "ok",
-      code: AuthorizationCode(codeParam),
-      codeVerifier: CodeVerifier(codeVerifierValue)
-    };
-  }
-};
-
 // src/client/core/shared/blockchain/wallet-error.ts
 import {
   BaseError,
@@ -583,7 +584,7 @@ async function submitErc20Approval({
   }
 }
 
-// src/client/core/providers/checkout/shared/approve-then-build.ts
+// src/client/core/providers/shared/approve-then-build.ts
 async function approveThenBuild({
   erc20,
   wallet,
@@ -620,7 +621,7 @@ async function approveThenBuild({
 }
 var INSUFFICIENT_ALLOWANCE_CODE = "insufficient_allowance";
 
-// src/client/core/providers/checkout/shared/broadcast-built.ts
+// src/client/core/providers/shared/broadcast-built.ts
 async function broadcastBuilt({
   wallet,
   chain,
@@ -642,12 +643,12 @@ async function broadcastBuilt({
   });
 }
 
-// src/universal/core/providers/checkout/centrifuge/vault-contracts.ts
+// src/universal/core/providers/centrifuge/vault-contracts.ts
 function vaultProxy(vaultContracts, chain) {
   return contractOn(vaultContracts, chain);
 }
 
-// src/client/core/providers/checkout/centrifuge/centrifuge-flows.ts
+// src/client/core/providers/centrifuge/checkout-flows.ts
 async function prepareCentrifugeBuy(params) {
   const {
     centrifuge,
@@ -724,7 +725,7 @@ async function buyCentrifuge(params) {
   });
 }
 
-// src/client/core/providers/checkout/centrifuge/claim-flows.ts
+// src/client/core/providers/centrifuge/claim-flows.ts
 async function claimCentrifugeVault(params) {
   const { wallet, chain, direction, onProgress } = params;
   const emit = (phase) => onProgress?.(phase);
@@ -878,11 +879,11 @@ function isWalletError(value) {
   return typeof type === "string" && WALLET_ERROR_TYPES.has(type);
 }
 
-// src/client/core/providers/checkout/centrifuge/client-centrifuge-namespace.ts
+// src/client/core/providers/centrifuge/client-centrifuge-namespace.ts
 var ClientCentrifugeNamespaceImpl = class extends CentrifugeNamespaceImpl {
-  constructor(ctx, erc20) {
+  constructor(ctx, deps) {
     super(ctx);
-    this.erc20 = erc20;
+    this.deps = deps;
   }
   buy(params) {
     return withFlowLogging(
@@ -895,7 +896,7 @@ var ClientCentrifugeNamespaceImpl = class extends CentrifugeNamespaceImpl {
         ...systemTime,
         onProgress,
         centrifuge: this,
-        erc20: this.erc20
+        erc20: this.deps.erc20
       })
     );
   }
@@ -909,7 +910,7 @@ var ClientCentrifugeNamespaceImpl = class extends CentrifugeNamespaceImpl {
         ...params,
         onProgress,
         centrifuge: this,
-        erc20: this.erc20
+        erc20: this.deps.erc20
       })
     );
   }
@@ -933,7 +934,7 @@ var ClientCentrifugeNamespaceImpl = class extends CentrifugeNamespaceImpl {
   }
 };
 
-// src/universal/core/providers/checkout/coin-list/token-sale-offer.ts
+// src/universal/core/providers/coin-list/token-sale-offer.ts
 function tokenSaleTerms({
   offer,
   chain,
@@ -983,7 +984,7 @@ function tokenSaleQuantity(amount, price) {
   return BlockchainAmount.div(amount, price);
 }
 
-// src/client/core/providers/checkout/coin-list/token-sale-flows.ts
+// src/client/core/providers/coin-list/checkout-flows.ts
 async function executeTokenSale(params) {
   const {
     erc20,
@@ -1097,11 +1098,11 @@ function approvalError(failure) {
   }
 }
 
-// src/client/core/providers/checkout/coin-list/client-token-sale-namespace.ts
+// src/client/core/providers/coin-list/client-token-sale-namespace.ts
 var ClientCoinListTokenSaleNamespaceImpl = class extends CoinListTokenSaleNamespaceImpl {
-  constructor(ctx, erc20) {
+  constructor(ctx, deps) {
     super(ctx);
-    this.erc20 = erc20;
+    this.deps = deps;
   }
   execute(params) {
     return withFlowLogging(
@@ -1112,14 +1113,14 @@ var ClientCoinListTokenSaleNamespaceImpl = class extends CoinListTokenSaleNamesp
       (onProgress) => executeTokenSale({
         ...params,
         onProgress,
-        erc20: this.erc20,
+        erc20: this.deps.erc20,
         tokenSale: this
       })
     );
   }
 };
 
-// src/client/core/providers/checkout/ondo/ondo-flows.ts
+// src/client/core/providers/ondo/checkout-flows.ts
 async function prepareOndoBuy(params) {
   const { ondo, symbol, chain, wallet, amount } = params;
   return prepare(
@@ -1205,11 +1206,11 @@ async function executeOndoSwap(params) {
   }
 }
 
-// src/client/core/providers/checkout/ondo/client-ondo-namespace.ts
+// src/client/core/providers/ondo/client-ondo-namespace.ts
 var ClientOndoNamespaceImpl = class extends OndoNamespaceImpl {
-  constructor(ctx, erc20) {
+  constructor(ctx, deps) {
     super(ctx);
-    this.erc20 = erc20;
+    this.deps = deps;
   }
   prepareBuy(params) {
     return withFlowLogging(
@@ -1221,7 +1222,7 @@ var ClientOndoNamespaceImpl = class extends OndoNamespaceImpl {
         ...params,
         onProgress,
         ondo: this,
-        erc20: this.erc20
+        erc20: this.deps.erc20
       })
     );
   }
@@ -1235,7 +1236,7 @@ var ClientOndoNamespaceImpl = class extends OndoNamespaceImpl {
         ...params,
         onProgress,
         ondo: this,
-        erc20: this.erc20
+        erc20: this.deps.erc20
       })
     );
   }
@@ -1250,7 +1251,7 @@ var ClientOndoNamespaceImpl = class extends OndoNamespaceImpl {
   }
 };
 
-// src/universal/core/providers/checkout/superstate/blockchain/swapped-event.ts
+// src/universal/core/providers/superstate/blockchain/swapped-event.ts
 import { parseEventLogs } from "viem";
 function decodeSwappedOutputAmount(receipt, outputDecimals) {
   try {
@@ -1268,7 +1269,7 @@ function decodeSwappedOutputAmount(receipt, outputDecimals) {
   }
 }
 
-// src/client/core/providers/checkout/superstate/swap-flows.ts
+// src/client/core/providers/superstate/checkout-flows.ts
 async function executeSwap(params) {
   const {
     swap,
@@ -1467,12 +1468,11 @@ async function authorizeWallet(params) {
   return { type: "success" };
 }
 
-// src/client/core/providers/checkout/superstate/client-swap-namespace.ts
+// src/client/core/providers/superstate/client-superstate-namespace.ts
 var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImpl {
-  constructor(ctx, erc20, wallets) {
+  constructor(ctx, deps) {
     super(ctx);
-    this.erc20 = erc20;
-    this.wallets = wallets;
+    this.deps = deps;
   }
   execute(params) {
     return withFlowLogging(
@@ -1480,7 +1480,12 @@ var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImp
       "execute",
       void 0,
       params.onProgress,
-      (onProgress) => executeSwap({ ...params, onProgress, swap: this, erc20: this.erc20 })
+      (onProgress) => executeSwap({
+        ...params,
+        onProgress,
+        swap: this,
+        erc20: this.deps.erc20
+      })
     );
   }
   authorizeWallet(params) {
@@ -1493,7 +1498,7 @@ var ClientSuperstateSwapNamespaceImpl = class extends SuperstateSwapNamespaceImp
         ...params,
         onProgress,
         swap: this,
-        wallets: this.wallets
+        wallets: this.deps.wallets
       })
     );
   }
@@ -1506,14 +1511,14 @@ function openInNewTab(url) {
 
 // src/client/core/requirements/client-requirements-namespace.ts
 var ClientRequirementsNamespaceImpl = class extends RequirementsNamespaceImpl {
-  constructor(ctx, coinlistBaseUrl) {
+  constructor(ctx, deps) {
     super(ctx);
-    this.coinlistBaseUrl = coinlistBaseUrl;
+    this.deps = deps;
   }
   handle(requirement) {
     const path = requirementPath(requirement);
     if (path === null) return;
-    const baseUrl = this.coinlistBaseUrl ?? COINLIST_BASE_URL;
+    const baseUrl = this.deps.coinlistBaseUrl ?? COINLIST_BASE_URL;
     openInNewTab(new URL(path, baseUrl).toString());
   }
 };
@@ -1543,10 +1548,10 @@ function requirementPath(requirement) {
   }
 }
 
-// src/client/core/support/client-support-namespace.ts
+// src/client/core/support/support-namespace.ts
 var ClientSupportNamespaceImpl = class {
-  constructor(logger = null) {
-    this.log = internalLogger(logger, "SUPPORT");
+  constructor(ctx) {
+    this.log = internalLogger(ctx.logger, "SUPPORT");
   }
   contact() {
     this.log.child({ op: "contact" }).info(() => ({
@@ -1684,9 +1689,10 @@ var CoinListClientImpl = class {
       ...systemDelay
     });
     this.accessToken = accessToken;
+    const urls = baseUrls(config);
     this.api = new ApiClient(
       {
-        baseUrl: config.baseUrl || PUBLIC_API_BASE_URL,
+        baseUrl: urls.api,
         xApiVersion: API_VERSION
       },
       (trigger) => accessToken.get(trigger),
@@ -1703,25 +1709,25 @@ var CoinListClientImpl = class {
       clearAccessToken: () => accessToken.clear()
     });
     this.offers = new OffersNamespaceImpl(ctx);
-    this.requirements = new ClientRequirementsNamespaceImpl(
-      ctx,
-      config.coinlistBaseUrl
-    );
-    this.wallets = new ClientWalletsNamespaceImpl(ctx);
-    this.erc20 = new Erc20NamespaceImpl(ctx);
-    this.tokenSale = new ClientCoinListTokenSaleNamespaceImpl(ctx, this.erc20);
-    this.superstate = new ClientSuperstateSwapNamespaceImpl(
-      ctx,
-      this.erc20,
-      this.wallets
-    );
-    this.ondo = new ClientOndoNamespaceImpl(ctx, this.erc20);
-    this.centrifuge = new ClientCentrifugeNamespaceImpl(ctx, this.erc20);
-    this.tokens = new TokensNamespaceImpl(
-      config.tokensBaseUrl ?? NABU_BASE_URL,
+    this.requirements = new ClientRequirementsNamespaceImpl(ctx, {
+      coinlistBaseUrl: config.coinlistBaseUrl
+    });
+    const wallets = new ClientWalletsNamespaceImpl(ctx);
+    const erc20 = new Erc20NamespaceImpl(ctx);
+    this.wallets = wallets;
+    this.erc20 = erc20;
+    this.tokenSale = new ClientCoinListTokenSaleNamespaceImpl(ctx, { erc20 });
+    this.superstate = new ClientSuperstateSwapNamespaceImpl(ctx, {
+      erc20,
+      wallets
+    });
+    this.ondo = new ClientOndoNamespaceImpl(ctx, { erc20 });
+    this.centrifuge = new ClientCentrifugeNamespaceImpl(ctx, { erc20 });
+    this.tokens = new TokensNamespaceImpl({
+      nabu: createNabuApiClient(urls.tokens, logger),
       logger
-    );
-    this.support = new ClientSupportNamespaceImpl(logger);
+    });
+    this.support = new ClientSupportNamespaceImpl({ logger });
   }
   async init() {
     return this.accessToken.load();
@@ -1793,7 +1799,7 @@ function CoinListProvider({
 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\\: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-6{width:calc(var(--clcosdk-spacing) * 6);height:calc(var(--clcosdk-spacing) * 6)}.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-56{width:calc(var(--clcosdk-spacing) * 56)}.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-\\[50\\%\\]{max-width:50%}.clcosdk\\:max-w-\\[56rem\\]{max-width:56rem}.clcosdk\\:max-w-\\[64rem\\]{max-width:64rem}.clcosdk\\:max-w-\\[400px\\]{max-width:400px}.clcosdk\\:max-w-\\[448px\\]{max-width:448px}.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\\:break-all{word-break:break-all}.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}}';
+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-6{width:calc(var(--clcosdk-spacing) * 6);height:calc(var(--clcosdk-spacing) * 6)}.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-3\\.5{height:calc(var(--clcosdk-spacing) * 3.5)}.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:calc(var(--clcosdk-spacing) * 3.5)}.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-56{width:calc(var(--clcosdk-spacing) * 56)}.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-\\[240px\\]{width:240px}.clcosdk\\:w-\\[260px\\]{width:260px}.clcosdk\\:w-\\[320px\\]{width:320px}.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-\\[50\\%\\]{max-width:50%}.clcosdk\\:max-w-\\[56rem\\]{max-width:56rem}.clcosdk\\:max-w-\\[64rem\\]{max-width:64rem}.clcosdk\\:max-w-\\[400px\\]{max-width:400px}.clcosdk\\:max-w-\\[448px\\]{max-width:448px}.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\\:break-all{word-break:break-all}.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";
@@ -5282,7 +5288,7 @@ function loadErrorReason(error) {
   }
 }
 
-// src/universal/core/providers/checkout/centrifuge/constants.ts
+// src/universal/core/providers/centrifuge/constants.ts
 var CENTRIFUGE_POLL_INTERVAL_MS = 15e3;
 
 // src/client/hooks/providers/base/centrifuge/useCentrifugeVaultStatuses.ts
@@ -6623,7 +6629,7 @@ function useCheckoutWalletSelectViewModel({
   return { state: uiState(), onEvent };
 }
 
-// src/universal/core/providers/checkout/centrifuge/symbol.ts
+// src/universal/core/providers/centrifuge/symbol.ts
 function centrifugeShareSymbol(offer) {
   return AssetSymbol(offer.asset.code);
 }
@@ -6805,7 +6811,7 @@ function CentrifugeBuyCheckoutContainer({
 // src/client/components/providers/checkout/coin-list/token-sale/placed/TokenSaleOrderPlaced.tsx
 import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var TITLE6 = "Order placed";
-var SUBTITLE2 = "Your commitment is recorded. Tokens are allocated, and your payment collected, when the sale settles.";
+var SUBTITLE2 = "Your order is recorded, and the sale will hold your payment until it settles. Then your tokens are allocated, and anything not allocated is refunded.";
 var COMMITTED_LABEL = "Amount committed";
 var ESTIMATED_TOKENS_LABEL = "Estimated tokens";
 var WALLET_LABEL2 = "Wallet";
@@ -6856,9 +6862,9 @@ var TITLE7 = "Review and confirm";
 var YOU_RECEIVE_LABEL = "You receive (estimated)";
 var PRICE_PER_TOKEN_LABEL = "Price per token";
 var RECEIVING_WALLET_LABEL2 = "Receiving wallet";
-var RECEIVING_WALLET_TOOLTIP = "This wallet approves the payment now and receives the tokens when the sale settles.";
+var RECEIVING_WALLET_TOOLTIP = "This wallet pays for the order and receives the tokens when the sale settles.";
 var SALE_AGREEMENT_LABEL = "the Sale Agreement";
-var DISCLAIMER_PREAMBLE2 = "Your payment is collected, and your tokens allocated, when the sale settles.";
+var DISCLAIMER_PREAMBLE2 = "The sale holds your payment until it settles, then allocates your tokens and refunds anything not allocated.";
 function TokenSaleReviewView(props) {
   return /* @__PURE__ */ jsx59(CoinListStyleScope, { children: /* @__PURE__ */ jsx59(TokenSaleReviewViewBody, { ...props }) });
 }
@@ -9080,7 +9086,7 @@ function toMarketUi(state) {
   }
 }
 
-// src/universal/core/providers/checkout/ondo/symbol.ts
+// src/universal/core/providers/ondo/symbol.ts
 function ondoSymbolOf(offer) {
   return AssetSymbol(offer.asset.code);
 }
@@ -11808,15 +11814,16 @@ function renderSide(side, branches) {
   }
 }
 
-// src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimView.tsx
-import { LoaderCircle as LoaderCircle2 } from "lucide-react";
-
 // src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimDialog.tsx
 import { Circle, LoaderCircle } from "lucide-react";
 
 // src/client/components/design-system/StepStatusIcon.tsx
-import { CircleCheck as CircleCheck2, CircleX, Info as Info3 } from "lucide-react";
+import { CircleCheck as CircleCheck2, CircleDashed, CircleX, Info as Info3 } from "lucide-react";
 import { jsx as jsx87 } from "react/jsx-runtime";
+var sizeClass = {
+  md: "clcosdk:h-6 clcosdk:w-6",
+  sm: "clcosdk:h-3.5 clcosdk:w-3.5"
+};
 var statusConfig = {
   required: {
     Icon: Info3,
@@ -11828,6 +11835,11 @@ var statusConfig = {
     colorClass: "clcosdk:text-warning",
     fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
   },
+  "in-progress": {
+    Icon: CircleDashed,
+    colorClass: "clcosdk:text-warning",
+    fillClass: "clcosdk:[&_circle]:fill-warning-subtle"
+  },
   completed: {
     Icon: CircleCheck2,
     colorClass: "clcosdk:text-success",
@@ -11839,13 +11851,18 @@ var statusConfig = {
     fillClass: "clcosdk:[&_circle]:fill-error-subtle"
   }
 };
-function StepStatusIcon({ status, className }) {
+function StepStatusIcon({
+  status,
+  size = "md",
+  className
+}) {
   const { Icon, colorClass, fillClass } = statusConfig[status];
   return /* @__PURE__ */ jsx87(
     Icon,
     {
       className: cn(
-        "clcosdk:h-6 clcosdk:w-6 clcosdk:shrink-0",
+        sizeClass[size],
+        "clcosdk:shrink-0",
         colorClass,
         fillClass,
         className
@@ -12025,8 +12042,50 @@ function SuccessLine() {
   ] });
 }
 
-// src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimRow.tsx
+// src/client/components/providers/claim/shared/ClaimRowLayout.tsx
 import { jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
+function ClaimRowLayout({
+  icon,
+  title,
+  aside,
+  meta,
+  trailing
+}) {
+  return /* @__PURE__ */ jsx89(CoinListStyleScope, { children: /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-3", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:items-center clcosdk:gap-3", children: [
+      icon,
+      /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-1 clcosdk:flex-col", children: [
+        /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx89(
+            "span",
+            {
+              className: cn(
+                typeClasses.body,
+                "clcosdk:max-w-full clcosdk:shrink-0 clcosdk:text-text-primary clcosdk:truncate"
+              ),
+              children: title
+            }
+          ),
+          aside !== void 0 && /* @__PURE__ */ jsx89("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:justify-end", children: aside })
+        ] }),
+        /* @__PURE__ */ jsx89(
+          "div",
+          {
+            className: cn(
+              typeClasses.subhead,
+              "clcosdk:min-w-0 clcosdk:text-text-secondary"
+            ),
+            children: meta
+          }
+        )
+      ] })
+    ] }),
+    trailing !== void 0 && /* @__PURE__ */ jsx89("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:shrink-0 clcosdk:max-w-[50%] clcosdk:justify-end", children: trailing })
+  ] }) });
+}
+
+// src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimRow.tsx
+import { jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
 var PENDING_LABEL = "Pending";
 var CLAIM_LABEL = "Claim";
 var BLOCKED_COPY = {
@@ -12036,20 +12095,20 @@ function CentrifugeVaultClaimRow({
   row,
   onClaim
 }) {
-  return /* @__PURE__ */ jsx89(CoinListStyleScope, { children: /* @__PURE__ */ jsx89(RowBody, { row, onClaim }) });
+  return /* @__PURE__ */ jsx90(CoinListStyleScope, { children: /* @__PURE__ */ jsx90(RowBody, { row, onClaim }) });
 }
 function RowBody({ row, onClaim }) {
-  const icon = /* @__PURE__ */ jsx89(AssetIcon, { asset: { name: row.amount, iconUrl: row.iconUrl }, size: 40 });
+  const icon = /* @__PURE__ */ jsx90(AssetIcon, { asset: { name: row.amount, iconUrl: row.iconUrl }, size: 40 });
   switch (row.kind) {
     case "pending":
-      return /* @__PURE__ */ jsx89(
-        Layout,
+      return /* @__PURE__ */ jsx90(
+        ClaimRowLayout,
         {
           icon,
           title: row.title,
-          meta: /* @__PURE__ */ jsx89(MetaRow, { children: PENDING_LABEL }),
-          trailing: /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:items-end", children: [
-            /* @__PURE__ */ jsx89(
+          meta: /* @__PURE__ */ jsx90(MetaRow, { children: PENDING_LABEL }),
+          trailing: /* @__PURE__ */ jsxs59("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col clcosdk:items-end", children: [
+            /* @__PURE__ */ jsx90(
               "span",
               {
                 className: cn(
@@ -12059,7 +12118,7 @@ function RowBody({ row, onClaim }) {
                 children: row.amount
               }
             ),
-            /* @__PURE__ */ jsx89(
+            /* @__PURE__ */ jsx90(
               "span",
               {
                 className: cn(
@@ -12073,14 +12132,14 @@ function RowBody({ row, onClaim }) {
         }
       );
     case "claimable":
-      return /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-        /* @__PURE__ */ jsx89(
-          Layout,
+      return /* @__PURE__ */ jsxs59("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+        /* @__PURE__ */ jsx90(
+          ClaimRowLayout,
           {
             icon,
             title: row.amount,
-            meta: /* @__PURE__ */ jsx89(MetaRow, { children: row.wallet }),
-            trailing: /* @__PURE__ */ jsx89(
+            meta: /* @__PURE__ */ jsx90(MetaRow, { children: row.wallet }),
+            trailing: /* @__PURE__ */ jsx90(
               ClButton,
               {
                 variant: "primary",
@@ -12094,7 +12153,7 @@ function RowBody({ row, onClaim }) {
             )
           }
         ),
-        row.action.type === "blocked" && /* @__PURE__ */ jsx89(
+        row.action.type === "blocked" && /* @__PURE__ */ jsx90(
           "p",
           {
             className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
@@ -12108,49 +12167,73 @@ function RowBody({ row, onClaim }) {
     }
   }
 }
-function Layout({
-  icon,
-  title,
-  meta,
-  trailing
+
+// src/client/components/providers/claim/shared/ClaimCard.tsx
+import { Fragment as Fragment13, jsx as jsx91, jsxs as jsxs60 } from "react/jsx-runtime";
+var TITLE20 = "Your orders";
+function ClaimCard({
+  body,
+  footer,
+  className,
+  children
 }) {
-  return /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:justify-between clcosdk:gap-4", children: [
-    /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-3", children: [
-      icon,
-      /* @__PURE__ */ jsxs58("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:flex-col", children: [
-        /* @__PURE__ */ jsx89(
-          "span",
+  return /* @__PURE__ */ jsx91(CoinListStyleScope, { children: /* @__PURE__ */ jsxs60(Card, { gap: "md", className, children: [
+    /* @__PURE__ */ jsx91("h3", { className: cn(typeClasses.h4, "clcosdk:text-text-primary"), children: TITLE20 }),
+    /* @__PURE__ */ jsx91(Divider, {}),
+    body,
+    footer !== void 0 && /* @__PURE__ */ jsxs60(Fragment13, { children: [
+      /* @__PURE__ */ jsx91(Divider, {}),
+      footer
+    ] }),
+    children
+  ] }) });
+}
+
+// src/client/components/providers/claim/shared/ClaimLoadError.tsx
+import { jsx as jsx92, jsxs as jsxs61 } from "react/jsx-runtime";
+var LOAD_FAILED = "We could not load your orders.";
+var RETRY_LABEL4 = "Try again";
+function ClaimLoadError({ onRetry }) {
+  return /* @__PURE__ */ jsx92(CoinListStyleScope, { children: /* @__PURE__ */ jsxs61("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-start clcosdk:gap-3", children: [
+    /* @__PURE__ */ jsx92(
+      AlertBanner,
+      {
+        variant: "error",
+        content: LOAD_FAILED,
+        className: "clcosdk:w-full"
+      }
+    ),
+    /* @__PURE__ */ jsx92(ClButton, { variant: "secondary", size: "sm", onClick: onRetry, children: RETRY_LABEL4 })
+  ] }) });
+}
+
+// src/client/components/providers/claim/shared/ClaimLoading.tsx
+import { LoaderCircle as LoaderCircle2 } from "lucide-react";
+import { jsx as jsx93, jsxs as jsxs62 } from "react/jsx-runtime";
+var LOADING_LABEL2 = "Loading orders";
+function ClaimLoading() {
+  return /* @__PURE__ */ jsx93(CoinListStyleScope, { children: /* @__PURE__ */ jsxs62(
+    "div",
+    {
+      className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2",
+      role: "status",
+      children: [
+        /* @__PURE__ */ jsx93(
+          LoaderCircle2,
           {
-            className: cn(
-              typeClasses.body,
-              "clcosdk:text-text-primary clcosdk:truncate"
-            ),
-            children: title
+            className: "clcosdk:size-5 clcosdk:shrink-0 clcosdk:animate-spin clcosdk:text-text-secondary",
+            "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx89(
-          "div",
-          {
-            className: cn(
-              typeClasses.subhead,
-              "clcosdk:min-w-0 clcosdk:text-text-secondary"
-            ),
-            children: meta
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx89("div", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:shrink-0 clcosdk:max-w-[50%] clcosdk:justify-end", children: trailing })
-  ] });
+        /* @__PURE__ */ jsx93("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: LOADING_LABEL2 })
+      ]
+    }
+  ) });
 }
 
 // src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimView.tsx
-import { Fragment as Fragment13, jsx as jsx90, jsxs as jsxs59 } from "react/jsx-runtime";
-var TITLE20 = "Your orders";
-var LOADING_LABEL2 = "Loading orders";
+import { jsx as jsx94, jsxs as jsxs63 } from "react/jsx-runtime";
 var NO_ORDERS = "No orders for this asset in your connected wallets.";
-var LOAD_FAILED = "We could not load your orders.";
-var RETRY_LABEL4 = "Try again";
 var CONNECT_PROMPT = "Connect the external wallet you used to invest to check your orders.";
 var CONNECT_LABEL = "Connect wallet";
 var CHANGE_LABEL = "Change wallet";
@@ -12161,127 +12244,67 @@ function CentrifugeVaultClaimView({
   onEvent,
   className
 }) {
-  switch (state.type) {
-    case "HIDDEN":
-      return null;
-    case "LOADING":
-      return /* @__PURE__ */ jsx90(
-        Shell,
+  if (state.type === "HIDDEN") return null;
+  return /* @__PURE__ */ jsx94(CoinListStyleScope, { children: /* @__PURE__ */ jsx94(
+    ClaimCard,
+    {
+      className,
+      body: bodyOf(state, onEvent),
+      footer: footerOf(state.externalWallet, onEvent),
+      children: state.type === "CONTENT" && /* @__PURE__ */ jsx94(
+        CentrifugeVaultClaimDialog,
         {
-          className,
-          externalWallet: state.externalWallet,
-          onEvent,
-          body: /* @__PURE__ */ jsx90(LoadingSpinner, {})
+          dialog: state.dialog,
+          onRetry: () => onEvent({ type: "ON_RETRY_CLAIM" }),
+          onClose: () => onEvent({ type: "ON_CLOSE_CLAIM_DIALOG" })
         }
-      );
+      )
+    }
+  ) });
+}
+function bodyOf(state, onEvent) {
+  switch (state.type) {
+    case "LOADING":
+      return /* @__PURE__ */ jsx94(ClaimLoading, {});
     case "ERROR":
-      return /* @__PURE__ */ jsx90(
-        Shell,
-        {
-          className,
-          externalWallet: state.externalWallet,
-          onEvent,
-          body: /* @__PURE__ */ jsxs59("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-start clcosdk:gap-3", children: [
-            /* @__PURE__ */ jsx90(
-              AlertBanner,
-              {
-                variant: "error",
-                content: LOAD_FAILED,
-                className: "clcosdk:w-full"
-              }
-            ),
-            /* @__PURE__ */ jsx90(
-              ClButton,
-              {
-                variant: "secondary",
-                size: "sm",
-                onClick: () => onEvent({ type: "ON_RETRY_LOAD" }),
-                children: RETRY_LABEL4
-              }
-            )
-          ] })
-        }
-      );
+      return /* @__PURE__ */ jsx94(ClaimLoadError, { onRetry: () => onEvent({ type: "ON_RETRY_LOAD" }) });
     case "CONTENT":
-      return /* @__PURE__ */ jsx90(
-        Shell,
+      return state.rows.length === 0 ? /* @__PURE__ */ jsx94("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: NO_ORDERS }) : /* @__PURE__ */ jsx94("ul", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: state.rows.map((row) => /* @__PURE__ */ jsx94("li", { children: /* @__PURE__ */ jsx94(
+        CentrifugeVaultClaimRow,
         {
-          className,
-          externalWallet: state.externalWallet,
-          onEvent,
-          body: state.rows.length === 0 ? /* @__PURE__ */ jsx90(
-            "p",
-            {
-              className: cn(
-                typeClasses.bodySm,
-                "clcosdk:text-text-secondary"
-              ),
-              children: NO_ORDERS
-            }
-          ) : /* @__PURE__ */ jsx90("ul", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: state.rows.map((row) => /* @__PURE__ */ jsx90("li", { children: /* @__PURE__ */ jsx90(
-            CentrifugeVaultClaimRow,
-            {
-              row,
-              onClaim: () => {
-                if (row.kind === "claimable") {
-                  onEvent({ type: "ON_CLAIM", legId: row.legId });
-                }
-              }
-            }
-          ) }, row.key)) }),
-          children: /* @__PURE__ */ jsx90(
-            CentrifugeVaultClaimDialog,
-            {
-              dialog: state.dialog,
-              onRetry: () => onEvent({ type: "ON_RETRY_CLAIM" }),
-              onClose: () => onEvent({ type: "ON_CLOSE_CLAIM_DIALOG" })
+          row,
+          onClaim: () => {
+            if (row.kind === "claimable") {
+              onEvent({ type: "ON_CLAIM", legId: row.legId });
             }
-          )
+          }
         }
-      );
+      ) }, row.key)) });
     default: {
       const exhaustive = state;
       return exhaustive;
     }
   }
 }
-function Shell({
-  body,
-  externalWallet,
-  onEvent,
-  className,
-  children
-}) {
-  const footer = externalWallet.type === "hidden" ? null : /* @__PURE__ */ jsx90(ExternalWalletFooter, { externalWallet, onEvent });
-  return /* @__PURE__ */ jsx90(CoinListStyleScope, { children: /* @__PURE__ */ jsxs59(Card, { gap: "md", className, children: [
-    /* @__PURE__ */ jsx90("h3", { className: cn(typeClasses.h4, "clcosdk:text-text-primary"), children: TITLE20 }),
-    body !== null && /* @__PURE__ */ jsxs59(Fragment13, { children: [
-      /* @__PURE__ */ jsx90(Divider, {}),
-      body
-    ] }),
-    footer !== null && /* @__PURE__ */ jsxs59(Fragment13, { children: [
-      /* @__PURE__ */ jsx90(Divider, {}),
-      footer
-    ] }),
-    children
-  ] }) });
+function footerOf(externalWallet, onEvent) {
+  return externalWallet.type === "hidden" ? void 0 : /* @__PURE__ */ jsx94(ExternalWalletFooter, { externalWallet, onEvent });
 }
 function ExternalWalletFooter({
   externalWallet,
   onEvent
 }) {
   const pending = externalWallet.request === "pending";
-  return /* @__PURE__ */ jsxs59("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-start clcosdk:gap-3", children: [
-    externalWallet.type === "disconnected" && /* @__PURE__ */ jsx90("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: CONNECT_PROMPT }),
-    externalWallet.type === "connected" && /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:items-start clcosdk:gap-3", children: [
+    externalWallet.type === "disconnected" && /* @__PURE__ */ jsx94("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: CONNECT_PROMPT }),
+    externalWallet.type === "connected" && /* @__PURE__ */ jsx94(
       AlertBanner,
       {
         variant: "info",
-        content: /* @__PURE__ */ jsx90("span", { className: "clcosdk:break-all", children: connectedAs(externalWallet.wallet) }),
+        content: /* @__PURE__ */ jsx94("span", { className: "clcosdk:break-all", children: connectedAs(externalWallet.wallet) }),
         className: "clcosdk:w-full"
       }
     ),
-    externalWallet.type === "connected" ? /* @__PURE__ */ jsx90(
+    externalWallet.type === "connected" ? /* @__PURE__ */ jsx94(
       ClButton,
       {
         variant: "secondary",
@@ -12290,7 +12313,7 @@ function ExternalWalletFooter({
         onClick: () => onEvent({ type: "ON_CHANGE_WALLET" }),
         children: CHANGE_LABEL
       }
-    ) : /* @__PURE__ */ jsx90(
+    ) : /* @__PURE__ */ jsx94(
       ClButton,
       {
         variant: "outline",
@@ -12300,28 +12323,9 @@ function ExternalWalletFooter({
         children: CONNECT_LABEL
       }
     ),
-    externalWallet.request === "failed" && /* @__PURE__ */ jsx90("p", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: CONNECT_FAILED2 })
+    externalWallet.request === "failed" && /* @__PURE__ */ jsx94("p", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: CONNECT_FAILED2 })
   ] });
 }
-function LoadingSpinner() {
-  return /* @__PURE__ */ jsxs59(
-    "div",
-    {
-      className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2",
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsx90(
-          LoaderCircle2,
-          {
-            className: "clcosdk:size-5 clcosdk:shrink-0 clcosdk:animate-spin clcosdk:text-text-secondary",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx90("span", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: LOADING_LABEL2 })
-      ]
-    }
-  );
-}
 
 // src/client/hooks/providers/claim/centrifuge/vault/useCentrifugeVaultClaimViewModel.ts
 import { useEffect as useEffect19, useMemo as useMemo11, useState as useState30 } from "react";
@@ -12980,7 +12984,7 @@ function useCentrifugeVaults(offer, registry) {
 }
 
 // src/client/components/providers/claim/centrifuge/vault/CentrifugeVaultClaimContainer.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 function CentrifugeVaultClaimContainer({
   offer,
   wallets,
@@ -12996,7 +13000,7 @@ function CentrifugeVaultClaimContainer({
     onClaimed,
     enabled
   });
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx95(
     CentrifugeVaultClaimView,
     {
       state,
@@ -13006,8 +13010,373 @@ function CentrifugeVaultClaimContainer({
   );
 }
 
+// src/client/components/providers/claim/coin-list/token-sale/ParticipationRow.tsx
+import { jsx as jsx96, jsxs as jsxs64 } from "react/jsx-runtime";
+var STATUS = {
+  processing: { label: "Processing", icon: "in-progress" },
+  committed: { label: "Committed", icon: "completed" },
+  failed: { label: "Failed", icon: "rejected" },
+  refunding: { label: "Refund in progress", icon: "in-progress" },
+  refunded: { label: "Refund sent", icon: "completed" },
+  "refund-failed": { label: "Refund failed", icon: "rejected" }
+};
+function ParticipationRow({ row }) {
+  const status = STATUS[row.status];
+  return /* @__PURE__ */ jsx96(CoinListStyleScope, { children: /* @__PURE__ */ jsx96(
+    ClaimRowLayout,
+    {
+      icon: /* @__PURE__ */ jsx96(AssetIcon, { asset: row.asset, size: 32 }),
+      title: /* @__PURE__ */ jsx96("span", { className: "clcosdk:font-medium", children: row.amount }),
+      aside: /* @__PURE__ */ jsxs64("span", { className: "clcosdk:flex clcosdk:min-w-0 clcosdk:items-center clcosdk:gap-1", children: [
+        /* @__PURE__ */ jsx96(StepStatusIcon, { status: status.icon, size: "sm" }),
+        /* @__PURE__ */ jsx96(
+          "span",
+          {
+            className: cn(
+              typeClasses.caption,
+              "clcosdk:text-text-secondary clcosdk:truncate"
+            ),
+            children: status.label
+          }
+        )
+      ] }),
+      meta: /* @__PURE__ */ jsx96("div", { className: typeClasses.caption, children: /* @__PURE__ */ jsxs64(MetaRow, { children: [
+        row.placedAt !== null && /* @__PURE__ */ jsx96("span", { className: "clcosdk:shrink-0 clcosdk:whitespace-nowrap", children: row.placedAt }),
+        row.wallet !== null && /* @__PURE__ */ jsx96("span", { className: "clcosdk:min-w-0 clcosdk:truncate", children: row.wallet })
+      ] }) })
+    }
+  ) });
+}
+
+// src/client/components/providers/claim/coin-list/token-sale/CoinListTokenSaleClaimView.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+var NO_ORDERS2 = "Your orders in this sale will appear here.";
+function CoinListTokenSaleClaimView({
+  state,
+  onEvent,
+  className
+}) {
+  if (state.type === "HIDDEN") return null;
+  return /* @__PURE__ */ jsx97(CoinListStyleScope, { children: /* @__PURE__ */ jsx97(ClaimCard, { className, body: bodyOf2(state, onEvent) }) });
+}
+function bodyOf2(state, onEvent) {
+  switch (state.type) {
+    case "LOADING":
+      return /* @__PURE__ */ jsx97(ClaimLoading, {});
+    case "ERROR":
+      return /* @__PURE__ */ jsx97(ClaimLoadError, { onRetry: () => onEvent({ type: "ON_RETRY_LOAD" }) });
+    case "CONTENT":
+      return state.rows.length === 0 ? /* @__PURE__ */ jsx97("p", { className: cn(typeClasses.bodySm, "clcosdk:text-text-secondary"), children: NO_ORDERS2 }) : /* @__PURE__ */ jsx97("ul", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4", children: state.rows.map((row) => /* @__PURE__ */ jsx97("li", { children: /* @__PURE__ */ jsx97(ParticipationRow, { row }) }, row.key)) });
+    default: {
+      const exhaustive = state;
+      return exhaustive;
+    }
+  }
+}
+
+// src/client/hooks/providers/base/coin-list/useCoinListTokenSaleParticipations.ts
+import { useCallback as useCallback10, useRef as useRef12, useState as useState31 } from "react";
+var DEFAULT_POLL_INTERVAL = Seconds.of(15);
+var LOADING9 = { type: "LOADING" };
+var DISABLED10 = {
+  type: "DISABLED"
+};
+function useCoinListTokenSaleParticipations(offerId, options = {}) {
+  const { coinlist, isReady } = useCoinList();
+  const log = useLogger("useCoinListTokenSaleParticipations");
+  const visible = usePageVisible();
+  const {
+    data,
+    enabled = true,
+    pollInterval = DEFAULT_POLL_INTERVAL
+  } = options;
+  const offerKey = offerId ?? "";
+  const [read, setRead] = useState31(() => ({
+    offerKey,
+    state: data === void 0 ? LOADING9 : { type: "CONTENT", participations: data }
+  }));
+  const heldRef = useRef12(data === void 0 ? null : offerKey);
+  const skipNextRef = useRef12(data !== void 0);
+  const [refetchCount, setRefetchCount] = useState31(0);
+  const refetch = useCallback10(() => {
+    skipNextRef.current = false;
+    setRefetchCount((count) => count + 1);
+  }, []);
+  usePoll({
+    key: `${offerKey}:${refetchCount}`,
+    enabled: isReady && enabled && visible,
+    intervalMs: Seconds.toMillis(pollInterval),
+    tick: async (isCurrent) => {
+      if (skipNextRef.current) {
+        skipNextRef.current = false;
+        return;
+      }
+      try {
+        const participations = await coinlist.tokenSale.list(offerId);
+        if (!isCurrent()) return;
+        log.debug(() => ({
+          msg: "settled",
+          fields: { state: "CONTENT", count: participations.length }
+        }));
+        heldRef.current = offerKey;
+        setRead({ offerKey, state: { type: "CONTENT", participations } });
+      } catch (error) {
+        if (!isCurrent()) return;
+        const reason = loadErrorReason(error);
+        const policy = reason === "not-authenticated" ? "drop" : "keep";
+        if (heldRef.current === offerKey && policy === "keep") {
+          log.warning(
+            () => ({
+              msg: "poll failed; keeping the last list",
+              fields: { reason }
+            }),
+            error
+          );
+        } else {
+          heldRef.current = null;
+          log.failure(
+            () => ({ msg: "settled", fields: { state: "ERROR", reason } }),
+            error
+          );
+        }
+        setRead((previous) => ({
+          offerKey,
+          state: settleStale(
+            previous.offerKey === offerKey ? previous.state : LOADING9,
+            { type: "ERROR", reason },
+            policy
+          )
+        }));
+      }
+    }
+  });
+  const state = read.offerKey === offerKey ? read.state : LOADING9;
+  return {
+    participationsState: !enabled && state.type === "LOADING" ? DISABLED10 : state,
+    refetch
+  };
+}
+
+// src/client/ui/format/date.ts
+function formatShortDateTime(date, {
+  now,
+  locale,
+  timeZone
+}) {
+  const sameYear = yearOf(date, locale, timeZone) === yearOf(new Date(now), locale, timeZone);
+  return new Intl.DateTimeFormat(locale, {
+    year: sameYear ? void 0 : "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    timeZone
+  }).format(date);
+}
+function yearOf(date, locale, timeZone) {
+  return new Intl.DateTimeFormat(locale, { year: "numeric", timeZone }).formatToParts(date).filter((part) => part.type === "year").map((part) => part.value).join("");
+}
+
+// src/client/hooks/providers/claim/coin-list/token-sale/useCoinListTokenSaleClaimViewModel.types.ts
+var ParticipationStatusUi = {
+  /**
+   * Folds the backend's eight steps into the six a user can act on. The
+   * three before the payment is held - approval unverified, queued for a
+   * commit batch, commit broadcast - are one wait to the user.
+   */
+  fromDomain: (status) => {
+    switch (status) {
+      case "prepared":
+      case "pending":
+      case "submitted":
+        return "processing";
+      case "completed":
+        return "committed";
+      case "failed":
+        return "failed";
+      case "remit_submitted":
+        return "refunding";
+      case "remitted":
+        return "refunded";
+      case "remit_failed":
+        return "refund-failed";
+      default: {
+        const exhaustive = status;
+        return exhaustive;
+      }
+    }
+  }
+};
+var ParticipationRowUi = {
+  fromDomain: (participation, {
+    walletLabel,
+    locale,
+    clock
+  }) => {
+    const symbol = TOKEN_REGISTRY.stablecoin(participation.asset.code);
+    const address = participation.walletAddress;
+    return {
+      key: participation.id,
+      asset: {
+        name: participation.asset.name,
+        iconUrl: symbol === null ? null : stablecoinIconUrl(symbol)
+      },
+      amount: participationAmount(participation, locale),
+      status: ParticipationStatusUi.fromDomain(participation.status),
+      wallet: address === null ? null : walletLabel?.(address) ?? shortenAddress(address),
+      placedAt: placedAtOf(participation.insertedAt, locale, clock)
+    };
+  }
+};
+function participationAmount(participation, locale) {
+  const { amount, displayAmount, asset } = participation;
+  const code = AssetSymbol(asset.code);
+  const parsed = baseUnits(amount, asset.fractionalDigits);
+  return parsed === null ? FormattedAmountAssetUi(`${displayAmount} ${code}`) : assetAmount(formatAmount(parsed, locale), code);
+}
+function baseUnits(raw, decimals) {
+  if (!/^\d+$/.test(raw)) return null;
+  try {
+    return BlockchainAmount({
+      raw: parseUint256(BigInt(raw), "participation amount"),
+      decimals: AssetDecimals(decimals)
+    });
+  } catch {
+    return null;
+  }
+}
+function placedAtOf(date, locale, clock) {
+  return date === null || Number.isNaN(date.getTime()) ? null : formatShortDateTime(date, { locale, ...clock });
+}
+
+// src/client/hooks/providers/claim/coin-list/token-sale/coin-list-token-sale-claim-ui-mapper.ts
+var CoinListTokenSaleClaimUiMapper = {
+  /**
+   * The card for a participations read.
+   *
+   * A signed-out user and a switched-off card both render nothing; the host
+   * owns asking the user to sign in. Every other failure is offered a retry.
+   */
+  toUiState: ({
+    participations,
+    walletLabel,
+    locale,
+    clock
+  }) => {
+    switch (participations.type) {
+      case "DISABLED":
+        return { type: "HIDDEN" };
+      case "LOADING":
+        return { type: "LOADING" };
+      case "ERROR":
+        return participations.reason === "not-authenticated" ? { type: "HIDDEN" } : { type: "ERROR" };
+      case "CONTENT":
+        return {
+          type: "CONTENT",
+          rows: newestFirst(participations.participations).map(
+            (participation) => ParticipationRowUi.fromDomain(participation, {
+              walletLabel,
+              locale,
+              clock
+            })
+          )
+        };
+      default: {
+        const exhaustive = participations;
+        return exhaustive;
+      }
+    }
+  }
+};
+function newestFirst(participations) {
+  return [...participations].sort(
+    (a, b) => placedAt(b) - placedAt(a) || (a.id < b.id ? -1 : a.id > b.id ? 1 : 0)
+  );
+}
+function placedAt(participation) {
+  const time = participation.insertedAt?.getTime() ?? Number.NaN;
+  return Number.isNaN(time) ? Number.NEGATIVE_INFINITY : time;
+}
+
+// src/client/ui/hooks/useHydrated.ts
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
+function useHydrated() {
+  return useSyncExternalStore2(
+    subscribe2,
+    () => true,
+    () => false
+  );
+}
+function subscribe2() {
+  return () => {
+  };
+}
+
+// src/client/hooks/providers/claim/coin-list/token-sale/useCoinListTokenSaleClaimViewModel.ts
+function useCoinListTokenSaleClaimViewModel({
+  offer,
+  walletLabel,
+  data,
+  pollInterval,
+  enabled = true
+}) {
+  const locale = useLocale();
+  const hydrated = useHydrated();
+  const { participationsState, refetch } = useCoinListTokenSaleParticipations(
+    offer.id,
+    { data, pollInterval, enabled }
+  );
+  const state = CoinListTokenSaleClaimUiMapper.toUiState({
+    participations: participationsState,
+    walletLabel,
+    locale,
+    // The user's own clock, except on a server and through hydration, where
+    // the machine's zone would make the markup differ between the two. The
+    // poll re-renders often enough for "this year" to stay current.
+    clock: {
+      now: EpochMillis.now(),
+      timeZone: hydrated ? void 0 : "UTC"
+    }
+  });
+  const onEvent = (event) => {
+    switch (event.type) {
+      case "ON_RETRY_LOAD":
+        refetch();
+        return;
+      default: {
+        const exhaustive = event.type;
+        return exhaustive;
+      }
+    }
+  };
+  return { state, onEvent };
+}
+
+// src/client/components/providers/claim/coin-list/token-sale/CoinListTokenSaleClaimContainer.tsx
+import { jsx as jsx98 } from "react/jsx-runtime";
+function CoinListTokenSaleClaimContainer({
+  offer,
+  walletLabel,
+  enabled,
+  className
+}) {
+  const { state, onEvent } = useCoinListTokenSaleClaimViewModel({
+    offer,
+    walletLabel,
+    enabled
+  });
+  return /* @__PURE__ */ jsx98(
+    CoinListTokenSaleClaimView,
+    {
+      state,
+      onEvent,
+      className
+    }
+  );
+}
+
 // src/client/components/providers/claim/ClaimContainer.tsx
-import { jsx as jsx92 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 function ClaimContainer({
   offer,
   wallets,
@@ -13017,7 +13386,7 @@ function ClaimContainer({
   className
 }) {
   return renderOffer2(offer, {
-    centrifugeVault: (vaultOffer) => /* @__PURE__ */ jsx92(
+    centrifugeVault: (vaultOffer) => /* @__PURE__ */ jsx99(
       CentrifugeVaultClaimContainer,
       {
         offer: vaultOffer,
@@ -13027,6 +13396,15 @@ function ClaimContainer({
         enabled,
         className
       }
+    ),
+    coinListTokenSale: (saleOffer) => /* @__PURE__ */ jsx99(
+      CoinListTokenSaleClaimContainer,
+      {
+        offer: saleOffer,
+        walletLabel,
+        enabled,
+        className
+      }
     )
   });
 }
@@ -13034,8 +13412,10 @@ function renderOffer2(offer, branches) {
   switch (offer.type) {
     case "centrifuge::vault":
       return branches.centrifugeVault(offer);
+    case "coinlist::token_sale":
+      return branches.coinListTokenSale(offer);
     default: {
-      const exhaustive = offer.type;
+      const exhaustive = offer;
       return exhaustive;
     }
   }
@@ -13043,9 +13423,9 @@ function renderOffer2(offer, branches) {
 
 // src/client/components/requirements/identity-verification/IdentityVerificationView.tsx
 import SumsubWebSdk from "@sumsub/websdk-react";
-import { jsx as jsx93, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs65 } from "react/jsx-runtime";
 function IdentityVerificationView(props) {
-  return /* @__PURE__ */ jsx93(CoinListStyleScope, { children: /* @__PURE__ */ jsx93(IdentityVerificationViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx100(CoinListStyleScope, { children: /* @__PURE__ */ jsx100(IdentityVerificationViewBody, { ...props }) });
 }
 function IdentityVerificationViewBody({
   state,
@@ -13054,7 +13434,7 @@ function IdentityVerificationViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return /* @__PURE__ */ jsx93(
+      return /* @__PURE__ */ jsx100(
         "output",
         {
           "aria-live": "polite",
@@ -13062,11 +13442,11 @@ function IdentityVerificationViewBody({
             "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
             className
           ),
-          children: /* @__PURE__ */ jsx93("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
+          children: /* @__PURE__ */ jsx100("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
         }
       );
     case "error":
-      return /* @__PURE__ */ jsxs60(
+      return /* @__PURE__ */ jsxs65(
         "div",
         {
           className: cn(
@@ -13074,13 +13454,13 @@ function IdentityVerificationViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx93(AlertBanner, { variant: "error", icon: true, content: state.message }),
-            state.retryable && /* @__PURE__ */ jsx93(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
+            /* @__PURE__ */ jsx100(AlertBanner, { variant: "error", icon: true, content: state.message }),
+            state.retryable && /* @__PURE__ */ jsx100(ClButton, { size: "sm", onClick: () => onEvent({ type: "ON_RETRY" }), children: "Try again" })
           ]
         }
       );
     case "ready":
-      return /* @__PURE__ */ jsx93("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx93(
+      return /* @__PURE__ */ jsx100("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ jsx100(
         SumsubWebSdk,
         {
           accessToken: state.accessToken,
@@ -13120,24 +13500,24 @@ function toError(error) {
 }
 
 // src/client/hooks/requirements/identity-verification/useIdentityVerificationViewModel.ts
-import { useCallback as useCallback11, useEffect as useEffect21, useMemo as useMemo12, useRef as useRef13 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect21, useMemo as useMemo12, useRef as useRef14 } from "react";
 
 // src/client/hooks/requirements/data/useKycToken.ts
-import { useCallback as useCallback10, useEffect as useEffect20, useRef as useRef12, useState as useState31 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useRef as useRef13, useState as useState32 } from "react";
 var IDLE_STATE = { type: "IDLE" };
 var LOADING_STATE2 = { type: "LOADING" };
 function useKycToken(levelName, reset) {
   const { coinlist } = useCoinList();
   const log = useLogger("useKycToken");
-  const [kycTokenState, setKycTokenState] = useState31(IDLE_STATE);
-  const resetPendingRef = useRef12(reset === true);
-  const tokenIssuedRef = useRef12(false);
+  const [kycTokenState, setKycTokenState] = useState32(IDLE_STATE);
+  const resetPendingRef = useRef13(reset === true);
+  const tokenIssuedRef = useRef13(false);
   useEffect20(() => {
     if (!tokenIssuedRef.current) {
       resetPendingRef.current = reset === true;
     }
   }, [reset]);
-  const fetchToken = useCallback10(async () => {
+  const fetchToken = useCallback11(async () => {
     setKycTokenState(LOADING_STATE2);
     try {
       const kycToken = await coinlist.requirements.createKycToken({
@@ -13171,7 +13551,7 @@ var GENERIC_ERROR_MESSAGE2 = "Unable to start identity verification right now. P
 function useIdentityVerificationViewModel(options = {}) {
   const { levelName, reset, locale, onSubmitted, onError } = options;
   const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
-  const fetchedRef = useRef13(false);
+  const fetchedRef = useRef14(false);
   useEffect21(() => {
     if (fetchedRef.current) {
       return;
@@ -13206,7 +13586,7 @@ function useIdentityVerificationViewModel(options = {}) {
       }
     }
   }, [kycTokenState, locale, fetchToken]);
-  const onEvent = useCallback11(
+  const onEvent = useCallback12(
     (event) => {
       switch (event.type) {
         case "ON_RETRY":
@@ -13231,7 +13611,7 @@ function useIdentityVerificationViewModel(options = {}) {
 }
 
 // src/client/components/requirements/identity-verification/IdentityVerificationContainer.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 function IdentityVerificationContainer({
   levelName,
   reset,
@@ -13247,7 +13627,7 @@ function IdentityVerificationContainer({
     onSubmitted,
     onError
   });
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx101(
     IdentityVerificationView,
     {
       state,
@@ -13261,13 +13641,13 @@ function IdentityVerificationContainer({
 import { ChevronRight } from "lucide-react";
 
 // src/client/components/requirements/ConnectedWalletList.tsx
-import { useState as useState32 } from "react";
-import { jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
+import { useState as useState33 } from "react";
+import { jsx as jsx102, jsxs as jsxs66 } from "react/jsx-runtime";
 function ConnectedWalletRow({
   wallet,
   onRemove
 }) {
-  const [state, setState] = useState32("idle");
+  const [state, setState] = useState33("idle");
   const remove = async () => {
     if (!onRemove) return;
     setState("removing");
@@ -13278,8 +13658,8 @@ function ConnectedWalletRow({
       setState("error");
     }
   };
-  return /* @__PURE__ */ jsxs61("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
+    /* @__PURE__ */ jsx102(
       "span",
       {
         title: wallet.address,
@@ -13290,16 +13670,16 @@ function ConnectedWalletRow({
         children: wallet.shortAddress
       }
     ),
-    onRemove != null && (state === "confirming" ? /* @__PURE__ */ jsxs61("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx95(
+    onRemove != null && (state === "confirming" ? /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx102(
         "span",
         {
           className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
           children: "Remove?"
         }
       ),
-      /* @__PURE__ */ jsx95(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
-      /* @__PURE__ */ jsx95(
+      /* @__PURE__ */ jsx102(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
+      /* @__PURE__ */ jsx102(
         ClButton,
         {
           size: "sm",
@@ -13308,9 +13688,9 @@ function ConnectedWalletRow({
           children: "Cancel"
         }
       )
-    ] }) : state === "error" ? /* @__PURE__ */ jsxs61("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx95("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
-      /* @__PURE__ */ jsx95(
+    ] }) : state === "error" ? /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx102("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
+      /* @__PURE__ */ jsx102(
         ClButton,
         {
           size: "sm",
@@ -13319,7 +13699,7 @@ function ConnectedWalletRow({
           children: "Try again"
         }
       )
-    ] }) : /* @__PURE__ */ jsx95(
+    ] }) : /* @__PURE__ */ jsx102(
       ClButton,
       {
         size: "sm",
@@ -13332,7 +13712,7 @@ function ConnectedWalletRow({
   ] });
 }
 function ConnectedWalletList(props) {
-  return /* @__PURE__ */ jsx95(CoinListStyleScope, { children: /* @__PURE__ */ jsx95(ConnectedWalletListBody, { ...props }) });
+  return /* @__PURE__ */ jsx102(CoinListStyleScope, { children: /* @__PURE__ */ jsx102(ConnectedWalletListBody, { ...props }) });
 }
 function ConnectedWalletListBody({
   wallets,
@@ -13342,18 +13722,18 @@ function ConnectedWalletListBody({
   status = "ready",
   className
 }) {
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs66(
     "div",
     {
       className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
       children: [
-        status === "loading" ? /* @__PURE__ */ jsx95(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ jsx95(
+        status === "loading" ? /* @__PURE__ */ jsx102(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ jsx102(
           AlertBanner,
           {
             variant: "error",
             content: "Couldn't load your connected wallets."
           }
-        ) : wallets.length === 0 ? /* @__PURE__ */ jsx95(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ jsx95("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ jsx95(
+        ) : wallets.length === 0 ? /* @__PURE__ */ jsx102(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ jsx102("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ jsx102(
           ConnectedWalletRow,
           {
             wallet,
@@ -13361,7 +13741,7 @@ function ConnectedWalletListBody({
           },
           wallet.id
         )) }),
-        onAdd != null && status !== "loading" && /* @__PURE__ */ jsx95(
+        onAdd != null && status !== "loading" && /* @__PURE__ */ jsx102(
           ClButton,
           {
             size: "sm",
@@ -13377,7 +13757,7 @@ function ConnectedWalletListBody({
 }
 
 // src/client/components/requirements/RequirementItem.tsx
-import { Fragment as Fragment14, jsx as jsx96, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx103, jsxs as jsxs67 } 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";
@@ -13390,9 +13770,9 @@ function VerificationActionZone({
   switch (status) {
     case "required":
       if (onAction === null) return null;
-      return /* @__PURE__ */ jsx96(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Continue" });
+      return /* @__PURE__ */ jsx103(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Continue" });
     case "pending":
-      return /* @__PURE__ */ jsx96(
+      return /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "warning",
@@ -13400,7 +13780,7 @@ function VerificationActionZone({
         }
       );
     case "completed":
-      return /* @__PURE__ */ jsx96(
+      return /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "success",
@@ -13408,11 +13788,11 @@ function VerificationActionZone({
         }
       );
     case "rejected":
-      return /* @__PURE__ */ jsx96(
+      return /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "error",
-          content: /* @__PURE__ */ jsx96(
+          content: /* @__PURE__ */ jsx103(
             RejectedMessage,
             {
               message: statusMessages?.rejected ?? DEFAULT_REJECTED,
@@ -13432,10 +13812,10 @@ function RejectedMessage({
     return message;
   }
   if (linkAt === -1) {
-    return /* @__PURE__ */ jsxs62(Fragment14, { children: [
+    return /* @__PURE__ */ jsxs67(Fragment14, { children: [
       message,
       " ",
-      /* @__PURE__ */ jsx96(
+      /* @__PURE__ */ jsx103(
         "button",
         {
           type: "button",
@@ -13447,9 +13827,9 @@ function RejectedMessage({
       "."
     ] });
   }
-  return /* @__PURE__ */ jsxs62(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs67(Fragment14, { children: [
     message.slice(0, linkAt),
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx103(
       "button",
       {
         type: "button",
@@ -13470,8 +13850,8 @@ function WalletActionZone({
   onRemoveWallet
 }) {
   if (multiWallet) {
-    return /* @__PURE__ */ jsxs62(Fragment14, { children: [
-      /* @__PURE__ */ jsx96(
+    return /* @__PURE__ */ jsxs67(Fragment14, { children: [
+      /* @__PURE__ */ jsx103(
         ConnectedWalletList,
         {
           wallets: connectedWallets,
@@ -13480,7 +13860,7 @@ function WalletActionZone({
           status: walletsStatus
         }
       ),
-      status === "rejected" && /* @__PURE__ */ jsx96(
+      status === "rejected" && /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "error",
@@ -13491,8 +13871,8 @@ function WalletActionZone({
   }
   if (status === "completed") {
     const connected = connectedWallets[0];
-    return /* @__PURE__ */ jsxs62(Fragment14, { children: [
-      onAction !== null && /* @__PURE__ */ jsx96(
+    return /* @__PURE__ */ jsxs67(Fragment14, { children: [
+      onAction !== null && /* @__PURE__ */ jsx103(
         ClButton,
         {
           size: "sm",
@@ -13502,19 +13882,19 @@ function WalletActionZone({
           children: "Change wallet"
         }
       ),
-      walletsStatus === "loading" ? /* @__PURE__ */ jsx96(
+      walletsStatus === "loading" ? /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "info",
           content: "Loading your connected wallet\u2026"
         }
-      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx96(
+      ) : walletsStatus === "error" ? /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "error",
           content: "Couldn't load your connected wallet."
         }
-      ) : /* @__PURE__ */ jsx96(
+      ) : /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "success",
@@ -13524,9 +13904,9 @@ function WalletActionZone({
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ jsxs62(Fragment14, { children: [
-      onAction !== null && /* @__PURE__ */ jsx96(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ jsx96(
+    return /* @__PURE__ */ jsxs67(Fragment14, { children: [
+      onAction !== null && /* @__PURE__ */ jsx103(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ jsx103(
         AlertBanner,
         {
           variant: "error",
@@ -13536,7 +13916,7 @@ function WalletActionZone({
     ] });
   }
   if (onAction === null) return null;
-  return /* @__PURE__ */ jsx96(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" });
+  return /* @__PURE__ */ jsx103(ClButton, { size: "sm", className: "clcosdk:self-start", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
   ui,
@@ -13549,7 +13929,7 @@ function RequirementItem({
   onContactSupport,
   spaceBeforeNextRow = true
 }) {
-  return /* @__PURE__ */ jsx96(CoinListStyleScope, { children: /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsx103(CoinListStyleScope, { children: /* @__PURE__ */ jsxs67(
     "div",
     {
       className: cn(
@@ -13557,7 +13937,7 @@ function RequirementItem({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs62(
+        /* @__PURE__ */ jsxs67(
           "button",
           {
             type: "button",
@@ -13565,9 +13945,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__ */ jsxs62("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-                /* @__PURE__ */ jsx96(StepStatusIcon, { status: ui.status }),
-                /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsxs67("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+                /* @__PURE__ */ jsx103(StepStatusIcon, { status: ui.status }),
+                /* @__PURE__ */ jsx103(
                   "span",
                   {
                     className: cn(
@@ -13578,7 +13958,7 @@ function RequirementItem({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx103(
                 ChevronRight,
                 {
                   className: cn(
@@ -13591,14 +13971,14 @@ function RequirementItem({
             ]
           }
         ),
-        /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx103(
           "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__ */ jsx96("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs62(
+            children: /* @__PURE__ */ jsx103("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ jsxs67(
               "div",
               {
                 className: cn(
@@ -13606,7 +13986,7 @@ function RequirementItem({
                   spaceBeforeNextRow && "clcosdk:pb-4"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx96(
+                  /* @__PURE__ */ jsx103(
                     "p",
                     {
                       className: cn(
@@ -13616,7 +13996,7 @@ function RequirementItem({
                       children: ui.description
                     }
                   ),
-                  ui.variant === "verification" ? /* @__PURE__ */ jsx96(
+                  ui.variant === "verification" ? /* @__PURE__ */ jsx103(
                     VerificationActionZone,
                     {
                       status: ui.status,
@@ -13624,7 +14004,7 @@ function RequirementItem({
                       onAction,
                       onContactSupport
                     }
-                  ) : /* @__PURE__ */ jsx96(
+                  ) : /* @__PURE__ */ jsx103(
                     WalletActionZone,
                     {
                       status: ui.status,
@@ -13646,9 +14026,9 @@ function RequirementItem({
 }
 
 // src/client/components/requirements/RequirementsChecklistView.tsx
-import { Fragment as Fragment15, jsx as jsx97, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
 function RequirementsChecklistView(props) {
-  return /* @__PURE__ */ jsx97(CoinListStyleScope, { children: /* @__PURE__ */ jsx97(RequirementsChecklistViewBody, { ...props }) });
+  return /* @__PURE__ */ jsx104(CoinListStyleScope, { children: /* @__PURE__ */ jsx104(RequirementsChecklistViewBody, { ...props }) });
 }
 function RequirementsChecklistViewBody({
   state,
@@ -13659,7 +14039,7 @@ function RequirementsChecklistViewBody({
 }) {
   switch (state.type) {
     case "loading":
-      return loading ?? /* @__PURE__ */ jsx97(
+      return loading ?? /* @__PURE__ */ jsx104(
         LoadingState2,
         {
           title: state.title,
@@ -13668,7 +14048,7 @@ function RequirementsChecklistViewBody({
         }
       );
     case "error":
-      return /* @__PURE__ */ jsxs63(
+      return /* @__PURE__ */ jsxs68(
         "div",
         {
           className: cn(
@@ -13676,8 +14056,8 @@ function RequirementsChecklistViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx97("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-            error ?? /* @__PURE__ */ jsx97(
+            /* @__PURE__ */ jsx104("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+            error ?? /* @__PURE__ */ jsx104(
               AlertBanner,
               {
                 variant: "error",
@@ -13689,7 +14069,7 @@ function RequirementsChecklistViewBody({
         }
       );
     case "content":
-      return /* @__PURE__ */ jsxs63(
+      return /* @__PURE__ */ jsxs68(
         "div",
         {
           className: cn(
@@ -13697,9 +14077,9 @@ function RequirementsChecklistViewBody({
             className
           ),
           children: [
-            /* @__PURE__ */ jsxs63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-              /* @__PURE__ */ jsx97("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-              state.blockedMessage == null && /* @__PURE__ */ jsx97(
+            /* @__PURE__ */ jsxs68("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+              /* @__PURE__ */ jsx104("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+              state.blockedMessage == null && /* @__PURE__ */ jsx104(
                 "p",
                 {
                   className: cn(typeClasses.body, "clcosdk:text-text-secondary"),
@@ -13707,7 +14087,7 @@ function RequirementsChecklistViewBody({
                 }
               )
             ] }),
-            state.blockedMessage != null ? /* @__PURE__ */ jsx97(AlertBanner, { variant: "info", icon: true, content: state.blockedMessage }) : state.items.length === 0 ? state.continueAction && /* @__PURE__ */ jsx97(
+            state.blockedMessage != null ? /* @__PURE__ */ jsx104(AlertBanner, { variant: "info", icon: true, content: state.blockedMessage }) : state.items.length === 0 ? state.continueAction && /* @__PURE__ */ jsx104(
               ClButton,
               {
                 variant: "primary",
@@ -13716,8 +14096,8 @@ function RequirementsChecklistViewBody({
                 onClick: () => onEvent({ type: "ON_CONTINUE" }),
                 children: "Continue"
               }
-            ) : /* @__PURE__ */ jsxs63(Fragment15, { children: [
-              /* @__PURE__ */ jsx97("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx97(
+            ) : /* @__PURE__ */ jsxs68(Fragment15, { children: [
+              /* @__PURE__ */ jsx104("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: state.items.map((row, index) => /* @__PURE__ */ jsx104(
                 RequirementItem,
                 {
                   ui: row.item,
@@ -13737,8 +14117,8 @@ function RequirementsChecklistViewBody({
                 },
                 row.id
               )) }),
-              /* @__PURE__ */ jsxs63("div", { className: "clcosdk:flex clcosdk:flex-row clcosdk:items-center clcosdk:justify-between clcosdk:gap-6", children: [
-                /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsxs68("div", { className: "clcosdk:flex clcosdk:flex-row clcosdk:items-center clcosdk:justify-between clcosdk:gap-6", children: [
+                /* @__PURE__ */ jsx104(
                   "span",
                   {
                     className: cn(
@@ -13749,7 +14129,7 @@ function RequirementsChecklistViewBody({
                     children: state.ineligible ? "You are not eligible to invest." : completedLabel(state.items)
                   }
                 ),
-                state.continueAction && /* @__PURE__ */ jsx97(
+                state.continueAction && /* @__PURE__ */ jsx104(
                   ClButton,
                   {
                     variant: "primary",
@@ -13786,7 +14166,7 @@ function LoadingState2({
   description,
   className
 }) {
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs68(
     "div",
     {
       className: cn(
@@ -13794,19 +14174,19 @@ function LoadingState2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx97("output", { className: "clcosdk:sr-only", children: "Loading requirements..." }),
-        /* @__PURE__ */ jsxs63("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ jsx97("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title }),
-          /* @__PURE__ */ jsx97("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description })
+        /* @__PURE__ */ jsx104("output", { className: "clcosdk:sr-only", children: "Loading requirements..." }),
+        /* @__PURE__ */ jsxs68("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ jsx104("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title }),
+          /* @__PURE__ */ jsx104("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description })
         ] }),
-        /* @__PURE__ */ jsx97("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: LOADING_ROW_WIDTHS.map((width) => /* @__PURE__ */ jsx97(Skeleton, { className: cn("clcosdk:h-8", width) }, width)) })
+        /* @__PURE__ */ jsx104("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-3", children: LOADING_ROW_WIDTHS.map((width) => /* @__PURE__ */ jsx104(Skeleton, { className: cn("clcosdk:h-8", width) }, width)) })
       ]
     }
   );
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalView.tsx
-import { jsx as jsx98, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs69 } from "react/jsx-runtime";
 function TaxDocumentModalView({
   state,
   onEvent,
@@ -13815,7 +14195,7 @@ function TaxDocumentModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ jsx98(CoinListStyleScope, { children: /* @__PURE__ */ jsx98("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__ */ jsxs64(
+  return /* @__PURE__ */ jsx105(CoinListStyleScope, { children: /* @__PURE__ */ jsx105("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__ */ jsxs69(
     "div",
     {
       className: cn(
@@ -13823,11 +14203,11 @@ function TaxDocumentModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx98("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
-          /* @__PURE__ */ jsx98(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+        /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx105("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: state.title }),
+          /* @__PURE__ */ jsx105(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ jsx98(Screen, { screen: state.screen, onEvent })
+        /* @__PURE__ */ jsx105(Screen, { screen: state.screen, onEvent })
       ]
     }
   ) }) });
@@ -13838,11 +14218,11 @@ function Screen({
 }) {
   switch (screen.type) {
     case "loading":
-      return /* @__PURE__ */ jsx98(LoadingScreen, {});
+      return /* @__PURE__ */ jsx105(LoadingScreen, {});
     case "error":
-      return /* @__PURE__ */ jsx98(AlertBanner, { variant: "error", icon: true, content: screen.message });
+      return /* @__PURE__ */ jsx105(AlertBanner, { variant: "error", icon: true, content: screen.message });
     case "review":
-      return /* @__PURE__ */ jsx98(
+      return /* @__PURE__ */ jsx105(
         ReviewScreen,
         {
           fields: screen.fields,
@@ -13853,9 +14233,9 @@ function Screen({
         }
       );
     case "editing":
-      return /* @__PURE__ */ jsx98(EditScreen, { fields: screen.fields, onEvent });
+      return /* @__PURE__ */ jsx105(EditScreen, { fields: screen.fields, onEvent });
     case "sign-only":
-      return /* @__PURE__ */ jsx98(
+      return /* @__PURE__ */ jsx105(
         SignOnlyScreen,
         {
           signing: screen.signing,
@@ -13870,14 +14250,14 @@ function Screen({
   }
 }
 function LoadingScreen() {
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx105(
     "output",
     {
       "aria-live": "polite",
       className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
-      children: [0, 1, 2, 3, 4].map((row) => /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
-        /* @__PURE__ */ jsx98("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
-        /* @__PURE__ */ jsx98("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__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+        /* @__PURE__ */ jsx105("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
+        /* @__PURE__ */ jsx105("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
       ] }, row))
     }
   );
@@ -13889,9 +14269,9 @@ function ReviewScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx98("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
-    piiUnavailable && /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx105("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
+    piiUnavailable && /* @__PURE__ */ jsx105(
       AlertBanner,
       {
         variant: "info",
@@ -13899,27 +14279,27 @@ function ReviewScreen({
         content: "We don't have this information on file yet \u2014 please fill it in below."
       }
     ),
-    /* @__PURE__ */ jsx98("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__ */ jsxs64(
+    /* @__PURE__ */ jsx105("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__ */ jsxs69(
       "div",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx105(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx98("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
+          /* @__PURE__ */ jsx105("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: displayValue })
         ]
       },
       field
     )) }),
-    /* @__PURE__ */ jsx98("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__ */ jsx98(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx105("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__ */ jsx105(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx105(
         ClButton,
         {
           fullWidth: true,
@@ -13929,7 +14309,7 @@ function ReviewScreen({
           children: "Sign W-8BEN"
         }
       ),
-      /* @__PURE__ */ jsx98(
+      /* @__PURE__ */ jsx105(
         ClButton,
         {
           fullWidth: true,
@@ -13946,20 +14326,20 @@ function EditScreen({
   fields,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx98("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__ */ jsxs64(
+  return /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx105("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__ */ jsxs69(
       "label",
       {
         className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
         children: [
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx105(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: label
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx105(
             "input",
             {
               type: "text",
@@ -13980,9 +14360,9 @@ function EditScreen({
       },
       field
     )) }),
-    /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-      /* @__PURE__ */ jsx98(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
-      /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ jsx105(ClButton, { fullWidth: true, onClick: () => onEvent({ type: "ON_SAVE_EDIT" }), children: "Save & review" }),
+      /* @__PURE__ */ jsx105(
         ClButton,
         {
           fullWidth: true,
@@ -13999,10 +14379,10 @@ function SignOnlyScreen({
   signError,
   onEvent
 }) {
-  return /* @__PURE__ */ jsxs64("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-    /* @__PURE__ */ jsx98("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__ */ jsx98(AlertBanner, { variant: "error", icon: true, content: signError }),
-    /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs69("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ jsx105("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__ */ jsx105(AlertBanner, { variant: "error", icon: true, content: signError }),
+    /* @__PURE__ */ jsx105(
       ClButton,
       {
         fullWidth: true,
@@ -14016,10 +14396,10 @@ function SignOnlyScreen({
 }
 
 // src/client/hooks/requirements/tax-document/useTaxDocumentModalViewModel.ts
-import { useCallback as useCallback13, useEffect as useEffect23, useMemo as useMemo13 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect23, useMemo as useMemo13 } from "react";
 
 // src/client/hooks/requirements/data/useTaxDocument.ts
-import { useCallback as useCallback12, useEffect as useEffect22, useState as useState33 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect22, useState as useState34 } from "react";
 var IDLE_SIGN = { type: "idle", error: null };
 var LOADING_STATE3 = { type: "LOADING" };
 var SIGN_FAILED_MESSAGE = "Unable to sign document. Please try again.";
@@ -14094,7 +14474,7 @@ function useTaxDocument({
 }) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useTaxDocument");
-  const [state, setState] = useState33(LOADING_STATE3);
+  const [state, setState] = useState34(LOADING_STATE3);
   useEffect22(() => {
     let isCancelled = false;
     if (!isOpen) {
@@ -14136,7 +14516,7 @@ function useTaxDocument({
       isCancelled = true;
     };
   }, [coinlist, isReady, isOpen, log]);
-  const onEditField = useCallback12(
+  const onEditField = useCallback13(
     (field, value) => {
       setState(
         (prev) => prev.type === "EDITING" ? { ...prev, fields: { ...prev.fields, [field]: value } } : prev
@@ -14144,7 +14524,7 @@ function useTaxDocument({
     },
     []
   );
-  const onStartEdit = useCallback12(() => {
+  const onStartEdit = useCallback13(() => {
     setState(
       (prev) => prev.type === "REVIEW" ? {
         type: "EDITING",
@@ -14155,7 +14535,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onSaveEdit = useCallback12(() => {
+  const onSaveEdit = useCallback13(() => {
     setState(
       (prev) => prev.type === "EDITING" ? {
         type: "REVIEW",
@@ -14166,7 +14546,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onCancelEdit = useCallback12(() => {
+  const onCancelEdit = useCallback13(() => {
     setState(
       (prev) => prev.type === "EDITING" ? {
         type: "REVIEW",
@@ -14177,7 +14557,7 @@ function useTaxDocument({
       } : prev
     );
   }, []);
-  const onSign = useCallback12(() => {
+  const onSign = useCallback13(() => {
     if (state.type !== "REVIEW" && state.type !== "SIGN_ONLY") return;
     if (state.type === "REVIEW" && state.fields.dob.trim() !== "" && !isValidUsDate(state.fields.dob)) {
       setState({
@@ -14231,7 +14611,7 @@ function useTaxDocumentModalViewModel({
     }
     return { type: "content", title: toTitle(state), screen: toScreen(state) };
   }, [isOpen, state]);
-  const onEvent = useCallback13(
+  const onEvent = useCallback14(
     (event) => {
       switch (event.type) {
         case "ON_CLOSE":
@@ -14314,7 +14694,7 @@ function toFieldsUi(fields) {
 }
 
 // src/client/components/requirements/tax-document/TaxDocumentModalContainer.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function TaxDocumentModalContainer({
   isOpen,
   onClose,
@@ -14326,7 +14706,7 @@ function TaxDocumentModalContainer({
     onClose,
     onSubmitted
   });
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx106(
     TaxDocumentModalView,
     {
       state,
@@ -14337,26 +14717,26 @@ function TaxDocumentModalContainer({
 }
 
 // src/client/components/requirements/VerificationOverlay.tsx
-import { jsx as jsx100, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs70 } from "react/jsx-runtime";
 function VerificationOverlay({
   onClose,
   children
 }) {
-  return /* @__PURE__ */ jsx100(CoinListStyleScope, { children: /* @__PURE__ */ jsx100(VerificationOverlayBody, { onClose, children }) });
+  return /* @__PURE__ */ jsx107(CoinListStyleScope, { children: /* @__PURE__ */ jsx107(VerificationOverlayBody, { onClose, children }) });
 }
 function VerificationOverlayBody({
   onClose,
   children
 }) {
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx107(
     "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__ */ jsxs65("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__ */ jsx100(
+      children: /* @__PURE__ */ jsxs70("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__ */ jsx107(
           CloseButton,
           {
             onClick: onClose,
@@ -14371,7 +14751,7 @@ function VerificationOverlayBody({
 
 // src/client/components/requirements/wallet/ConnectWalletModalView.tsx
 import { useId as useId5 } from "react";
-import { jsx as jsx101, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
 function ConnectWalletModalView({
   state,
   onEvent,
@@ -14381,7 +14761,7 @@ function ConnectWalletModalView({
   if (state.type === "hidden") {
     return null;
   }
-  return /* @__PURE__ */ jsx101(CoinListStyleScope, { children: /* @__PURE__ */ jsx101("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__ */ jsxs66(
+  return /* @__PURE__ */ jsx108(CoinListStyleScope, { children: /* @__PURE__ */ jsx108("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__ */ jsxs71(
     "div",
     {
       role: "dialog",
@@ -14392,8 +14772,8 @@ function ConnectWalletModalView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
-          /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsxs71("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ jsx108(
             "h3",
             {
               id: titleId,
@@ -14401,9 +14781,9 @@ function ConnectWalletModalView({
               children: "Connect your wallet"
             }
           ),
-          /* @__PURE__ */ jsx101(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
+          /* @__PURE__ */ jsx108(CloseButton, { onClick: () => onEvent({ type: "ON_CLOSE" }) })
         ] }),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx108(
           Screen2,
           {
             screen: state.screen,
@@ -14422,9 +14802,9 @@ function Screen2({
 }) {
   switch (screen.type) {
     case "needs-wallet":
-      return /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-        /* @__PURE__ */ jsx101("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__ */ jsx101(
+      return /* @__PURE__ */ jsxs71("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+        /* @__PURE__ */ jsx108("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__ */ jsx108(
           ClButton,
           {
             fullWidth: true,
@@ -14434,23 +14814,23 @@ function Screen2({
         )
       ] });
     case "ready":
-      return /* @__PURE__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
-        /* @__PURE__ */ jsx101("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__ */ jsxs66("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
-          /* @__PURE__ */ jsx101(
+      return /* @__PURE__ */ jsxs71("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+        /* @__PURE__ */ jsx108("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__ */ jsxs71("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
+          /* @__PURE__ */ jsx108(
             "span",
             {
               className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
               children: "Wallet address"
             }
           ),
-          /* @__PURE__ */ jsx101("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: screen.shortAddress })
+          /* @__PURE__ */ jsx108("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__ */ jsx101("div", { role: "alert", children: /* @__PURE__ */ jsx101(AlertBanner, { variant: "error", icon: true, content: screen.signError }) }),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx108("div", { role: "alert", children: /* @__PURE__ */ jsx108(AlertBanner, { variant: "error", icon: true, content: screen.signError }) }),
+        /* @__PURE__ */ jsx108(
           ClButton,
           {
             fullWidth: true,
@@ -14461,7 +14841,7 @@ function Screen2({
             children: "Sign & connect"
           }
         ),
-        canRequestConnect && /* @__PURE__ */ jsx101(
+        canRequestConnect && /* @__PURE__ */ jsx108(
           ClButton,
           {
             fullWidth: true,
@@ -14480,10 +14860,10 @@ function Screen2({
 }
 
 // src/client/hooks/requirements/wallet/useConnectWalletModalViewModel.ts
-import { useCallback as useCallback15, useEffect as useEffect25, useMemo as useMemo14 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect25, useMemo as useMemo14 } from "react";
 
 // src/client/hooks/requirements/data/useConnectWallet.ts
-import { useCallback as useCallback14, useEffect as useEffect24, useRef as useRef14, useState as useState34 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect24, useRef as useRef15, useState as useState35 } from "react";
 var IDLE_SIGN2 = { type: "idle", error: null };
 var ERROR_COPY2 = {
   not_authenticated: "Sign in to connect your wallet.",
@@ -14508,10 +14888,10 @@ function useConnectWallet({
   statement
 }) {
   const { coinlist } = useCoinList();
-  const [state, setState] = useState34(
+  const [state, setState] = useState35(
     () => wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN2 } : { type: "NEEDS_WALLET" }
   );
-  const attempt = useRef14(0);
+  const attempt = useRef15(0);
   useEffect24(() => {
     attempt.current += 1;
     if (!isOpen) return;
@@ -14525,7 +14905,7 @@ function useConnectWallet({
     },
     []
   );
-  const onSign = useCallback14(() => {
+  const onSign = useCallback15(() => {
     if (!wallet || state.type !== "READY") return;
     attempt.current += 1;
     const gen = attempt.current;
@@ -14617,7 +14997,7 @@ function useConnectWalletModalViewModel({
       canRequestConnect
     };
   }, [isOpen, state, onRequestConnect]);
-  const onEvent = useCallback15(
+  const onEvent = useCallback16(
     (event) => {
       switch (event.type) {
         case "ON_CLOSE":
@@ -14641,13 +15021,13 @@ function useConnectWalletModalViewModel({
 }
 
 // src/client/components/requirements/wallet/ConnectWalletModalContainer.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 function ConnectWalletModalContainer({
   className,
   ...options
 }) {
   const { state, onEvent } = useConnectWalletModalViewModel(options);
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx109(
     ConnectWalletModalView,
     {
       state,
@@ -14658,10 +15038,10 @@ function ConnectWalletModalContainer({
 }
 
 // src/client/hooks/requirements/useRequirementsChecklistViewModel.ts
-import { useCallback as useCallback18, useEffect as useEffect28, useMemo as useMemo15, useRef as useRef15, useState as useState37 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect28, useMemo as useMemo15, useRef as useRef16, useState as useState38 } from "react";
 
 // src/client/hooks/requirements/data/useOptionAddresses.ts
-import { useCallback as useCallback16, useEffect as useEffect26, useState as useState35 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect26, useState as useState36 } from "react";
 var LOADING_STATE4 = { type: "LOADING" };
 var EMPTY_STATE = {
   type: "CONTENT",
@@ -14671,12 +15051,12 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOptionAddresses");
   const { data, enabled = true } = options;
-  const [addressesState, setAddressesState] = useState35(
+  const [addressesState, setAddressesState] = useState36(
     data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE4
   );
-  const [fetchKey, setFetchKey] = useState35(0);
-  const refetch = useCallback16(() => setFetchKey((k) => k + 1), []);
-  const disconnect = useCallback16(
+  const [fetchKey, setFetchKey] = useState36(0);
+  const refetch = useCallback17(() => setFetchKey((k) => k + 1), []);
+  const disconnect = useCallback17(
     async (addressId) => {
       await coinlist.wallets.remove({ offerId, addressId });
       refetch();
@@ -14739,17 +15119,17 @@ function useOptionAddresses(offerId, offerOptionId, options = {}) {
 }
 
 // src/client/hooks/requirements/data/useRequirements.ts
-import { useCallback as useCallback17, useEffect as useEffect27, useState as useState36 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect27, useState as useState37 } from "react";
 var LOADING_STATE5 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useRequirements");
   const { data, enabled = true } = options;
-  const [requirementsState, setRequirementsState] = useState36(
+  const [requirementsState, setRequirementsState] = useState37(
     data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE5
   );
-  const [fetchKey, setFetchKey] = useState36(0);
-  const refetch = useCallback17(() => setFetchKey((k) => k + 1), []);
+  const [fetchKey, setFetchKey] = useState37(0);
+  const refetch = useCallback18(() => setFetchKey((k) => k + 1), []);
   useEffect27(() => {
     let isCancelled = false;
     if (!enabled) {
@@ -14944,18 +15324,18 @@ function useRequirementsChecklistViewModel(options) {
     data,
     enabled
   });
-  const [expandedId, setExpandedId] = useState37(null);
-  const [taxDocumentOpen, setTaxDocumentOpen] = useState37(false);
-  const [connectWalletOpen, setConnectWalletOpen] = useState37(false);
-  const [verifyingRequirementId, setVerifyingRequirementId] = useState37(null);
-  const isMountedRef = useRef15(true);
+  const [expandedId, setExpandedId] = useState38(null);
+  const [taxDocumentOpen, setTaxDocumentOpen] = useState38(false);
+  const [connectWalletOpen, setConnectWalletOpen] = useState38(false);
+  const [verifyingRequirementId, setVerifyingRequirementId] = useState38(null);
+  const isMountedRef = useRef16(true);
   useEffect28(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  const [hasWalletRequirement, setHasWalletRequirement] = useState37(false);
+  const [hasWalletRequirement, setHasWalletRequirement] = useState38(false);
   useEffect28(() => {
     if (requirementsState.type === "CONTENT") {
       setHasWalletRequirement(
@@ -14972,14 +15352,14 @@ function useRequirementsChecklistViewModel(options) {
   } = useOptionAddresses(offerId, optionId, {
     enabled: enabled && hasWalletRequirement
   });
-  const removeWallet = useCallback18(
+  const removeWallet = useCallback19(
     async (addressId) => {
       await disconnect(OfferOptionAddressId(addressId));
       refetch();
     },
     [disconnect, refetch]
   );
-  const awaitVerificationResult = useCallback18(
+  const awaitVerificationResult = useCallback19(
     (requirementId, statusBeforeSubmit) => {
       void (async () => {
         const deadline = Date.now() + VERIFICATION_POLL_TIMEOUT_MS;
@@ -15088,7 +15468,7 @@ function useRequirementsChecklistViewModel(options) {
     identityVerificationOptions,
     removeWallet
   ]);
-  const handleRequirementAction = useCallback18(
+  const handleRequirementAction = useCallback19(
     (requirement) => {
       const inlineVerification = statusById.get(requirement.id)?.kycLevel !== void 0 && onRequirementActionOverride === void 0;
       if (inlineVerification) {
@@ -15120,7 +15500,7 @@ function useRequirementsChecklistViewModel(options) {
       coinlist
     ]
   );
-  const onEvent = useCallback18(
+  const onEvent = useCallback19(
     (event) => {
       switch (event.type) {
         case "ON_TOGGLE_ITEM":
@@ -15218,7 +15598,7 @@ function toVerificationUi(verifyingRequirementId, statusById, identityVerificati
 }
 
 // src/client/components/requirements/RequirementsChecklistContainer.tsx
-import { Fragment as Fragment16, jsx as jsx103, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx110, jsxs as jsxs72 } from "react/jsx-runtime";
 function RequirementsChecklistContainer({
   loading,
   error,
@@ -15230,8 +15610,8 @@ function RequirementsChecklistContainer({
     ...options,
     enabled
   });
-  return /* @__PURE__ */ jsxs67(Fragment16, { children: [
-    /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsxs72(Fragment16, { children: [
+    /* @__PURE__ */ jsx110(
       RequirementsChecklistView,
       {
         state,
@@ -15241,8 +15621,8 @@ function RequirementsChecklistContainer({
         className
       }
     ),
-    state.type === "content" && /* @__PURE__ */ jsxs67(Fragment16, { children: [
-      /* @__PURE__ */ jsx103(
+    state.type === "content" && /* @__PURE__ */ jsxs72(Fragment16, { children: [
+      /* @__PURE__ */ jsx110(
         TaxDocumentModalContainer,
         {
           isOpen: state.taxDocumentOpen,
@@ -15250,11 +15630,11 @@ function RequirementsChecklistContainer({
           onSubmitted: () => onEvent({ type: "ON_TAX_DOCUMENT_SUBMITTED" })
         }
       ),
-      state.verification && /* @__PURE__ */ jsx103(
+      state.verification && /* @__PURE__ */ jsx110(
         VerificationOverlay,
         {
           onClose: () => onEvent({ type: "ON_CLOSE_VERIFICATION" }),
-          children: /* @__PURE__ */ jsx103(
+          children: /* @__PURE__ */ jsx110(
             IdentityVerificationContainer,
             {
               levelName: state.verification.levelName,
@@ -15265,7 +15645,7 @@ function RequirementsChecklistContainer({
           )
         }
       ),
-      /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx110(
         ConnectWalletModalContainer,
         {
           isOpen: state.connectWalletOpen,
@@ -15298,17 +15678,17 @@ function pinoClientLogger(options) {
 }
 
 // src/client/hooks/auth/useCompleteOAuth.ts
-import { useEffect as useEffect29, useRef as useRef16 } from "react";
+import { useEffect as useEffect29, useRef as useRef17 } from "react";
 function useCompleteOAuth(options) {
   const { coinlist } = useCoinList();
   const log = useLogger("useCompleteOAuth");
-  const postOAuthCompleteRef = useRef16(options.postOAuthComplete);
-  const onFailureRef = useRef16(options.onFailure);
-  const onSuccessRef = useRef16(options.onSuccess);
+  const postOAuthCompleteRef = useRef17(options.postOAuthComplete);
+  const onFailureRef = useRef17(options.onFailure);
+  const onSuccessRef = useRef17(options.onSuccess);
   postOAuthCompleteRef.current = options.postOAuthComplete;
   onFailureRef.current = options.onFailure;
   onSuccessRef.current = options.onSuccess;
-  const hasStartedExchangeRef = useRef16(false);
+  const hasStartedExchangeRef = useRef17(false);
   useEffect29(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
@@ -15373,13 +15753,13 @@ function useCompleteOAuth(options) {
 }
 
 // src/client/hooks/offers/data/useOfferDetails.ts
-import { useEffect as useEffect30, useState as useState38 } from "react";
+import { useEffect as useEffect30, useState as useState39 } from "react";
 var LOADING_STATE6 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const log = useLogger("useOfferDetails");
   const { data, enabled = true } = options;
-  const [offerDetailsState, setOfferDetailsState] = useState38(
+  const [offerDetailsState, setOfferDetailsState] = useState39(
     data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE6
   );
   useEffect30(() => {
@@ -15449,29 +15829,6 @@ var OfferAssetCardUi = {
     logo: OfferLogoUi.fromOffer(detail, tokenMetadata)
   })
 };
-
-// src/client/hooks/providers/checkout/coin-list/token-sale/data/useParticipations.ts
-import { useMemo as useMemo16 } from "react";
-function useParticipations(offerId, options = {}) {
-  const { coinlist, isReady } = useCoinList();
-  const log = useLogger("useParticipations");
-  const { data, enabled = true } = options;
-  const { state, refetch } = useLoadOnce({
-    key: offerId ?? "",
-    enabled,
-    ready: isReady,
-    load: () => coinlist.tokenSale.list(offerId),
-    seed: data,
-    classify: loadErrorReason,
-    log,
-    describe: (participations) => ({ count: participations.length })
-  });
-  const participationsState = useMemo16(
-    () => state.type === "CONTENT" ? { type: "CONTENT", participations: state.value } : state,
-    [state]
-  );
-  return { participationsState, refetch };
-}
 export {
   ChecklistStatus,
   CheckoutAssetUi,
@@ -15501,6 +15858,8 @@ export {
   OfferSaleCard,
   OfferSaleCardUi,
   OffersGridContainer,
+  ParticipationRowUi,
+  ParticipationStatusUi,
   RequirementItemUi,
   RequirementStatus,
   RequirementVariant,
@@ -15528,6 +15887,8 @@ export {
   useCoinList,
   useCoinListSignInCardViewModel,
   useCoinListTokenSaleCheckoutViewModel,
+  useCoinListTokenSaleClaimViewModel,
+  useCoinListTokenSaleParticipations,
   useCompleteOAuth,
   useConnectWallet,
   useErc20Balance,
@@ -15544,7 +15905,6 @@ export {
   useOndoSellTransaction,
   useOndoTradingStatus,
   useOptionAddresses,
-  useParticipations,
   useRequirements,
   useRequirementsChecklistViewModel,
   useSuperstateReviewViewModel,