diff --git a/.eslintrc.js b/.eslintrc.js
index 4df5195583c..14b2024420e 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -47,6 +47,11 @@ module.exports = {
         property: 'open',
         message: avoidWindowOpenMsg,
       },
+      {
+        object: 'window',
+        property: 'close',
+        message: 'Use `closeWindow` utility helper',
+      },
     ],
     '@typescript-eslint/no-floating-promises': ['warn'],
     '@typescript-eslint/no-unnecessary-type-assertion': ['warn'],
diff --git a/.github/workflows/build-extension.yml b/.github/workflows/build-extension.yml
index 4dc89dedcc9..c57fe668daa 100644
--- a/.github/workflows/build-extension.yml
+++ b/.github/workflows/build-extension.yml
@@ -13,12 +13,13 @@ jobs:
   set-in-progress-message:
     if: github.repository == 'leather-wallet/extension' && github.actor != 'dependabot[bot]'
     runs-on: ubuntu-latest
-    needs:
-      - pre-run
     steps:
+      - name: Make short commit SHA
+        run: echo "SHORT_SHA=`echo ${{ github.event.pull_request.head.sha }} | cut -c1-7`" >> $GITHUB_ENV
+
       - uses: kyranjamie/pull-request-fixed-header@v1.0.1
         with:
-          header: '> _Building Leather…_'
+          header: '> _Building Leather at commit `${{ env.SHORT_SHA }}`_'
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
   build:
@@ -29,16 +30,6 @@ jobs:
     strategy:
       matrix:
         target: [chromium, firefox]
-    env:
-      WALLET_ENVIRONMENT: feature
-      TARGET_BROWSER: ${{ matrix.target }}
-      COINBASE_APP_ID: ${{ secrets.COINBASE_APP_ID }}
-      MOONPAY_API_KEY: ${{ secrets.MOONPAY_API_KEY }}
-      SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
-      SEGMENT_WRITE_KEY: ${{ secrets.SEGMENT_WRITE_KEY_STAGING }}
-      TRANSAK_API_KEY: ${{ secrets.TRANSAK_API_KEY }}
-      PR_NUMBER: ${{ github.event.number }}
-      COMMIT_SHA: ${{ github.event.pull_request.head.sha }}
     steps:
       - uses: actions/checkout@v4
         with:
@@ -46,11 +37,20 @@ jobs:
 
       - uses: ./.github/actions/provision
 
-      - name: Add SHORT_SHA env property with commit short sha
-        run: echo "SHORT_SHA=`echo ${GITHUB_SHA} | cut -c1-8`" >> $GITHUB_ENV
+      - run: echo "SHORT_SHA=`echo ${{ github.event.pull_request.head.sha }} | cut -c1-7`" >> $GITHUB_ENV
 
       - name: Build project
         run: yarn build
+        env:
+          WALLET_ENVIRONMENT: feature
+          TARGET_BROWSER: ${{ matrix.target }}
+          COINBASE_APP_ID: ${{ secrets.COINBASE_APP_ID }}
+          MOONPAY_API_KEY: ${{ secrets.MOONPAY_API_KEY }}
+          SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
+          SEGMENT_WRITE_KEY: ${{ secrets.SEGMENT_WRITE_KEY_STAGING }}
+          TRANSAK_API_KEY: ${{ secrets.TRANSAK_API_KEY }}
+          PR_NUMBER: ${{ github.event.number }}
+          COMMIT_SHA: ${{ env.SHORT_SHA }}
 
       - uses: actions/upload-artifact@v3
         name: Upload ${{ matrix.target }} Extension Zip
diff --git a/.github/workflows/create-version.yml b/.github/workflows/create-version.yml
index 9e73f17dd29..731ec99fb2a 100644
--- a/.github/workflows/create-version.yml
+++ b/.github/workflows/create-version.yml
@@ -74,4 +74,5 @@ jobs:
           type: now
           from_branch: main
           target_branch: dev
+          message: 'chore: post-release merge back'
           github_token: ${{ secrets.SEMANTIC_RELEASE_TOKEN }}
diff --git a/package.json b/package.json
index 6577d0a4277..72c7b88ebe6 100644
--- a/package.json
+++ b/package.json
@@ -239,7 +239,7 @@
     "@babel/preset-typescript": "7.23.0",
     "@btckit/types": "0.0.19",
     "@ls-lint/ls-lint": "2.1.0",
-    "@pandacss/dev": "0.15.4",
+    "@pandacss/dev": "0.16.0",
     "@playwright/test": "1.38.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@redux-devtools/cli": "3.0.2",
diff --git a/public/assets/base.css b/public/assets/base.css
index 6b96383d423..e0e4f0ec10d 100644
--- a/public/assets/base.css
+++ b/public/assets/base.css
@@ -1,16 +1,3 @@
-/*
-    * Web Fonts from colophon-foundry.org
-    *
-    * The fonts included in this stylesheet are subject to the End User License you purchased
-    * from Colophon Foundry. The fonts are protected under domestic and international trademark and
-    * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
-    * distributing this font software.
-    *
-    * (c) 2023 Colophon Foundry
-    *
-    * Licenced to Trustmachines,
-*/
-
 @font-face {
   font-family: 'Diatype';
   src: url('/assets/fonts/diatype/diatype-regular.woff2') format('woff2');
@@ -55,208 +42,3 @@
   font-weight: 400;
   font-style: normal;
 }
-
-html,
-body {
-  -webkit-font-smoothing: antialiased;
-  font-size: 100%;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-}
-
-html,
-body {
-  font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-}
-
-body {
-  margin: 0;
-}
-
-main {
-  display: block;
-}
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-pre {
-  font-family: 'Fira Code', monospace;
-  font-size: 1em;
-}
-
-code {
-  font-family: 'Fira Code', monospace;
-}
-
-a {
-  background-color: transparent;
-}
-
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-img {
-  border-style: none;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-button:-moz-focusring,
-[type='button']:-moz-focusring,
-[type='reset']:-moz-focusring,
-[type='submit']:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-textarea {
-  overflow: auto;
-}
-
-[type='checkbox'],
-[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  height: auto;
-  margin: 0;
-}
-
-[type='search'] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-details {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: 'Diatype', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-}
diff --git a/public/assets/images/ledger/connect-ledger-error.png b/public/assets/images/ledger/connect-ledger-error.png
deleted file mode 100644
index b503c4e1b90..00000000000
Binary files a/public/assets/images/ledger/connect-ledger-error.png and /dev/null differ
diff --git a/public/html/debug.html b/public/html/debug.html
index 27c05f4db2d..5670b484e77 100644
--- a/public/html/debug.html
+++ b/public/html/debug.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html class="mode__full-page light">
   <head>
     <meta charset="UTF-8" />
diff --git a/public/html/devtool.html b/public/html/devtool.html
index 5e8e3f694bb..9e92fec5a85 100644
--- a/public/html/devtool.html
+++ b/public/html/devtool.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html class="mode__devtool">
   <head>
     <meta charset="UTF-8" />
diff --git a/public/html/index.html b/public/html/index.html
index 6d80d47dcdd..87b1295a388 100644
--- a/public/html/index.html
+++ b/public/html/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html class="mode__full-page light">
   <!--
     Hello! Thanks for showing interest in our code.
@@ -9,6 +9,34 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link href="/assets/base.css" rel="stylesheet" />
+    <link
+      rel="preload"
+      href="/assets/fonts/diatype/diatype-light.woff2"
+      as="font"
+      crossorigin
+      type="font/woff2"
+    />
+    <link
+      rel="preload"
+      href="/assets/fonts/diatype/diatype-medium.woff2"
+      as="font"
+      crossorigin
+      type="font/woff2"
+    />
+    <link
+      rel="preload"
+      href="/assets/fonts/diatype/diatype-regular.woff2"
+      as="font"
+      crossorigin
+      type="font/woff2"
+    />
+    <link
+      rel="preload"
+      href="/assets/fonts/marche/marche-super-pro.woff2"
+      as="font"
+      crossorigin
+      type="font/woff2"
+    />
   </head>
   <body>
     <div id="app"></div>
diff --git a/public/html/popup-center.html b/public/html/popup-center.html
index cb229559cd1..7d23e5be4ba 100644
--- a/public/html/popup-center.html
+++ b/public/html/popup-center.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html class="mode__popup-center light">
   <head>
     <meta charset="UTF-8" />
diff --git a/public/html/popup.html b/public/html/popup.html
index 10b6aac17f6..828eaa3e20a 100644
--- a/public/html/popup.html
+++ b/public/html/popup.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html class="mode__popup light">
   <head>
     <meta charset="UTF-8" />
diff --git a/src/app/common/authentication/use-finish-auth-request.ts b/src/app/common/authentication/use-finish-auth-request.ts
index 0abdea67879..a24732b409a 100644
--- a/src/app/common/authentication/use-finish-auth-request.ts
+++ b/src/app/common/authentication/use-finish-auth-request.ts
@@ -89,10 +89,14 @@ export function useFinishAuthRequest() {
               p2tr: {
                 mainnet: taprootAccount.mainnet.payment.address,
                 testnet: taprootAccount.testnet.payment.address,
+                regtest: taprootAccount.regtest.payment.address,
+                signet: taprootAccount.signet.payment.address,
               },
               p2wpkh: {
                 mainnet: nativeSegwitAccount.mainnet.payment.address,
                 testnet: nativeSegwitAccount.testnet.payment.address,
+                regtest: nativeSegwitAccount.regtest.payment.address,
+                signet: nativeSegwitAccount.signet.payment.address,
               },
             },
             btcPublicKey: {
diff --git a/src/app/common/hooks/account/use-account-names.ts b/src/app/common/hooks/account/use-account-names.ts
index 4bcc722c8e6..dbfe0849c73 100644
--- a/src/app/common/hooks/account/use-account-names.ts
+++ b/src/app/common/hooks/account/use-account-names.ts
@@ -1,29 +1,32 @@
 import { useMemo } from 'react';
 
+import { isUndefined } from '@shared/utils';
+
 import { parseIfValidPunycode } from '@app/common/utils';
 import { getAutogeneratedAccountDisplayName } from '@app/common/utils/get-account-display-name';
 import {
   useCurrentAccountNames,
   useGetAccountNamesByAddressQuery,
 } from '@app/query/stacks/bns/bns.hooks';
+import { useCurrentAccountIndex } from '@app/store/accounts/account';
 import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
-import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.models';
 
 export function useCurrentAccountDisplayName() {
   const account = useCurrentStacksAccount();
   const { data: names = [] } = useCurrentAccountNames();
+  const index = useCurrentAccountIndex();
 
   return useMemo(() => {
-    if (!account || typeof account?.index !== 'number') return 'Account';
+    if (isUndefined(index) && (!account || typeof account?.index !== 'number')) return 'Account';
     if (names[0]) return parseIfValidPunycode(names[0]);
-    return getAutogeneratedAccountDisplayName(account.index);
-  }, [account, names]);
+    return getAutogeneratedAccountDisplayName(index);
+  }, [account, names, index]);
 }
 
-export function useAccountDisplayName(account: StacksAccount): string {
-  const { data: names = [] } = useGetAccountNamesByAddressQuery(account.address);
+export function useAccountDisplayName({ address, index }: { index: number; address: string }) {
+  const { data: names = [] } = useGetAccountNamesByAddressQuery(address);
   return useMemo(() => {
     if (names[0]) return parseIfValidPunycode(names[0]);
-    return getAutogeneratedAccountDisplayName(account.index);
-  }, [account, names]);
+    return getAutogeneratedAccountDisplayName(index);
+  }, [names, index]);
 }
diff --git a/src/app/common/hooks/account/use-switch-account.ts b/src/app/common/hooks/account/use-switch-account.ts
index 52399570b15..877ee119faf 100644
--- a/src/app/common/hooks/account/use-switch-account.ts
+++ b/src/app/common/hooks/account/use-switch-account.ts
@@ -28,7 +28,7 @@ export function useSwitchAccount(callback?: () => void) {
       switchAccount(index);
       if (callback) setTimeout(() => callback(), TIMEOUT);
       if (!accounts) return;
-      void trackSwitchAccount(accounts[index].address, index);
+      void trackSwitchAccount(accounts[index]?.address, index);
     },
     [setHasSwitched, switchAccount, callback, accounts, trackSwitchAccount]
   );
diff --git a/src/app/common/hooks/balance/use-total-balance.tsx b/src/app/common/hooks/balance/use-total-balance.tsx
index c6bf25bd897..27aa0b54875 100644
--- a/src/app/common/hooks/balance/use-total-balance.tsx
+++ b/src/app/common/hooks/balance/use-total-balance.tsx
@@ -1,5 +1,7 @@
 import { useMemo } from 'react';
 
+import { createMoney } from '@shared/models/money.model';
+
 import { baseCurrencyAmountInQuote } from '@app/common/money/calculate-money';
 import { i18nFormatCurrency } from '@app/common/money/format-money';
 import { useCryptoCurrencyMarketData } from '@app/query/common/market-data/market-data.hooks';
@@ -19,15 +21,14 @@ export function useTotalBalance({ btcAddress, stxAddress }: UseTotalBalanceArgs)
 
   // get stx balance
   const { data: balances, isLoading } = useAnchoredStacksAccountBalances(stxAddress);
+  const stxBalance = balances ? balances.stx.balance : createMoney(0, 'STX');
 
   // get btc balance
   const btcBalance = useBtcAssetBalance(btcAddress);
 
   return useMemo(() => {
-    if (!balances) return null;
-
     // calculate total balance
-    const stxUsdAmount = baseCurrencyAmountInQuote(balances.stx.balance, stxMarketData);
+    const stxUsdAmount = baseCurrencyAmountInQuote(stxBalance, stxMarketData);
     const btcUsdAmount = baseCurrencyAmountInQuote(
       btcBalance.btcAvailableAssetBalance.balance,
       btcMarketData
@@ -39,5 +40,5 @@ export function useTotalBalance({ btcAddress, stxAddress }: UseTotalBalanceArgs)
       totalUsdBalance: i18nFormatCurrency(totalBalance),
       isLoading,
     };
-  }, [btcBalance, balances, btcMarketData, stxMarketData, isLoading]);
+  }, [btcBalance, btcMarketData, stxMarketData, isLoading, stxBalance]);
 }
diff --git a/src/app/common/hooks/use-bitcoin-contracts.ts b/src/app/common/hooks/use-bitcoin-contracts.ts
index 0526bee6110..aec2a6700a7 100644
--- a/src/app/common/hooks/use-bitcoin-contracts.ts
+++ b/src/app/common/hooks/use-bitcoin-contracts.ts
@@ -4,17 +4,17 @@ import { RpcErrorCode } from '@btckit/types';
 import { JsDLCInterface } from '@dlc-link/dlc-tools';
 import { bytesToHex } from '@stacks/common';
 
-import { BITCOIN_API_BASE_URL_MAINNET, BITCOIN_API_BASE_URL_TESTNET } from '@shared/constants';
 import {
   deriveAddressIndexKeychainFromAccount,
   extractAddressIndexFromPath,
 } from '@shared/crypto/bitcoin/bitcoin.utils';
-import { createMoneyFromDecimal } from '@shared/models/money.model';
+import { Money, createMoneyFromDecimal } from '@shared/models/money.model';
 import { RouteUrls } from '@shared/route-urls';
 import { BitcoinContractResponseStatus } from '@shared/rpc/methods/accept-bitcoin-contract';
 import { makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
 import { makeRpcErrorResponse } from '@shared/rpc/rpc-methods';
 
+import { checkDlcLinkAttestorHealth } from '@app/query/bitcoin/contract/check-dlc-link-attestor-health';
 import { sendAcceptedBitcoinContractOfferToProtocolWallet } from '@app/query/bitcoin/contract/send-accepted-bitcoin-contract-offer';
 import {
   useCalculateBitcoinFiatValue,
@@ -22,14 +22,14 @@ import {
 } from '@app/query/common/market-data/market-data.hooks';
 import { useCurrentAccountIndex } from '@app/store/accounts/account';
 import {
-  useCurrentAccountNativeSegwitSigner,
+  useCurrentAccountNativeSegwitIndexZeroSigner,
   useNativeSegwitAccountBuilder,
 } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
+import { useCurrentNetwork } from '@app/store/networks/networks.selectors';
 
 import { initialSearchParams } from '../initial-search-params';
 import { i18nFormatCurrency } from '../money/format-money';
 import { satToBtc } from '../money/unit-conversion';
-import { whenBitcoinNetwork } from '../utils';
 import { useDefaultRequestParams } from './use-default-request-search-params';
 
 export interface SimplifiedBitcoinContract {
@@ -44,6 +44,13 @@ interface CounterpartyWalletDetails {
   counterpartyWalletIcon: string;
 }
 
+export interface BitcoinContractListItem {
+  id: string;
+  state: string;
+  acceptorCollateral: string;
+  txId: string;
+}
+
 export interface BitcoinContractOfferDetails {
   simplifiedBitcoinContract: SimplifiedBitcoinContract;
   counterpartyWalletDetails: CounterpartyWalletDetails;
@@ -54,18 +61,16 @@ export function useBitcoinContracts() {
   const defaultParams = useDefaultRequestParams();
   const bitcoinMarketData = useCryptoCurrencyMarketData('BTC');
   const calculateFiatValue = useCalculateBitcoinFiatValue();
-  const getNativeSegwitSigner = useCurrentAccountNativeSegwitSigner();
+  const bitcoinAccountDetails = useCurrentAccountNativeSegwitIndexZeroSigner();
   const currentIndex = useCurrentAccountIndex();
   const nativeSegwitPrivateKeychain = useNativeSegwitAccountBuilder()?.(currentIndex);
+  const currentBitcoinNetwork = useCurrentNetwork();
 
   async function getBitcoinContractInterface(
     attestorURLs: string[]
   ): Promise<JsDLCInterface | undefined> {
-    const bitcoinAccountDetails = getNativeSegwitSigner?.(0);
-
     if (!nativeSegwitPrivateKeychain || !bitcoinAccountDetails) return;
 
-    const currentBitcoinNetwork = bitcoinAccountDetails.network;
     const currentAddress = bitcoinAccountDetails.address;
     const currentAccountIndex = extractAddressIndexFromPath(bitcoinAccountDetails.derivationPath);
 
@@ -75,18 +80,11 @@ export function useBitcoinContracts() {
 
     if (!currentAddressPrivateKey) return;
 
-    const blockchainAPI = whenBitcoinNetwork(currentBitcoinNetwork)({
-      mainnet: BITCOIN_API_BASE_URL_MAINNET,
-      testnet: BITCOIN_API_BASE_URL_TESTNET,
-      regtest: BITCOIN_API_BASE_URL_TESTNET,
-      signet: BITCOIN_API_BASE_URL_TESTNET,
-    });
-
-    const bitcoinContractInterface = JsDLCInterface.new(
+    const bitcoinContractInterface = await JsDLCInterface.new(
       bytesToHex(currentAddressPrivateKey),
       currentAddress,
-      currentBitcoinNetwork,
-      blockchainAPI,
+      currentBitcoinNetwork.chain.bitcoin.network,
+      currentBitcoinNetwork.chain.bitcoin.url,
       JSON.stringify(attestorURLs)
     );
 
@@ -198,6 +196,57 @@ export function useBitcoinContracts() {
     close();
   }
 
+  async function getHealthyDlcLinkAttestor(): Promise<string> {
+    const dlcLinkAttestorUrls = [
+      'https://devnet.dlc.link/attestor-1/',
+      'https://devnet.dlc.link/attestor-2/',
+      'https://devnet.dlc.link/attestor-3/',
+    ];
+
+    let currentAttestorUrl: string | undefined;
+
+    for (const attestorURL of dlcLinkAttestorUrls) {
+      const isAttestorHealthy = await checkDlcLinkAttestorHealth(attestorURL);
+      if (isAttestorHealthy) {
+        currentAttestorUrl = attestorURL;
+        break;
+      }
+    }
+
+    if (!currentAttestorUrl) {
+      throw new Error('Unable to find a healthy DLC.Link attestor');
+    }
+
+    return currentAttestorUrl;
+  }
+
+  async function getAllSignedBitcoinContracts() {
+    let bitcoinContractInterface: JsDLCInterface | undefined;
+
+    try {
+      const currentAttestorUrl = await getHealthyDlcLinkAttestor();
+      bitcoinContractInterface = await getBitcoinContractInterface([currentAttestorUrl]);
+    } catch (error) {
+      navigate(RouteUrls.BitcoinContractLockError, {
+        state: {
+          error,
+          title: 'There was an error with getting the Bitcoin Contract Interface',
+          body: 'Unable to setup Bitcoin Contract Interface',
+        },
+      });
+      sendRpcResponse(BitcoinContractResponseStatus.INTERFACE_ERROR);
+    }
+
+    if (!bitcoinContractInterface) return;
+
+    const bitcoinContracts = await bitcoinContractInterface.get_contracts();
+    const signedBitcoinContracts = bitcoinContracts.filter(
+      (bitcoinContract: BitcoinContractListItem) => bitcoinContract.state === 'Signed'
+    );
+
+    return signedBitcoinContracts;
+  }
+
   function getTransactionDetails(txId: string, bitcoinCollateral: number) {
     const bitcoinValue = satToBtc(bitcoinCollateral);
     const txMoney = createMoneyFromDecimal(bitcoinValue, 'BTC');
@@ -215,6 +264,19 @@ export function useBitcoinContracts() {
     };
   }
 
+  async function sumBitcoinContractCollateralAmounts(): Promise<Money> {
+    let bitcoinContractsCollateralSum = 0;
+    const bitcoinContracts = await getAllSignedBitcoinContracts();
+    bitcoinContracts.forEach((bitcoinContract: BitcoinContractListItem) => {
+      bitcoinContractsCollateralSum += parseInt(bitcoinContract.acceptorCollateral);
+    });
+    const bitcoinContractCollateralSumMoney = createMoneyFromDecimal(
+      satToBtc(bitcoinContractsCollateralSum),
+      'BTC'
+    );
+    return bitcoinContractCollateralSumMoney;
+  }
+
   function sendRpcResponse(
     responseStatus: BitcoinContractResponseStatus,
     bitcoinContractId?: string,
@@ -275,6 +337,8 @@ export function useBitcoinContracts() {
     handleOffer,
     handleAccept,
     handleReject,
+    getAllSignedBitcoinContracts,
+    sumBitcoinContractCollateralAmounts,
     sendRpcResponse,
   };
 }
diff --git a/src/app/common/hooks/use-copy-to-clipboard.ts b/src/app/common/hooks/use-copy-to-clipboard.ts
new file mode 100644
index 00000000000..97e02328021
--- /dev/null
+++ b/src/app/common/hooks/use-copy-to-clipboard.ts
@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from 'react';
+
+interface UiClipboard {
+  value: string;
+  onCopy: () => void;
+  hasCopied: boolean;
+}
+
+function copyToClipboard(value: string) {
+  const el = document.createElement('textarea');
+  el.value = value;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+
+  const curSelection = document.getSelection();
+  const selected = curSelection && curSelection.rangeCount > 0 ? curSelection.getRangeAt(0) : false;
+  el.select();
+
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection()?.removeAllRanges();
+    document.getSelection()?.addRange(selected);
+  }
+}
+
+export function useClipboard(value: string): UiClipboard {
+  const [hasCopied, setHasCopied] = useState(false);
+  const timers = useRef<number[]>([]);
+
+  function onCopy() {
+    copyToClipboard(value);
+    setHasCopied(true);
+    timers.current.push(window.setTimeout(() => setHasCopied(false), 1250));
+  }
+
+  useEffect(() => () => timers.current.forEach(timer => clearTimeout(timer)), []);
+
+  return { value, onCopy, hasCopied };
+}
diff --git a/src/app/common/hooks/use-location-state.ts b/src/app/common/hooks/use-location-state.ts
index db1a95f496e..ba748de5b03 100644
--- a/src/app/common/hooks/use-location-state.ts
+++ b/src/app/common/hooks/use-location-state.ts
@@ -5,6 +5,13 @@ import get from 'lodash.get';
 
 import { isUndefined } from '@shared/utils';
 
+type LocationState = string | undefined | number | Location;
+
+export function useLocationState<T extends LocationState>(propName: string): T;
+export function useLocationState<T extends LocationState>(
+  propName: string,
+  defaultValue: string
+): T;
 export function useLocationState(propName: string): string | undefined;
 export function useLocationState(propName: string, defaultValue: string): string;
 export function useLocationState(propName: string, defaultValue?: string) {
diff --git a/src/app/common/rpc-helpers.ts b/src/app/common/rpc-helpers.ts
index 59b4074d0e2..307e2eaf466 100644
--- a/src/app/common/rpc-helpers.ts
+++ b/src/app/common/rpc-helpers.ts
@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { RpcErrorCode } from '@btckit/types';
 
 import { WalletMethodMap, makeRpcErrorResponse } from '@shared/rpc/rpc-methods';
+import { closeWindow } from '@shared/utils';
 
 import { useDefaultRequestParams } from './hooks/use-default-request-search-params';
 import { initialSearchParams } from './initial-search-params';
@@ -33,5 +34,5 @@ export function useRejectIfLedgerWallet(request: keyof WalletMethodMap) {
       },
     })
   );
-  window.close();
+  closeWindow();
 }
diff --git a/src/app/common/use-wallet-type.ts b/src/app/common/use-wallet-type.ts
index 8811b0e47eb..76acf62cfa5 100644
--- a/src/app/common/use-wallet-type.ts
+++ b/src/app/common/use-wallet-type.ts
@@ -1,5 +1,8 @@
 import { useMemo } from 'react';
 
+import { isUndefined } from '@shared/utils';
+
+import { useHasBitcoinLedgerKeychain } from '@app/store/accounts/blockchain/bitcoin/bitcoin.ledger';
 import { useCurrentKeyDetails } from '@app/store/keys/key.selectors';
 
 type WalletType = 'ledger' | 'software';
@@ -24,13 +27,20 @@ function whenWallet(walletType: WalletType) {
 
 export function useWalletType() {
   const wallet = useCurrentKeyDetails();
+  const hasBitcoinLedgerKeychain = useHasBitcoinLedgerKeychain();
+  let walletType = wallet?.type;
+
+  if (isUndefined(walletType) && hasBitcoinLedgerKeychain) {
+    walletType = 'ledger';
+  }
+
   return useMemo(
     () => ({
       walletType: wallet?.type,
       // Coercing type here allows use within app without handling undefined
       // case will error when use within onboarding
-      whenWallet: whenWallet(wallet?.type as any),
+      whenWallet: whenWallet(walletType as any),
     }),
-    [wallet]
+    [wallet, walletType]
   );
 }
diff --git a/src/app/common/utils.ts b/src/app/common/utils.ts
index ff16075eb60..2f8314ea828 100644
--- a/src/app/common/utils.ts
+++ b/src/app/common/utils.ts
@@ -264,10 +264,6 @@ export function whenStacksChainId(chainId: ChainID) {
   return <T>(chainIdMap: WhenStacksChainIdMap<T>): T => chainIdMap[chainId];
 }
 
-export function whenBitcoinNetwork(mode: BitcoinNetworkModes) {
-  return <T>(networkMap: Record<BitcoinNetworkModes, T>): T => networkMap[mode];
-}
-
 export function logAndThrow(msg: string, args: any[] = []) {
   logger.error(msg, ...args);
   throw new Error(msg);
diff --git a/src/app/components/account/account-list-item-layout.tsx b/src/app/components/account/account-list-item-layout.tsx
index 3c6ed650835..af74a45dd09 100644
--- a/src/app/components/account/account-list-item-layout.tsx
+++ b/src/app/components/account/account-list-item-layout.tsx
@@ -5,18 +5,17 @@ import { Flex, HStack, Stack, StackProps, styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';
 
 import { useViewportMinWidth } from '@app/common/hooks/use-media-query';
-import { useConfigBitcoinEnabled } from '@app/query/common/remote-config/remote-config.query';
 
 import { CaptionDotSeparator } from '../caption-dot-separator';
 import { CheckmarkIcon } from '../icons/checkmark-icon';
 import { Flag } from '../layout/flag';
+import { StacksAccountLoader } from '../stacks-account-loader';
+import { BitcoinNativeSegwitAccountLoader } from './bitcoin-account-loader';
 
 interface AccountListItemLayoutProps extends StackProps {
   isLoading: boolean;
   isActive: boolean;
   index: number;
-  stxAddress: string;
-  btcAddress: string;
   accountName: React.ReactNode;
   avatar: React.JSX.Element;
   balanceLabel: React.ReactNode;
@@ -30,8 +29,6 @@ export function AccountListItemLayout(props: AccountListItemLayoutProps) {
     index,
     isLoading,
     isActive,
-    stxAddress,
-    btcAddress,
     accountName,
     avatar,
     balanceLabel,
@@ -44,7 +41,6 @@ export function AccountListItemLayout(props: AccountListItemLayoutProps) {
   } = props;
 
   const isBreakpointSm = useViewportMinWidth('sm');
-  const isBitcoinEnabled = useConfigBitcoinEnabled();
 
   return (
     <Flex
@@ -77,12 +73,21 @@ export function AccountListItemLayout(props: AccountListItemLayoutProps) {
           </HStack>
           <HStack alignItems="center" gap="space.02" whiteSpace="nowrap">
             <CaptionDotSeparator>
-              <styled.span textStyle="caption.02">
-                {truncateMiddle(stxAddress, isBreakpointSm ? 4 : 3)}
-              </styled.span>
-              {isBitcoinEnabled && (
-                <styled.span textStyle="caption.02">{truncateMiddle(btcAddress, 5)}</styled.span>
-              )}
+              <StacksAccountLoader index={index}>
+                {account => (
+                  <styled.span textStyle="caption.02">
+                    {truncateMiddle(account.address, isBreakpointSm ? 4 : 3)}
+                  </styled.span>
+                )}
+              </StacksAccountLoader>
+
+              <BitcoinNativeSegwitAccountLoader index={index}>
+                {signer => (
+                  <styled.span textStyle="caption.02">
+                    {truncateMiddle(signer.address, 5)}
+                  </styled.span>
+                )}
+              </BitcoinNativeSegwitAccountLoader>
             </CaptionDotSeparator>
           </HStack>
         </Stack>
diff --git a/src/app/components/account/account-name.tsx b/src/app/components/account/account-name.tsx
index 5ae67b4a2bd..381bd4671b7 100644
--- a/src/app/components/account/account-name.tsx
+++ b/src/app/components/account/account-name.tsx
@@ -9,7 +9,7 @@ import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-acco
 interface AccountNameLayoutProps {
   children: React.ReactNode;
 }
-const AccountNameLayout = memo(({ children }: AccountNameLayoutProps) => (
+export const AccountNameLayout = memo(({ children }: AccountNameLayoutProps) => (
   <styled.p textStyle="label.01">{children}</styled.p>
 ));
 
diff --git a/src/app/components/account/bitcoin-account-loader.tsx b/src/app/components/account/bitcoin-account-loader.tsx
new file mode 100644
index 00000000000..e7ea98b72d3
--- /dev/null
+++ b/src/app/components/account/bitcoin-account-loader.tsx
@@ -0,0 +1,31 @@
+import { P2Ret } from '@scure/btc-signer';
+
+import { useConfigBitcoinEnabled } from '@app/query/common/remote-config/remote-config.query';
+import { useCurrentAccountIndex } from '@app/store/accounts/account';
+import { Signer } from '@app/store/accounts/blockchain/bitcoin/bitcoin-signer';
+import { useNativeSegwitSigner } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
+
+interface BitcoinAccountLoaderBaseProps {
+  children(account: Signer<P2Ret>): React.ReactNode;
+}
+interface BtcAccountLoaderCurrentProps extends BitcoinAccountLoaderBaseProps {
+  current: true;
+}
+interface BtcAccountLoaderIndexProps extends BitcoinAccountLoaderBaseProps {
+  index: number;
+}
+
+type BtcAccountLoaderProps = BtcAccountLoaderCurrentProps | BtcAccountLoaderIndexProps;
+
+export function BitcoinNativeSegwitAccountLoader({ children, ...props }: BtcAccountLoaderProps) {
+  const isBitcoinEnabled = useConfigBitcoinEnabled();
+
+  const currentAccountIndex = useCurrentAccountIndex();
+
+  const properIndex = 'current' in props ? currentAccountIndex : props.index;
+
+  const signer = useNativeSegwitSigner(properIndex);
+
+  if (!signer || !isBitcoinEnabled) return null;
+  return children(signer(0));
+}
diff --git a/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point-layout.tsx b/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point-layout.tsx
new file mode 100644
index 00000000000..e45c3a21295
--- /dev/null
+++ b/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point-layout.tsx
@@ -0,0 +1,63 @@
+import { Flex, StackProps } from '@stacks/ui';
+import { forwardRefWithAs } from '@stacks/ui-core';
+import { CryptoAssetSelectors } from '@tests/selectors/crypto-asset.selectors';
+import { HStack } from 'leather-styles/jsx';
+
+import { Money } from '@shared/models/money.model';
+
+import { formatBalance } from '@app/common/format-balance';
+import { ftDecimals } from '@app/common/stacks-utils';
+import { Flag } from '@app/components/layout/flag';
+import { Tooltip } from '@app/components/tooltip';
+import { Caption, Text } from '@app/components/typography';
+
+import { SmallLoadingSpinner } from '../loading-spinner';
+
+interface BitcoinContractEntryPointLayoutProps extends StackProps {
+  balance: Money;
+  caption: string;
+  icon: React.JSX.Element;
+  usdBalance?: string;
+  isLoading?: boolean;
+  onClick: () => void;
+}
+export const BitcoinContractEntryPointLayout = forwardRefWithAs(
+  (props: BitcoinContractEntryPointLayoutProps) => {
+    const { balance, caption, icon, usdBalance, isLoading, onClick } = props;
+
+    const amount = balance.decimals
+      ? ftDecimals(balance.amount, balance.decimals)
+      : balance.amount.toString();
+    const dataTestId = CryptoAssetSelectors.CryptoAssetListItem.replace(
+      '{symbol}',
+      balance.symbol.toLowerCase()
+    );
+    const formattedBalance = formatBalance(amount);
+
+    return (
+      <Flex as={'button'} onClick={onClick} data-testid={dataTestId} outline={0}>
+        <Flag img={icon} align="middle" spacing="base" width="100%">
+          <HStack alignItems="center" justifyContent="space-between" width="100%">
+            <Text>{'Bitcoin Contracts'}</Text>
+            <Tooltip
+              label={formattedBalance.isAbbreviated ? balance.amount.toString() : undefined}
+              placement="left-start"
+            >
+              <Text
+                data-testid={'Bitcoin Contracts'}
+                fontVariantNumeric="tabular-nums"
+                textAlign="right"
+              >
+                {isLoading ? <SmallLoadingSpinner /> : formattedBalance.value}
+              </Text>
+            </Tooltip>
+          </HStack>
+          <HStack height="1.25rem" alignItems="center" justifyContent="space-between" width="100%">
+            <Caption>{caption}</Caption>
+            <Flex>{isLoading ? '' : <Caption>{usdBalance}</Caption>}</Flex>
+          </HStack>
+        </Flag>
+      </Flex>
+    );
+  }
+);
diff --git a/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point.tsx b/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point.tsx
new file mode 100644
index 00000000000..d0758d28306
--- /dev/null
+++ b/src/app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point.tsx
@@ -0,0 +1,55 @@
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+import { Box } from '@stacks/ui';
+
+import { Money, createMoneyFromDecimal } from '@shared/models/money.model';
+import { RouteUrls } from '@shared/route-urls';
+
+import { useBitcoinContracts } from '@app/common/hooks/use-bitcoin-contracts';
+import { i18nFormatCurrency } from '@app/common/money/format-money';
+import { useCalculateBitcoinFiatValue } from '@app/query/common/market-data/market-data.hooks';
+
+import { BitcoinContractIcon } from '../icons/bitcoin-contract-icon';
+import { BitcoinContractEntryPointLayout } from './bitcoin-contract-entry-point-layout';
+
+interface BitcoinContractEntryPointProps {
+  btcAddress: string;
+}
+
+export function BitcoinContractEntryPoint({ btcAddress }: BitcoinContractEntryPointProps) {
+  const navigate = useNavigate();
+  const { sumBitcoinContractCollateralAmounts } = useBitcoinContracts();
+  const [isLoading, setIsLoading] = useState(true);
+  const calculateFiatValue = useCalculateBitcoinFiatValue();
+  const [bitcoinContractSum, setBitcoinContractSum] = useState<Money>(
+    createMoneyFromDecimal(0, 'BTC')
+  );
+
+  useEffect(() => {
+    const getBitcoinContractDataAndSetState = async () => {
+      setIsLoading(true);
+      const currentBitcoinContractSum = await sumBitcoinContractCollateralAmounts();
+      setBitcoinContractSum(currentBitcoinContractSum);
+      setIsLoading(false);
+    };
+    getBitcoinContractDataAndSetState();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [btcAddress]);
+
+  function onClick() {
+    navigate(RouteUrls.BitcoinContractList);
+  }
+
+  return (
+    <BitcoinContractEntryPointLayout
+      isLoading={isLoading}
+      cursor={'pointer'}
+      balance={bitcoinContractSum}
+      caption={bitcoinContractSum.symbol}
+      icon={<Box as={BitcoinContractIcon} />}
+      usdBalance={i18nFormatCurrency(calculateFiatValue(bitcoinContractSum))}
+      onClick={onClick}
+    />
+  );
+}
diff --git a/src/app/components/crypto-assets/components/asset-row-grid.tsx b/src/app/components/crypto-assets/components/asset-row-grid.tsx
new file mode 100644
index 00000000000..50abc1384ac
--- /dev/null
+++ b/src/app/components/crypto-assets/components/asset-row-grid.tsx
@@ -0,0 +1,34 @@
+import { Grid, GridItem } from 'leather-styles/jsx';
+
+interface AssetRowGridProps {
+  title: React.ReactNode;
+  balance: React.ReactNode;
+  caption: React.ReactNode;
+  usdBalance?: React.ReactNode;
+  rightElement?: React.ReactNode;
+}
+export function AssetRowGrid({
+  title,
+  balance,
+  caption,
+  usdBalance,
+  rightElement,
+}: AssetRowGridProps) {
+  const balanceItem = rightElement ? (
+    <GridItem rowSpan={2} display="flex" justifyContent="end">
+      {rightElement}
+    </GridItem>
+  ) : (
+    <GridItem textAlign="right">{balance}</GridItem>
+  );
+  return (
+    <Grid columns={2} gridTemplateColumns="2fr 1fr" gridTemplateRows={2} gap={0}>
+      <GridItem textAlign="left" whiteSpace="nowrap" overflow="hidden" textOverflow="ellipsis">
+        {title}
+      </GridItem>
+      {balanceItem}
+      <GridItem textAlign="left">{caption}</GridItem>
+      {usdBalance && <GridItem>{usdBalance}</GridItem>}
+    </Grid>
+  );
+}
diff --git a/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx b/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx
index 285da32ccb7..bd6907c7f11 100644
--- a/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx
+++ b/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.layout.tsx
@@ -2,7 +2,7 @@ import { Flex, StackProps } from '@stacks/ui';
 import { forwardRefWithAs } from '@stacks/ui-core';
 import { truncateMiddle } from '@stacks/ui-utils';
 import { CryptoAssetSelectors } from '@tests/selectors/crypto-asset.selectors';
-import { HStack, styled } from 'leather-styles/jsx';
+import { styled } from 'leather-styles/jsx';
 
 import { CryptoCurrencies } from '@shared/models/currencies.model';
 import { Money } from '@shared/models/money.model';
@@ -13,11 +13,13 @@ import { usePressable } from '@app/components/item-hover';
 import { Flag } from '@app/components/layout/flag';
 import { Tooltip } from '@app/components/tooltip';
 
+import { AssetRowGrid } from '../components/asset-row-grid';
+
 interface CryptoCurrencyAssetItemLayoutProps extends StackProps {
   balance: Money;
   caption: string;
-  icon: React.JSX.Element;
-  copyIcon?: React.JSX.Element;
+  icon: React.ReactNode;
+  copyIcon?: React.ReactNode;
   isPressable?: boolean;
   title: string;
   usdBalance?: string;
@@ -25,8 +27,9 @@ interface CryptoCurrencyAssetItemLayoutProps extends StackProps {
   canCopy?: boolean;
   isHovered?: boolean;
   currency?: CryptoCurrencies;
-  additionalBalanceInfo?: React.JSX.Element;
-  additionalUsdBalanceInfo?: React.JSX.Element;
+  additionalBalanceInfo?: React.ReactNode;
+  additionalUsdBalanceInfo?: React.ReactNode;
+  rightElement?: React.ReactNode;
 }
 export const CryptoCurrencyAssetItemLayout = forwardRefWithAs(
   (props: CryptoCurrencyAssetItemLayoutProps, ref) => {
@@ -42,6 +45,7 @@ export const CryptoCurrencyAssetItemLayout = forwardRefWithAs(
       isHovered = false,
       additionalBalanceInfo,
       additionalUsdBalanceInfo,
+      rightElement,
       ...rest
     } = props;
     const [component, bind] = usePressable(isPressable);
@@ -67,31 +71,36 @@ export const CryptoCurrencyAssetItemLayout = forwardRefWithAs(
         <Flag
           align="middle"
           img={isHovered && copyIcon ? copyIcon : icon}
-          spacing="base"
+          spacing="space.04"
           width="100%"
         >
-          <HStack alignItems="center" justifyContent="space-between" width="100%">
-            <styled.span textStyle="label.01">
-              {isHovered ? truncateMiddle(address, 6) : title}
-            </styled.span>
-            <Tooltip
-              label={formattedBalance.isAbbreviated ? balance.amount.toString() : undefined}
-              placement="left-start"
-            >
-              <styled.span data-testid={title} textStyle="label.01">
-                {formattedBalance.value} {additionalBalanceInfo}
+          <AssetRowGrid
+            title={
+              <styled.span textStyle="label.01">
+                {isHovered ? truncateMiddle(address, 6) : title}
               </styled.span>
-            </Tooltip>
-          </HStack>
-          <HStack alignItems="center" justifyContent="space-between" height="1.25rem" width="100%">
-            <styled.span textStyle="caption.02">{caption}</styled.span>
-            <Flex>
-              {balance.amount.toNumber() > 0 && address ? (
-                <styled.span textStyle="caption.02">{usdBalance}</styled.span>
-              ) : null}
-              {additionalUsdBalanceInfo}
-            </Flex>
-          </HStack>
+            }
+            balance={
+              <Tooltip
+                label={formattedBalance.isAbbreviated ? balance.amount.toString() : undefined}
+                placement="left-start"
+              >
+                <styled.span data-testid={title} textStyle="label.01">
+                  {formattedBalance.value} {additionalBalanceInfo}
+                </styled.span>
+              </Tooltip>
+            }
+            caption={<styled.span textStyle="caption.02">{caption}</styled.span>}
+            usdBalance={
+              <Flex justifyContent="flex-end">
+                {balance.amount.toNumber() > 0 && address ? (
+                  <styled.span textStyle="caption.02">{usdBalance}</styled.span>
+                ) : null}
+                {additionalUsdBalanceInfo}
+              </Flex>
+            }
+            rightElement={rightElement}
+          />
         </Flag>
         {component}
       </Flex>
diff --git a/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx b/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx
index 426739a2633..6df02e8f024 100644
--- a/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx
+++ b/src/app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item.tsx
@@ -1,12 +1,13 @@
 import { useState } from 'react';
 import { toast } from 'react-hot-toast';
 
-import { StackProps, useClipboard } from '@stacks/ui';
+import { StackProps } from '@stacks/ui';
 import { forwardRefWithAs } from '@stacks/ui-core';
 
 import type { AllCryptoCurrencyAssetBalances } from '@shared/models/crypto-asset-balance.model';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { spamFilter } from '@app/common/utils/spam-filter';
 
 import { AssetItemCopyIcon } from './asset-copy-icon';
@@ -14,13 +15,14 @@ import { CryptoCurrencyAssetItemLayout } from './crypto-currency-asset-item.layo
 
 interface CryptoCurrencyAssetItemProps extends StackProps {
   assetBalance: AllCryptoCurrencyAssetBalances;
-  icon: React.JSX.Element;
+  icon: React.ReactNode;
   usdBalance?: string;
   address?: string;
   isPressable?: boolean;
   canCopy?: boolean;
-  additionalBalanceInfo?: React.JSX.Element;
-  additionalUsdBalanceInfo?: React.JSX.Element;
+  additionalBalanceInfo?: React.ReactNode;
+  additionalUsdBalanceInfo?: React.ReactNode;
+  rightElement?: React.ReactNode;
 }
 export const CryptoCurrencyAssetItem = forwardRefWithAs(
   (props: CryptoCurrencyAssetItemProps, ref) => {
@@ -33,6 +35,7 @@ export const CryptoCurrencyAssetItem = forwardRefWithAs(
       usdBalance,
       additionalBalanceInfo,
       additionalUsdBalanceInfo,
+      rightElement,
       ...rest
     } = props;
     const { balance, asset } = assetBalance;
@@ -80,6 +83,7 @@ export const CryptoCurrencyAssetItem = forwardRefWithAs(
         onMouseOut={onBlur}
         additionalBalanceInfo={additionalBalanceInfo}
         additionalUsdBalanceInfo={additionalUsdBalanceInfo}
+        rightElement={rightElement}
         {...rest}
       />
     );
diff --git a/src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.layout.tsx b/src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.layout.tsx
index 128e737cdfd..384ade2ed17 100644
--- a/src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.layout.tsx
+++ b/src/app/components/crypto-assets/stacks/fungible-token-asset/stacks-fungible-token-asset-item.layout.tsx
@@ -1,6 +1,6 @@
 import { BoxProps } from '@stacks/ui';
 import { forwardRefWithAs } from '@stacks/ui-core';
-import { Flex, HStack, styled } from 'leather-styles/jsx';
+import { Flex, styled } from 'leather-styles/jsx';
 
 import type { Money } from '@shared/models/money.model';
 
@@ -12,6 +12,7 @@ import { Flag } from '@app/components/layout/flag';
 import { Tooltip } from '@app/components/tooltip';
 
 import { AssetCaption } from '../../components/asset-caption';
+import { AssetRowGrid } from '../../components/asset-row-grid';
 
 interface StacksFungibleTokenAssetItemLayoutProps extends BoxProps {
   avatar: string;
@@ -45,32 +46,23 @@ export const StacksFungibleTokenAssetItemLayout = forwardRefWithAs(
               {title[0]}
             </StacksAssetAvatar>
           }
-          spacing="base"
+          spacing="space.04"
           width="100%"
         >
-          <HStack alignItems="center" justifyContent="space-between" width="100%">
-            <styled.span
-              maxWidth="150px"
-              overflow="hidden"
-              textAlign="left"
-              textOverflow="ellipsis"
-              textStyle="label.01"
-              whiteSpace="nowrap"
-            >
-              {title}
-            </styled.span>
-            <Tooltip
-              label={formattedBalance.isAbbreviated ? amount : undefined}
-              placement="left-start"
-            >
-              <styled.span data-testid={title} textStyle="label.01">
-                {formattedBalance.value}
-              </styled.span>
-            </Tooltip>
-          </HStack>
-          <HStack alignItems="center" justifyContent="space-between" height="1.25rem" width="100%">
-            <AssetCaption caption={caption} />
-          </HStack>
+          <AssetRowGrid
+            title={<styled.span textStyle="label.01">{title}</styled.span>}
+            balance={
+              <Tooltip
+                label={formattedBalance.isAbbreviated ? amount : undefined}
+                placement="left-start"
+              >
+                <styled.span data-testid={title} textStyle="label.01">
+                  {formattedBalance.value}
+                </styled.span>
+              </Tooltip>
+            }
+            caption={<AssetCaption caption={caption} />}
+          />
           {component}
         </Flag>
       </Flex>
diff --git a/src/app/components/drawer/controlled-drawer.tsx b/src/app/components/drawer/controlled-drawer.tsx
index 1ff9385a301..02819286cbe 100644
--- a/src/app/components/drawer/controlled-drawer.tsx
+++ b/src/app/components/drawer/controlled-drawer.tsx
@@ -17,9 +17,6 @@ export function ControlledDrawer(props: ControlledDrawerProps) {
 
   return (
     <BaseDrawer
-      height="100vh"
-      position={['absolute', 'fixed']}
-      top={['-24px', 0]}
       enableGoBack={enableGoBack}
       icon={icon}
       isShowing={isShowing}
diff --git a/src/app/components/external-link.tsx b/src/app/components/external-link.tsx
index f7c4c626efa..09d3dce9b5c 100644
--- a/src/app/components/external-link.tsx
+++ b/src/app/components/external-link.tsx
@@ -1,15 +1,18 @@
 import React from 'react';
 
-import { BoxProps, Text, color } from '@stacks/ui';
+import { styled } from 'leather-styles/jsx';
 
-interface ExternalLinkProps extends BoxProps {
+const StyledA = styled('a');
+
+interface ExternalLinkProps extends React.ComponentProps<typeof StyledA> {
   href: string;
   children: React.ReactNode;
 }
-export function ExternalLink(props: ExternalLinkProps) {
+
+export function ExternalLink({ href, children, ...rest }: ExternalLinkProps) {
   return (
-    <Text as="a" color={color('accent')} target="_blank" {...props}>
-      {props.children}
-    </Text>
+    <styled.a target="_blank" cursor="pointer" href={href} {...rest}>
+      {children}
+    </styled.a>
   );
 }
diff --git a/src/app/components/fees-row/fees-row.tsx b/src/app/components/fees-row/fees-row.tsx
index 808e7c9be9f..ac600510b0c 100644
--- a/src/app/components/fees-row/fees-row.tsx
+++ b/src/app/components/fees-row/fees-row.tsx
@@ -26,8 +26,16 @@ interface FeeRowProps extends StackProps {
   defaultFeeValue?: number;
   disableFeeSelection?: boolean;
 }
-export function FeesRow(props: FeeRowProps): React.JSX.Element {
-  const { fees, isSponsored, allowCustom = true, ...rest } = props;
+export function FeesRow(props: FeeRowProps) {
+  const {
+    fees,
+    isSponsored,
+    allowCustom = true,
+    defaultFeeValue,
+    disableFeeSelection,
+    ...rest
+  } = props;
+
   const [feeField, _, feeHelper] = useField('fee');
   const [feeCurrencyField] = useField('feeCurrency');
   const [feeTypeField, __, feeTypeHelper] = useField('feeType');
@@ -49,27 +57,26 @@ export function FeesRow(props: FeeRowProps): React.JSX.Element {
   }, [convertCryptoCurrencyToUsd, feeCurrencySymbol, feeField.value]);
 
   useEffect(() => {
-    if (props.defaultFeeValue) {
-      feeHelper.setValue(
-        convertAmountToBaseUnit(
-          new BigNumber(Number(props.defaultFeeValue)),
-          STX_DECIMALS
-        ).toString()
+    if (defaultFeeValue) {
+      void feeHelper.setValue(
+        convertAmountToBaseUnit(new BigNumber(Number(defaultFeeValue)), STX_DECIMALS).toString()
       );
-      feeTypeHelper.setValue(FeeTypes[FeeTypes.Custom]);
+      void feeTypeHelper.setValue(FeeTypes[FeeTypes.Custom]);
     }
-  }, [feeHelper, props.defaultFeeValue, feeTypeHelper]);
+  }, [feeHelper, defaultFeeValue, feeTypeHelper]);
 
   useEffect(() => {
-    if (!props.defaultFeeValue && hasFeeEstimates && !feeField.value && !isCustom) {
-      feeHelper.setValue(convertAmountToBaseUnit(fees.estimates[FeeTypes.Middle].fee).toString());
-      feeTypeHelper.setValue(FeeTypes[FeeTypes.Middle]);
+    if (!defaultFeeValue && hasFeeEstimates && !feeField.value && !isCustom) {
+      void feeHelper.setValue(
+        convertAmountToBaseUnit(fees.estimates[FeeTypes.Middle].fee).toString()
+      );
+      void feeTypeHelper.setValue(FeeTypes[FeeTypes.Middle]);
     }
     if (isSponsored) {
-      feeHelper.setValue(0);
+      void feeHelper.setValue(0);
     }
   }, [
-    props.defaultFeeValue,
+    defaultFeeValue,
     feeField.value,
     feeHelper,
     feeTypeHelper,
@@ -81,19 +88,20 @@ export function FeesRow(props: FeeRowProps): React.JSX.Element {
 
   const handleSelectFeeEstimateOrCustomField = useCallback(
     (index: number) => {
-      feeTypeHelper.setValue(FeeTypes[index]);
+      void feeTypeHelper.setValue(FeeTypes[index]);
       if (index === FeeTypes.Custom)
-        feeHelper.setValue(
-          props.defaultFeeValue
-            ? convertAmountToBaseUnit(new BigNumber(Number(props.defaultFeeValue)), STX_DECIMALS)
+        void feeHelper.setValue(
+          defaultFeeValue
+            ? convertAmountToBaseUnit(new BigNumber(Number(defaultFeeValue)), STX_DECIMALS)
             : ''
         );
       else
-        fees && feeHelper.setValue(convertAmountToBaseUnit(fees.estimates[index].fee).toString());
+        fees &&
+          void feeHelper.setValue(convertAmountToBaseUnit(fees.estimates[index].fee).toString());
       setFieldWarning('');
       setIsSelectVisible(false);
     },
-    [feeTypeHelper, feeHelper, fees, props.defaultFeeValue]
+    [feeTypeHelper, feeHelper, fees, defaultFeeValue]
   );
 
   if (!hasFeeEstimates) return <LoadingRectangle height="32px" width="100%" {...rest} />;
@@ -104,7 +112,7 @@ export function FeesRow(props: FeeRowProps): React.JSX.Element {
       feeField={
         isCustom ? (
           <CustomFeeField
-            disableFeeSelection={props.disableFeeSelection}
+            disableFeeSelection={disableFeeSelection}
             feeCurrencySymbol={feeCurrencySymbol}
             lowFeeEstimate={fees.estimates[FeeTypes.Low]}
             setFieldWarning={(value: string) => setFieldWarning(value)}
@@ -123,7 +131,7 @@ export function FeesRow(props: FeeRowProps): React.JSX.Element {
       isSponsored={isSponsored}
       selectInput={
         <FeeEstimateSelect
-          disableFeeSelection={props.disableFeeSelection}
+          disableFeeSelection={disableFeeSelection}
           allowCustom={allowCustom}
           isVisible={isSelectVisible}
           estimate={fees.estimates}
diff --git a/src/app/components/generic-error/generic-error.tsx b/src/app/components/generic-error/generic-error.tsx
index a9f37caac50..c514d3c163f 100644
--- a/src/app/components/generic-error/generic-error.tsx
+++ b/src/app/components/generic-error/generic-error.tsx
@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 
+import { closeWindow } from '@shared/utils';
+
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { Header } from '@app/components/header';
 
@@ -12,7 +14,7 @@ interface GenericErrorProps {
   title: string;
 }
 export function GenericError(props: GenericErrorProps) {
-  const { body, helpTextList, onClose = () => window.close(), title } = props;
+  const { body, helpTextList, onClose = () => closeWindow(), title } = props;
 
   useRouteHeader(<Header hideActions />);
 
diff --git a/src/app/components/icons/bitcoin-contract-icon.tsx b/src/app/components/icons/bitcoin-contract-icon.tsx
new file mode 100644
index 00000000000..195db6aed1e
--- /dev/null
+++ b/src/app/components/icons/bitcoin-contract-icon.tsx
@@ -0,0 +1,40 @@
+export function BitcoinContractIcon() {
+  return (
+    <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_7_6)">
+        <path
+          d="M18 36C27.9411 36 36 27.9411 36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36Z"
+          fill="url(#paint0_radial_7_6)"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.5527 10.9136C14.5527 9.77371 14.8658 8.93453 15.373 8.38673C15.8725 7.84728 16.6434 7.5 17.7519 7.5C18.861 7.5 19.6308 7.84662 20.129 8.38479C20.635 8.93138 20.9474 9.76945 20.9474 10.91V13.114H14.5527V10.9136ZM13.0527 13.114V10.9136C13.0527 9.50789 13.4413 8.26526 14.2723 7.36767C15.1111 6.46172 16.3148 6 17.7519 6C19.1886 6 20.3916 6.46045 21.2297 7.3658C22.06 8.26274 22.4474 9.50467 22.4474 10.91V13.114H24.4071C25.127 13.114 25.7105 13.6976 25.7105 14.4174V16.4298H24.2105V14.614H11.5V23.3772H17.8553L17.4307 24.9307L11.3034 24.8772C10.5836 24.8772 10 24.2936 10 23.5737V14.4174C10 13.6976 10.5836 13.114 11.3034 13.114H13.0527Z"
+          fill="white"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M23.3811 19.1028C24.703 19.2333 25.7395 19.6373 25.8544 20.8407C25.9324 21.7181 25.5625 22.2401 24.9509 22.5343C25.9384 22.7807 26.539 23.3602 26.4149 24.6457C26.2638 26.2569 25.0584 26.6753 23.3351 26.7636L23.3379 28.427L22.3229 28.4284L22.3202 26.7649C22.2093 26.7633 22.0934 26.765 21.9745 26.7667H21.9744C21.8155 26.769 21.6512 26.7713 21.4866 26.766L21.4893 28.4294L20.4763 28.4307L20.4736 26.7673L18.4439 26.7272L18.615 25.5115C18.615 25.5115 19.3815 25.5284 19.3673 25.5196C19.6495 25.5181 19.7333 25.318 19.7541 25.1866L19.7491 22.5201L19.7571 20.6223C19.7259 20.4245 19.5913 20.1871 19.1764 20.1799C19.199 20.1597 18.4333 20.1809 18.4333 20.1809L18.4307 19.0664L20.5106 19.0638L20.508 17.4344L21.5558 17.4331L21.5584 19.0624C21.7607 19.0568 21.9602 19.0584 22.162 19.06C22.2283 19.0606 22.2947 19.0611 22.3616 19.0614L22.359 17.432L23.3784 17.4307L23.3811 19.1028ZM21.5707 22.2764L21.615 22.2784C22.1453 22.3015 23.7176 22.37 23.72 21.4167C23.7176 20.5117 22.3794 20.5409 21.7577 20.5545C21.6842 20.5561 21.6208 20.5574 21.5707 20.557V22.2764ZM21.6451 25.0843C21.6173 25.0832 21.5916 25.0821 21.5683 25.0812L21.5683 23.3618C21.6237 23.3623 21.6934 23.3615 21.7739 23.3605C22.5087 23.3513 24.15 23.3309 24.1422 24.2433C24.1505 25.1871 22.2979 25.1111 21.6451 25.0843Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <radialGradient
+          id="paint0_radial_7_6"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(6.9471 1.64) scale(37.7884)"
+        >
+          <stop offset="0.1011" stopColor="#93009E" />
+          <stop offset="1" stopColor="#001FBA" />
+        </radialGradient>
+        <clipPath id="clip0_7_6">
+          <rect width="36" height="36" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
diff --git a/src/app/components/icons/btc-ledger-icon.tsx b/src/app/components/icons/btc-ledger-icon.tsx
new file mode 100644
index 00000000000..0c5c1f8b48b
--- /dev/null
+++ b/src/app/components/icons/btc-ledger-icon.tsx
@@ -0,0 +1,10 @@
+export function BtcLedgerIcon() {
+  return (
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M20.2075 9.5429C20.5457 7.31003 18.8248 6.10969 16.4717 5.30895L17.235 2.28424L15.3714 1.8254L14.6283 4.77039C14.1383 4.64978 13.6351 4.53599 13.1351 4.42325L13.8835 1.45884L12.021 1L11.2571 4.02365C10.8516 3.9324 10.4535 3.84222 10.0671 3.7473L10.0692 3.73786L7.49906 3.10386L7.00329 5.07034C7.00329 5.07034 8.38603 5.3834 8.35683 5.40281C9.11164 5.58896 9.24804 6.08242 9.22522 6.47361L8.35576 9.91941C8.40778 9.93252 8.47521 9.9514 8.54952 9.98077C8.48741 9.96556 8.42106 9.94877 8.35259 9.93252L7.13386 14.7596C7.0415 14.9861 6.80742 15.3259 6.27981 15.1969C6.29838 15.2236 4.9252 14.8629 4.9252 14.8629L4 16.9704L6.42524 17.5677C6.87642 17.6794 7.31857 17.7963 7.75383 17.9064L6.98259 20.9658L8.84411 21.4246L9.60793 18.3978C10.1164 18.5341 10.6101 18.66 11.0931 18.7785L10.332 21.7912L12.1956 22.25L12.9669 19.1965C16.1448 19.7906 18.5344 19.5509 19.5403 16.7114C20.3509 14.425 19.5 13.1062 17.8279 12.2461C19.0456 11.9687 19.9628 11.1774 20.2075 9.5429ZM15.9494 15.4418C15.3735 17.7282 11.4769 16.4922 10.2136 16.1822L11.237 12.1292C12.5003 12.4407 16.5514 13.0574 15.9494 15.4418ZM16.5259 9.50986C16.0004 11.5896 12.7572 10.5329 11.7051 10.2739L12.633 6.59791C13.685 6.85696 17.0731 7.34044 16.5259 9.50986Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/components/icons/ledger-icon.tsx b/src/app/components/icons/ledger-icon.tsx
new file mode 100644
index 00000000000..c33d67864e9
--- /dev/null
+++ b/src/app/components/icons/ledger-icon.tsx
@@ -0,0 +1,17 @@
+export function LedgerIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="15"
+      height="15"
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M0 10V14.0612L6 14L6 13H1V10H0ZM14 10L14 13H9V14L15 14.061L15 10H14ZM6 4V10H10L10 9H7V4H6ZM0 0V4H1L1 1H6L6 0H0ZM9 0L9 1H14L14 4H15L15 0H9Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/components/icons/stx-ledger-icon.tsx b/src/app/components/icons/stx-ledger-icon.tsx
new file mode 100644
index 00000000000..305a8c1b55e
--- /dev/null
+++ b/src/app/components/icons/stx-ledger-icon.tsx
@@ -0,0 +1,14 @@
+export function StxLedgerIcon() {
+  return (
+    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M16.2091 14.89L20.2452 21H17.2301L12.492 13.8212L7.75399 21H4.75483L8.79093 14.906H3V12.5928H22V14.89H16.2091Z"
+        fill="currentColor"
+      />
+      <path
+        d="M22 8.03023V10.3434V10.3594H3V8.03023H8.67926L4.69102 2H7.70613L12.492 9.27456L17.2939 2H20.309L16.3207 8.03023H22Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/components/loading-spinner.tsx b/src/app/components/loading-spinner.tsx
index a497e40829d..1e195f10006 100644
--- a/src/app/components/loading-spinner.tsx
+++ b/src/app/components/loading-spinner.tsx
@@ -8,6 +8,14 @@ export function LoadingSpinner(props: FlexProps) {
   );
 }
 
+export function SmallLoadingSpinner(props: FlexProps) {
+  return (
+    <Flex alignItems="center" flexGrow={1} justifyContent="center" width="100%" {...props}>
+      <Spinner color={color('text-caption')} opacity={0.5} size="sm" />
+    </Flex>
+  );
+}
+
 export function FullPageLoadingSpinner(props: FlexProps) {
   return (
     <Flex height="100vh" width="100%" {...props}>
diff --git a/src/app/components/stacks-account-loader.tsx b/src/app/components/stacks-account-loader.tsx
index 9b71b6bae70..aaefeb95402 100644
--- a/src/app/components/stacks-account-loader.tsx
+++ b/src/app/components/stacks-account-loader.tsx
@@ -1,4 +1,8 @@
-import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
+import { useCurrentAccountIndex } from '@app/store/accounts/account';
+import {
+  useCurrentStacksAccount,
+  useStacksAccounts,
+} from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.models';
 
 interface CurrentStacksAccountLoaderProps {
@@ -10,3 +14,27 @@ export function CurrentStacksAccountLoader({ children }: CurrentStacksAccountLoa
   if (!currentAccount) return null;
   return children(currentAccount);
 }
+
+interface StacksAccountBaseLoaderProps {
+  children(data: StacksAccount): React.ReactNode;
+}
+
+interface StacksAccountCurrentLoaderProps extends StacksAccountBaseLoaderProps {
+  current: true;
+}
+
+interface StacksAccountIndexLoaderProps extends StacksAccountBaseLoaderProps {
+  index: number;
+}
+
+type StacksAccountLoaderProps = StacksAccountCurrentLoaderProps | StacksAccountIndexLoaderProps;
+
+export function StacksAccountLoader({ children, ...props }: StacksAccountLoaderProps) {
+  const stacksAccounts = useStacksAccounts();
+  const currentAccountIndex = useCurrentAccountIndex();
+  const properIndex = 'current' in props ? currentAccountIndex : props.index;
+
+  const account = stacksAccounts[properIndex];
+  if (!account) return null;
+  return children(account);
+}
diff --git a/src/app/components/typography.tsx b/src/app/components/typography.tsx
index 3b5456b7048..b463762939c 100644
--- a/src/app/components/typography.tsx
+++ b/src/app/components/typography.tsx
@@ -1,5 +1,6 @@
 import { Text as BaseText, BoxProps, color } from '@stacks/ui';
 import { forwardRefWithAs } from '@stacks/ui-core';
+import { BoxProps as LeatherBoxProps, styled } from 'leather-styles/jsx';
 
 const interMetrics = {
   capHeight: 2048,
@@ -70,6 +71,12 @@ export const Caption = forwardRefWithAs<{ variant?: 'c1' | 'c2' | 'c3' } & BoxPr
   )
 );
 
+export const LCaption = forwardRefWithAs<LeatherBoxProps, 'span'>(({ children, ...props }, ref) => (
+  <styled.span ref={ref} textStyle="label.03" color="accent.text-subdued" {...props}>
+    {children}
+  </styled.span>
+));
+
 export function CaptionSeparatorDot(props: BoxProps) {
   return (
     <Text color={color('text-caption')} fontSize="10px" {...props}>
diff --git a/src/app/components/warning-label.tsx b/src/app/components/warning-label.tsx
index 1e726da35d0..b343a17f687 100644
--- a/src/app/components/warning-label.tsx
+++ b/src/app/components/warning-label.tsx
@@ -1,34 +1,31 @@
-import { ReactNode } from 'react';
-
-import { Box, BoxProps } from '@stacks/ui';
-import { styled } from 'leather-styles/jsx';
+import { Box, BoxProps, styled } from 'leather-styles/jsx';
 import { token } from 'leather-styles/tokens';
 
 import { AlertIcon } from './icons/alert-icon';
 import { Flag } from './layout/flag';
 
 interface WarningLabelProps extends BoxProps {
-  children: ReactNode | undefined;
   title?: string;
 }
 export function WarningLabel({ children, title, ...props }: WarningLabelProps) {
   return (
     <Box {...props}>
       <Flag
-        bg={token('colors.accent.warning')}
+        bg="colors.accent.warning"
         borderRadius="10px"
         img={<AlertIcon color={token('colors.yellow.600')} />}
         minHeight="48px"
         px="base"
         py="base-tight"
         width="100%"
+        color="accent.notification-text"
       >
-        {title ? (
-          <styled.h1 mb="space.01" textStyle="label.02" color="accent.notification-text">
+        {title && (
+          <styled.h1 mb="space.01" mt={0} textStyle="label.02">
             {title}
           </styled.h1>
-        ) : null}
-        <styled.span mb="space.01" textStyle="caption.02" color="accent.notification-text">
+        )}
+        <styled.span mb="space.01" textStyle="caption.02">
           {children}
         </styled.span>
       </Flag>
diff --git a/src/app/features/activity-list/activity-list.tsx b/src/app/features/activity-list/activity-list.tsx
index b28cf472e9e..46d8f62b865 100644
--- a/src/app/features/activity-list/activity-list.tsx
+++ b/src/app/features/activity-list/activity-list.tsx
@@ -1,4 +1,5 @@
 import { useMemo } from 'react';
+import { Outlet } from 'react-router-dom';
 
 import uniqby from 'lodash.uniqby';
 
@@ -99,6 +100,7 @@ export function ActivityList() {
     return (
       <ActivityListTabWrapper padContent>
         <LoadingSpinner />
+        <Outlet />
       </ActivityListTabWrapper>
     );
 
@@ -106,25 +108,29 @@ export function ActivityList() {
     return (
       <ActivityListTabWrapper padContent>
         <NoAccountActivity />
+        <Outlet />
       </ActivityListTabWrapper>
     );
 
   return (
-    <ActivityListTabWrapper>
-      {hasSubmittedTransactions && <SubmittedTransactionList txs={submittedTransactions} />}
-      {hasPendingTransactions && (
-        <PendingTransactionList
-          bitcoinTxs={isBitcoinEnabled ? bitcoinPendingTxs : []}
-          stacksTxs={stacksPendingTransactions}
-        />
-      )}
-      {hasTransactions && (
-        <TransactionList
-          bitcoinTxs={isBitcoinEnabled ? transactionListBitcoinTxs : []}
-          stacksTxs={transactionListStacksTxs}
-          currentBitcoinAddress={nsBitcoinAddress}
-        />
-      )}
-    </ActivityListTabWrapper>
+    <>
+      <ActivityListTabWrapper>
+        {hasSubmittedTransactions && <SubmittedTransactionList txs={submittedTransactions} />}
+        {hasPendingTransactions && (
+          <PendingTransactionList
+            bitcoinTxs={isBitcoinEnabled ? bitcoinPendingTxs : []}
+            stacksTxs={stacksPendingTransactions}
+          />
+        )}
+        {hasTransactions && (
+          <TransactionList
+            bitcoinTxs={isBitcoinEnabled ? transactionListBitcoinTxs : []}
+            stacksTxs={transactionListStacksTxs}
+            currentBitcoinAddress={nsBitcoinAddress}
+          />
+        )}
+      </ActivityListTabWrapper>
+      <Outlet />
+    </>
   );
 }
diff --git a/src/app/features/asset-list/asset-list.tsx b/src/app/features/asset-list/asset-list.tsx
index 003beb1bbc0..265abffda89 100644
--- a/src/app/features/asset-list/asset-list.tsx
+++ b/src/app/features/asset-list/asset-list.tsx
@@ -1,5 +1,4 @@
 import { Outlet } from 'react-router-dom';
-import { useNavigate } from 'react-router-dom';
 
 import { HomePageSelectors } from '@tests/selectors/home.selectors';
 import { Stack } from 'leather-styles/jsx';
@@ -7,28 +6,46 @@ import { Stack } from 'leather-styles/jsx';
 import { LEDGER_BITCOIN_ENABLED } from '@shared/environment';
 
 import { useBtcAssetBalance } from '@app/common/hooks/balance/btc/use-btc-balance';
+import { useStxBalance } from '@app/common/hooks/balance/stx/use-stx-balance';
 import { useWalletType } from '@app/common/use-wallet-type';
+import { BitcoinContractEntryPoint } from '@app/components/bitcoin-contract-entry-point/bitcoin-contract-entry-point';
 import { Brc20TokensLoader } from '@app/components/brc20-tokens-loader';
 import { CryptoCurrencyAssetItem } from '@app/components/crypto-assets/crypto-currency-asset/crypto-currency-asset-item';
+import { StxAvatar } from '@app/components/crypto-assets/stacks/components/stx-avatar';
 import { BtcIcon } from '@app/components/icons/btc-icon';
 import { CurrentStacksAccountLoader } from '@app/components/stacks-account-loader';
+import { useHasBitcoinLedgerKeychain } from '@app/store/accounts/blockchain/bitcoin/bitcoin.ledger';
 import { useCurrentAccountNativeSegwitAddressIndexZero } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
+import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
+import { useHasStacksKeychain } from '@app/store/accounts/blockchain/stacks/stacks.hooks';
+import { useCurrentNetwork } from '@app/store/networks/networks.selectors';
 
 import { Collectibles } from '../collectibles/collectibles';
 import { PendingBrc20TransferList } from '../pending-brc-20-transfers/pending-brc-20-transfers';
 import { BitcoinFungibleTokenAssetList } from './components/bitcoin-fungible-tokens-asset-list';
+import { ConnectLedgerAssetBtn } from './components/connect-ledger-asset-button';
 import { StacksBalanceItem } from './components/stacks-balance-item';
 
 export function AssetsList() {
+  const hasStacksKeys = useHasStacksKeychain();
+  const hasBitcoinKeys = useHasBitcoinLedgerKeychain();
   const btcAddress = useCurrentAccountNativeSegwitAddressIndexZero();
+  const network = useCurrentNetwork();
+  const currentAccount = useCurrentStacksAccount();
 
   const { btcAvailableAssetBalance, btcAvailableUsdBalance } = useBtcAssetBalance(btcAddress);
+  const { stxEffectiveBalance, stxEffectiveUsdBalance } = useStxBalance();
+
   const { whenWallet } = useWalletType();
-  const navigate = useNavigate();
 
   return (
     <Stack pb="space.06" gap="space.05" data-testid={HomePageSelectors.BalancesList}>
       {/* Temporary duplication during Ledger Bitcoin feature dev */}
+      {network.chain.bitcoin.network === 'testnet' &&
+        whenWallet({
+          software: <BitcoinContractEntryPoint btcAddress={btcAddress} />,
+          ledger: null,
+        })}
       {whenWallet({
         software: (
           <CryptoCurrencyAssetItem
@@ -44,16 +61,27 @@ export function AssetsList() {
             usdBalance={btcAvailableUsdBalance}
             icon={<BtcIcon />}
             address={btcAddress}
-            // add conditionally if not bitcoin keys
-            isPressable={!btcAddress}
-            onClick={!btcAddress ? () => navigate('bitcoin/connect-your-ledger') : undefined}
+            rightElement={hasBitcoinKeys ? undefined : <ConnectLedgerAssetBtn chain="bitcoin" />}
           />
         ) : null,
       })}
 
-      <CurrentStacksAccountLoader>
-        {account => <StacksBalanceItem account={account} />}
-      </CurrentStacksAccountLoader>
+      {whenWallet({
+        software: (
+          <CurrentStacksAccountLoader>
+            {account => <StacksBalanceItem account={account} />}
+          </CurrentStacksAccountLoader>
+        ),
+        ledger: (
+          <CryptoCurrencyAssetItem
+            assetBalance={stxEffectiveBalance}
+            usdBalance={stxEffectiveUsdBalance}
+            icon={<StxAvatar />}
+            address={currentAccount?.address || ''}
+            rightElement={hasStacksKeys ? undefined : <ConnectLedgerAssetBtn chain="stacks" />}
+          />
+        ),
+      })}
 
       {whenWallet({
         software: (
diff --git a/src/app/features/asset-list/components/connect-ledger-asset-button.tsx b/src/app/features/asset-list/components/connect-ledger-asset-button.tsx
new file mode 100644
index 00000000000..a0ddd5f1b2d
--- /dev/null
+++ b/src/app/features/asset-list/components/connect-ledger-asset-button.tsx
@@ -0,0 +1,38 @@
+import { useNavigate } from 'react-router-dom';
+
+import { styled } from 'leather-styles/jsx';
+
+import { SupportedBlockchains } from '@shared/constants';
+
+import { capitalize } from '@app/common/utils';
+import { LeatherButton } from '@app/components/button/button';
+import { LedgerIcon } from '@app/components/icons/ledger-icon';
+import { immediatelyAttemptLedgerConnection } from '@app/features/ledger/hooks/use-when-reattempt-ledger-connection';
+
+interface ConnectLedgerAssetBtnProps {
+  chain: SupportedBlockchains;
+}
+
+export function ConnectLedgerAssetBtn({ chain }: ConnectLedgerAssetBtnProps) {
+  const navigate = useNavigate();
+
+  const onClick = () => {
+    navigate(`${chain}/connect-your-ledger`, {
+      replace: true,
+      state: { [immediatelyAttemptLedgerConnection]: true },
+    });
+  };
+  return (
+    <LeatherButton
+      display="flex"
+      alignItems="center"
+      variant="outline"
+      height="36px"
+      gap="space.02"
+      onClick={onClick}
+    >
+      <LedgerIcon />
+      <styled.span textStyle="label.02">Connect&nbsp;{capitalize(chain)}</styled.span>
+    </LeatherButton>
+  );
+}
diff --git a/src/app/features/collectibles/collectibles.tsx b/src/app/features/collectibles/collectibles.tsx
index 0dcbac128b0..47779bf9b40 100644
--- a/src/app/features/collectibles/collectibles.tsx
+++ b/src/app/features/collectibles/collectibles.tsx
@@ -8,6 +8,7 @@ import { RouteUrls } from '@shared/route-urls';
 import { useWalletType } from '@app/common/use-wallet-type';
 import { CurrentStacksAccountLoader } from '@app/components/stacks-account-loader';
 import { useConfigNftMetadataEnabled } from '@app/query/common/remote-config/remote-config.query';
+import { useHasBitcoinLedgerKeychain } from '@app/store/accounts/blockchain/bitcoin/bitcoin.ledger';
 
 import { AddCollectible } from './components/add-collectible';
 import { Ordinals } from './components/bitcoin/ordinals';
@@ -24,6 +25,7 @@ export function Collectibles() {
   const queryClient = useQueryClient();
   const isFetching = useIsFetchingCollectiblesRelatedQuery();
   const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const hasBitcoinKeychain = useHasBitcoinLedgerKeychain();
 
   return (
     <CollectiblesLayout
@@ -42,7 +44,7 @@ export function Collectibles() {
     >
       {whenWallet({
         software: <AddCollectible />,
-        ledger: null,
+        ledger: hasBitcoinKeychain ? <AddCollectible /> : null,
       })}
 
       {isNftMetadataEnabled && (
@@ -58,7 +60,12 @@ export function Collectibles() {
             <Ordinals setIsLoadingMore={setIsLoadingMore} />
           </>
         ),
-        ledger: null,
+        ledger: hasBitcoinKeychain ? (
+          <>
+            <Stamps />
+            <Ordinals setIsLoadingMore={setIsLoadingMore} />
+          </>
+        ) : null,
       })}
     </CollectiblesLayout>
   );
diff --git a/src/app/features/collectibles/components/add-collectible.tsx b/src/app/features/collectibles/components/add-collectible.tsx
index d4124706180..948173ad42e 100644
--- a/src/app/features/collectibles/components/add-collectible.tsx
+++ b/src/app/features/collectibles/components/add-collectible.tsx
@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import { Box } from '@stacks/ui';
 import { token } from 'leather-styles/tokens';
@@ -26,13 +26,18 @@ const backgroundProps = {
 export function AddCollectible() {
   const navigate = useNavigate();
   const analytics = useAnalytics();
+  const location = useLocation();
 
   return (
     <CollectibleItemLayout
       backgroundElementProps={backgroundProps}
       onClickLayout={() => {
         void analytics.track('select_add_new_collectible');
-        navigate(RouteUrls.ReceiveCollectible);
+        navigate(`${RouteUrls.Home}${RouteUrls.ReceiveCollectible}`, {
+          state: {
+            backgroundLocation: location,
+          },
+        });
       }}
       subtitle="Collectible"
       title="Add new"
diff --git a/src/app/features/collectibles/components/bitcoin/inscription.tsx b/src/app/features/collectibles/components/bitcoin/inscription.tsx
index 4a6b4cb78f3..079ce31291d 100644
--- a/src/app/features/collectibles/components/bitcoin/inscription.tsx
+++ b/src/app/features/collectibles/components/bitcoin/inscription.tsx
@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import { Inscription as InscriptionType } from '@shared/models/inscription.model';
 import { RouteUrls } from '@shared/route-urls';
@@ -18,10 +18,11 @@ interface InscriptionProps {
 export function Inscription({ rawInscription }: InscriptionProps) {
   const inscription = convertInscriptionToSupportedInscriptionType(rawInscription);
   const navigate = useNavigate();
+  const location = useLocation();
 
   function openSendInscriptionModal() {
     navigate(RouteUrls.SendOrdinalInscription, {
-      state: { inscription },
+      state: { inscription, backgroundLocation: location },
     });
   }
 
diff --git a/src/app/features/container/container.tsx b/src/app/features/container/container.tsx
index 8afe4b00973..10dcb48e05f 100644
--- a/src/app/features/container/container.tsx
+++ b/src/app/features/container/container.tsx
@@ -2,6 +2,8 @@ import { useEffect } from 'react';
 import { Toaster } from 'react-hot-toast';
 import { Outlet, useLocation } from 'react-router-dom';
 
+import { closeWindow } from '@shared/utils';
+
 import { useInitalizeAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { LoadingSpinner } from '@app/components/loading-spinner';
@@ -21,8 +23,8 @@ export function Container() {
   const analytics = useAnalytics();
   const hasStateRehydrated = useHasStateRehydrated();
 
-  useOnWalletLock(() => window.close());
-  useOnSignOut(() => window.close());
+  useOnWalletLock(() => closeWindow());
+  useOnSignOut(() => closeWindow());
 
   useRestoreFormState();
 
diff --git a/src/app/features/ledger/animations/plugged-in-cable-bright.lottie.json b/src/app/features/ledger/animations/plugged-in-cable-bright.lottie.json
new file mode 100644
index 00000000000..92d4a05c47f
--- /dev/null
+++ b/src/app/features/ledger/animations/plugged-in-cable-bright.lottie.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":30,"ip":0,"op":195,"w":878,"h":480,"nm":"plugging-in-cable-bright.lottie","ddd":0,"assets":[{"id":"comp_0","nm":"LedgerGesture_HoldCTA_Bright","fr":30,"layers":[{"ddd":0,"ind":2,"ty":4,"nm":"LedgerGesture_PreholdDot","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[100]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2,"l":2},"a":{"a":0,"k":[375.603,215.175,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[0.01,0.01,0.333],"y":[0.534,0.534,0]},"t":0,"s":[30,30,100]},{"t":30,"s":[100,100,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,4.254],[4.254,0],[0,-4.254],[-4.254,0]],"o":[[0,-4.254],[-4.254,0],[0,4.254],[4.254,0]],"v":[[383.306,215.175],[375.603,207.472],[367.9,215.175],[375.603,222.878]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"LedgerGesture_PreHold_Glow1Bis 5","sr":1,"ks":{"o":{"a":0,"k":4,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":17,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"LedgerGesture_PreHold_Glow5","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[4]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":17,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"LedgerGesture_PreHold_Glow1Bis 4","sr":1,"ks":{"o":{"a":0,"k":10,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":13,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"LedgerGesture_PreHold_Glow4","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[10]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":13,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"LedgerGesture_PreHold_Glow1Bis 3","sr":1,"ks":{"o":{"a":0,"k":20,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"LedgerGesture_PreHold_Glow3","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[20]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"LedgerGesture_PreHold_Glow1Bis 2","sr":1,"ks":{"o":{"a":0,"k":40,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"LedgerGesture_PreHold_Glow2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[40]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"LedgerGesture_PreHold_Glow1Bis","sr":1,"ks":{"o":{"a":0,"k":70,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"LedgerGesture_PreHold_Glow1","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[70]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"LedgerGesture_PreHold 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[100]},{"t":45,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":25,"s":[30,30]},{"t":45,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":25,"op":30,"st":-75,"ct":1,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"LedgerGesture_PreHold","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":5,"s":[100]},{"t":15,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[73.75,74.75,0],"ix":2,"l":2},"a":{"a":0,"k":[637.724,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-14.462,-9.629],[9.629,-14.462],[14.462,9.629],[-9.629,14.462]],"o":[[14.462,9.629],[-9.629,14.462],[-14.462,-9.629],[9.629,-14.462]],"v":[[655.16,188.99],[663.909,232.611],[620.289,241.36],[611.539,197.739]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[638.992,215.406],"ix":2},"a":{"a":0,"k":[637.742,215.156],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.14,0.14],"y":[1,1]},"o":{"x":[0.015,0.015],"y":[0.726,0.726]},"t":-5,"s":[30,30]},{"t":15,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":0,"op":30,"st":-105,"ct":1,"bm":0}]},{"id":"comp_1","nm":"LedgerUI_StacksDot","fr":30,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"LedgerUI_StacksDot","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"LedgerUI_StacksDot_Glow","sr":1,"ks":{"o":{"a":0,"k":70,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.580392181873,0.51372551918,0.96862745285,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":5,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"LedgerUI_StacksDot_Glow 2","sr":1,"ks":{"o":{"a":0,"k":30,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.580392181873,0.51372551918,0.96862745285,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":10,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"LedgerUI_StacksDot_Glow 3","sr":1,"ks":{"o":{"a":0,"k":13,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.580392181873,0.51372551918,0.96862745285,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":18,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"LedgerUI_StacksDot_Glow 4","sr":1,"ks":{"o":{"a":0,"k":5,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.580392181873,0.51372551918,0.96862745285,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":26,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"LedgerUI_StacksDot_Glow 5","sr":1,"ks":{"o":{"a":0,"k":2,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25,25,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,242.634,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":0,"s":[20,20,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":30,"s":[50,50,100]},{"i":{"x":[0.34,0.34,0.667],"y":[1,1,1]},"o":{"x":[0.667,0.667,0.333],"y":[0,0,0]},"t":60,"s":[20,20,100]},{"t":90,"s":[50,50,100]}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.609,0],[0,3.609],[-3.609,0],[0,-3.609]],"o":[[-3.609,0],[0,-3.609],[3.609,0],[0,3.609]],"v":[[504.801,249.168],[498.267,242.634],[504.801,236.1],[511.335,242.634]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.580392181873,0.51372551918,0.96862745285,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":25,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.592156887054,0.501960813999,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":170,"st":-100,"ct":1,"bm":0}]},{"id":"comp_2","nm":"Ledger_LogoIn","fr":30,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"LedgerLogo 2","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[50]},{"t":5,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":0,"s":[124.25]},{"t":10,"s":[203.05]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1381.3,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1373.215,-375.985],[1373.215,-373.629],[1387.028,-373.629],[1387.028,-365.36],[1389.384,-365.36],[1389.384,-375.985]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1373.215,-340.921],[1373.215,-338.566],[1389.384,-338.566],[1389.384,-349.19],[1387.028,-349.19],[1387.028,-340.921]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":57,"st":-70,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"L","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[50]},{"t":9,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":4,"s":[144.113]},{"t":14,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1296.09,-365.36],[1293.734,-365.36],[1293.734,-349.191],[1304.36,-349.191],[1304.36,-351.316],[1296.09,-351.316]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":61,"st":-66,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"E","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":2,"s":[50]},{"t":7,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":4,"s":[143.113]},{"t":14,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1309.718,-356.259],[1316.833,-356.259],[1316.833,-358.384],[1309.718,-358.384],[1309.718,-363.235],[1317.525,-363.235],[1317.525,-365.36],[1307.362,-365.36],[1307.362,-349.191],[1317.872,-349.191],[1317.872,-351.316],[1309.718,-351.316]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":59,"st":-68,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"D","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[50]},{"t":6,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":3,"s":[135.213]},{"t":13,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,4.735],[4.343,0],[0,0],[0,0]],"o":[[4.412,0],[0,-4.804],[0,0],[0,0],[0,0]],"v":[[1325.91,-349.19],[1331.962,-357.275],[1325.864,-365.359],[1320.874,-365.359],[1320.874,-349.19]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,-3.234],[0,0],[2.379,0],[0,0]],"o":[[0,0],[2.379,0],[0,0],[0,3.234],[0,0],[0,0]],"v":[[1323.185,-363.235],[1325.703,-363.235],[1329.375,-359.4],[1329.375,-355.15],[1325.703,-351.316],[1323.185,-351.316]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":3,"op":58,"st":-69,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"G","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[50]},{"t":6,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":3,"s":[136.713]},{"t":13,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[2.148,0],[0,0],[0,3.211],[0,0],[-2.148,0],[0,0],[-0.023,-2.171],[0,0],[3.188,0],[0.97,-0.924],[0,-3.234],[-1.432,-1.432],[-1.317,0],[-0.646,1.201],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,2.333],[0,0],[-2.148,0],[0,0],[0,-3.234],[0,0],[2.102,0],[0,0],[-0.231,-3.188],[-1.547,0],[-1.455,1.363],[0,3.118],[0.97,0.947],[1.386,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1343.557,-355.404],[1343.557,-354.296],[1340.554,-351.2],[1340.046,-351.2],[1336.858,-355.104],[1336.858,-359.447],[1340.092,-363.351],[1340.554,-363.351],[1343.348,-360.394],[1345.889,-360.394],[1340.346,-365.591],[1336.535,-364.182],[1334.271,-357.275],[1336.396,-350.415],[1340.023,-348.96],[1343.325,-350.715],[1343.649,-350.715],[1343.649,-349.191],[1345.774,-349.191],[1345.774,-357.529],[1339.514,-357.529],[1339.514,-355.404]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":3,"op":58,"st":-69,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"E","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[50]},{"t":5,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":2,"s":[134.213]},{"t":12,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1351.295,-356.259],[1358.41,-356.259],[1358.41,-358.384],[1351.295,-358.384],[1351.295,-363.235],[1359.103,-363.235],[1359.103,-365.36],[1348.939,-365.36],[1348.939,-349.191],[1359.449,-349.191],[1359.449,-351.316],[1351.295,-351.316]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":2,"op":57,"st":-70,"ct":1,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"R","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":-1,"s":[50]},{"t":4,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.159],"y":[1]},"o":{"x":[0.058],"y":[0.842]},"t":1,"s":[134.213]},{"t":11,"s":[155.213]}],"ix":3},"y":{"a":0,"k":75.475,"ix":4}},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,1.871],[0.878,0.855],[1.917,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,-1.848],[0,0],[0,0],[0,0],[1.848,0.277]],"o":[[1.686,-0.439],[0,-1.178],[-1.109,-1.063],[0,0],[0,0],[0,0],[0,0],[0,0],[1.778,0],[0,0],[0,0],[0,0],[0,-2.541],[0,0]],"v":[[1370.744,-356.79],[1373.608,-360.67],[1372.268,-363.766],[1367.764,-365.36],[1362.567,-365.36],[1362.567,-349.191],[1364.877,-349.191],[1364.877,-355.635],[1368.342,-355.635],[1370.836,-353.048],[1370.836,-349.19],[1373.192,-349.19],[1373.192,-352.678],[1370.744,-356.466]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,-1.64],[0,0],[1.825,0]],"o":[[0,0],[0,0],[1.802,0],[0,0],[0,1.686],[0,0]],"v":[[1364.877,-357.76],[1364.877,-363.234],[1368.573,-363.234],[1371.021,-360.994],[1371.021,-360.024],[1368.573,-357.76]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":56,"st":-71,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"LedgerLogo","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[50]},{"t":5,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[155.213,75.475,0],"ix":2,"l":2},"a":{"a":0,"k":[1333.463,-357.275,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1277.542,-375.985],[1277.542,-365.36],[1279.898,-365.36],[1279.898,-373.629],[1293.711,-373.629],[1293.711,-375.985]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[1277.542,-349.19],[1277.542,-338.565],[1293.711,-338.565],[1293.711,-340.921],[1279.898,-340.921],[1279.898,-349.19]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":57,"st":-70,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":2,"ty":4,"nm":"Winks_Top","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[169.011,268.683,0],"ix":2,"l":2},"a":{"a":0,"k":[1109.011,-433.317,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1116.697,-301.471],[1111.323,-291.189]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":72,"s":[0]},{"t":82,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.374],"y":[1]},"o":{"x":[0.06],"y":[0.781]},"t":70,"s":[55]},{"t":75,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Short 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1100.197,-311.221],[1074.323,-284.189]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":72,"s":[0]},{"t":82,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.374],"y":[1]},"o":{"x":[0.06],"y":[0.781]},"t":70,"s":[55]},{"t":75,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Short 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1109.197,-409.221],[1093.323,-429.189]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":72,"s":[0]},{"t":82,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.374],"y":[1]},"o":{"x":[0.06],"y":[0.781]},"t":70,"s":[55]},{"t":75,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Short","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1109.197,-409.221],[1093.323,-429.189]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":75,"s":[0]},{"t":95,"s":[100]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Short_Gray","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1124.699,-417.136],[1109.197,-457.412]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":72,"s":[0]},{"t":82,"s":[100]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.374],"y":[1]},"o":{"x":[0.06],"y":[0.781]},"t":70,"s":[55]},{"t":75,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Long","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[1124.699,-417.136],[1109.197,-457.412]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":0,"k":2.662,"ix":1},"e":{"a":0,"k":98.059,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.416],"y":[0]},"t":75,"s":[0]},{"t":95,"s":[100]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":4,"nm":"Trim Paths 2","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"LongGray","np":4,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":70,"op":90,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":0,"nm":"LedgerGesture_HoldCTA","parent":16,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[666.043,-356.247,0],"ix":2,"l":2},"a":{"a":0,"k":[75,75,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":150,"h":150,"ip":100,"op":121,"st":100,"bm":0},{"ddd":0,"ind":6,"ty":0,"nm":"LedgerGesture_HoldCTA","parent":16,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[404.043,-356.247,0],"ix":2,"l":2},"a":{"a":0,"k":[75,75,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":150,"h":150,"ip":100,"op":121,"st":100,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Ledger_Btn2","parent":8,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[665.447,-356.247,0],"ix":2,"l":2},"a":{"a":0,"k":[665.447,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-10.507,-13.837],[13.837,-10.507],[10.507,13.837],[-13.837,10.507]],"o":[[10.507,13.837],[-13.837,10.507],[-10.507,-13.837],[13.837,-10.507]],"v":[[690.502,-375.274],[684.471,-331.195],[640.392,-337.226],[646.424,-381.305]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Ledger_Cover","parent":16,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.937],"y":[0.245]},"o":{"x":[0.737],"y":[0]},"t":9,"s":[37.3]},{"i":{"x":[0.303],"y":[0.761]},"o":{"x":[0.623],"y":[0.209]},"t":29.322,"s":[77.596]},{"i":{"x":[0.267],"y":[1]},"o":{"x":[0.064],"y":[0.968]},"t":30.774,"s":[179.998]},{"i":{"x":[0.267],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":54,"s":[217.3]},{"i":{"x":[0.936],"y":[0.032]},"o":{"x":[0.733],"y":[0]},"t":131,"s":[217.3]},{"i":{"x":[0.377],"y":[0.901]},"o":{"x":[0.697],"y":[0.239]},"t":141.322,"s":[179.998]},{"i":{"x":[0.263],"y":[1]},"o":{"x":[0.063],"y":[0.755]},"t":141.968,"s":[77.596]},{"t":161,"s":[37.3]}],"ix":10},"p":{"a":0,"k":[665.447,-356.247,0],"ix":2,"l":2},"a":{"a":0,"k":[665.447,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[25.531,-19.386],[0,0],[5.021,6.613],[0,0],[-6.613,5.021],[0,0],[-19.386,-25.531],[0,0]],"o":[[0,0],[-6.613,5.021],[0,0],[-5.021,-6.613],[0,0],[25.531,-19.386],[0,0],[19.386,25.531]],"v":[[699.889,-309.518],[452.975,-122.04],[431.908,-124.923],[379.891,-193.431],[382.774,-214.498],[629.688,-401.976],[711.017,-390.848],[711.017,-390.848]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":9,"ty":0,"nm":"LedgerUI_StacksDot","parent":14,"refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[298,101,0],"ix":2,"l":2},"a":{"a":0,"k":[25,25,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":50,"h":50,"ip":100,"op":270,"st":100,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"LedgerUI_StacksLogo 2","parent":9,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":155,"s":[50]},{"t":156,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25.051,-1.075,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0.43,-0.639],[0,0],[0,0],[0,0],[-0.408,0],[0,0],[-0.228,-0.339],[0,0],[0,0],[0,0],[-0.771,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0.771,0],[0,0],[0,0],[0,0],[0.228,-0.339],[0,0],[0.408,0],[0,0],[0,0],[0,0],[-0.43,-0.639],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[492.425,220.258],[498.913,220.258],[499.711,221.757],[493.342,231.228],[496.213,231.228],[503.227,220.799],[504.244,220.258],[505.357,220.258],[506.374,220.799],[513.387,231.228],[516.259,231.228],[509.889,221.757],[510.688,220.258],[511.929,220.258],[520.357,220.258],[520.357,217.876],[511.929,217.876],[505.193,217.876],[504.408,217.876],[492.425,217.876],[489.245,217.876],[489.245,220.258]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.43,0.639],[0,0],[0,0],[0,0],[0.408,0],[0,0],[0.228,0.339],[0,0],[0,0],[0,0],[0.771,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[-0.771,0],[0,0],[0,0],[0,0],[-0.228,0.339],[0,0],[-0.408,0],[0,0],[0,0],[0,0],[0.43,0.639],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[517.176,210.092],[510.689,210.092],[509.89,208.593],[516.259,199.122],[513.388,199.122],[506.375,209.55],[505.357,210.092],[504.245,210.092],[503.227,209.55],[496.214,199.122],[493.343,199.122],[499.712,208.593],[498.913,210.092],[497.673,210.092],[489.245,210.092],[489.245,212.474],[497.673,212.474],[504.408,212.474],[505.194,212.474],[517.176,212.474],[520.357,212.474],[520.357,210.092]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":156,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"LedgerUI_StacksLogo","parent":9,"sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":155,"s":[50]},{"t":156,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[25.051,-1.075,0],"ix":2,"l":2},"a":{"a":0,"k":[504.801,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0.43,-0.639],[0,0],[0,0],[0,0],[-0.408,0],[0,0],[-0.228,-0.339],[0,0],[0,0],[0,0],[-0.771,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0.771,0],[0,0],[0,0],[0,0],[0.228,-0.339],[0,0],[0.408,0],[0,0],[0,0],[0,0],[-0.43,-0.639],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[492.425,220.258],[498.913,220.258],[499.711,221.757],[493.342,231.228],[496.213,231.228],[503.227,220.799],[504.244,220.258],[505.357,220.258],[506.374,220.799],[513.387,231.228],[516.259,231.228],[509.889,221.757],[510.688,220.258],[511.929,220.258],[520.357,220.258],[520.357,217.876],[511.929,217.876],[505.193,217.876],[504.408,217.876],[492.425,217.876],[489.245,217.876],[489.245,220.258]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.43,0.639],[0,0],[0,0],[0,0],[0.408,0],[0,0],[0.228,0.339],[0,0],[0,0],[0,0],[0.771,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[-0.771,0],[0,0],[0,0],[0,0],[-0.228,0.339],[0,0],[-0.408,0],[0,0],[0,0],[0,0],[0.43,0.639],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[517.176,210.092],[510.689,210.092],[509.89,208.593],[516.259,199.122],[513.388,199.122],[506.375,209.55],[505.357,210.092],[504.245,210.092],[503.227,209.55],[496.214,199.122],[493.343,199.122],[499.712,208.593],[498.913,210.092],[497.673,210.092],[489.245,210.092],[489.245,212.474],[497.673,212.474],[504.408,212.474],[505.194,212.474],[517.176,212.474],[520.357,212.474],[520.357,210.092]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0.5,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.827450990677,0.835294127464,0.86274510622,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":100,"op":155,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"LedgerUI_Arrow","parent":14,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[236.072,74.925,0],"ix":2,"l":2},"a":{"a":0,"k":[462.822,215.175,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[465.254,223.653],[467.672,223.653],[467.672,221.235],[465.254,221.235]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[462.86,221.26],[465.279,221.26],[465.279,218.841],[462.86,218.841]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[460.416,218.816],[462.835,218.816],[462.835,216.397],[460.416,216.397]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[457.972,216.371],[460.39,216.371],[460.39,213.953],[457.972,213.953]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[460.39,213.953],[462.809,213.953],[462.809,211.534],[460.39,211.534]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[465.228,209.115],[467.647,209.115],[467.647,206.696],[465.228,206.696]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[462.809,211.534],[465.228,211.534],[465.228,209.115],[462.809,209.115]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.533333361149,0.564705908298,0.584313750267,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false}],"ip":93,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"Ledger_ScreenMATTE","parent":16,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":531.543,"ix":3},"y":{"a":0,"k":-356.247,"ix":4}},"a":{"a":0,"k":[531.543,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,6.222],[0,0],[-6.222,0],[0,0]],"o":[[0,0],[-6.222,0],[0,0],[0,-6.222],[0,0],[0,0]],"v":[[636.163,-309.973],[473.301,-309.973],[462.034,-321.24],[462.034,-391.26],[473.301,-402.527],[636.163,-402.527]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.082352943718,0.086274512112,0.098039217293,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":14,"ty":0,"nm":"Ledger_LogoIn","parent":15,"tt":1,"tp":13,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":0,"k":532.043,"ix":3},"y":{"a":0,"k":-356.247,"ix":4}},"a":{"a":0,"k":[150,75,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":300,"h":150,"ip":74,"op":163,"st":74,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":"Ledger_Btn1","parent":16,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[404.346,-356.247,0],"ix":2,"l":2},"a":{"a":0,"k":[404.346,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-17.374],[17.374,0],[0,17.374],[-17.374,0]],"o":[[0,17.374],[-17.374,0],[0,-17.374],[17.374,0]],"v":[[435.804,-356.25],[404.346,-324.791],[372.887,-356.25],[404.346,-387.709]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":"Ledger_Body","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.18],"y":[0.807]},"o":{"x":[0.738],"y":[0]},"t":20,"s":[310]},{"i":{"x":[0.582],"y":[0.817]},"o":{"x":[0.434],"y":[0.517]},"t":40,"s":[381]},{"i":{"x":[0.787],"y":[1.784]},"o":{"x":[0.47],"y":[1.258]},"t":50,"s":[388]},{"i":{"x":[0.969],"y":[0.363]},"o":{"x":[0.791],"y":[0.078]},"t":64,"s":[389.599]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.003],"y":[0.652]},"t":70,"s":[364]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":80,"s":[359.5]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.531],"y":[0]},"t":145,"s":[359.5]},{"t":165,"s":[310]}],"ix":3},"y":{"a":0,"k":360,"ix":4}},"a":{"a":0,"k":[531.543,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,6.222],[0,0],[-6.222,0],[0,0]],"o":[[0,0],[-6.222,0],[0,0],[0,-6.222],[0,0],[0,0]],"v":[[636.163,-309.973],[473.301,-309.973],[462.034,-321.24],[462.034,-391.26],[473.301,-402.527],[636.163,-402.527]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.082352943718,0.086274512112,0.098039217293,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[8.304,0],[0,0],[0,8.304],[0,0],[-8.304,0],[0,0],[0,-8.304],[0,0]],"o":[[0,0],[-8.304,0],[0,0],[0,-8.304],[0,0],[8.304,0],[0,0],[0,8.304]],"v":[[708.06,-298.703],[355.027,-298.703],[339.991,-313.738],[339.991,-398.756],[355.027,-413.792],[708.06,-413.792],[723.095,-398.756],[723.095,-313.738]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,1,1,1,0.5,1,1,1,1,1,1,1],"ix":9}},"s":{"a":0,"k":[564.348,-283],"ix":5},"e":{"a":0,"k":[410.548,-633.876],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":17,"ty":4,"nm":"USBCableMatte","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[147.531,360.865,0],"ix":2,"l":2},"a":{"a":0,"k":[-162.469,-2.135,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[296.062,154.27],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":155,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.231372997165,0.850979983807,0.823529005051,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-162.469,-2.135],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":18,"ty":4,"nm":"USBCable","tt":1,"tp":17,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"s":true,"x":{"a":1,"k":[{"i":{"x":[0.153],"y":[0.914]},"o":{"x":[0.738],"y":[0]},"t":20,"s":[-136.456]},{"i":{"x":[0.624],"y":[0.818]},"o":{"x":[0.384],"y":[0.389]},"t":40,"s":[63.544]},{"i":{"x":[0.97],"y":[0.475]},"o":{"x":[0.879],"y":[0.459]},"t":50,"s":[73.544]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":70,"s":[92.044]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":80,"s":[93.544]},{"i":{"x":[0.27],"y":[0.867]},"o":{"x":[0.531],"y":[0]},"t":142,"s":[93.544]},{"t":162,"s":[-128.456]}],"ix":3},"y":{"a":0,"k":361.753,"ix":4}},"a":{"a":0,"k":[219.544,-356.247,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[229.741,-374.299],[229.741,-364.047],[232.014,-364.047],[232.014,-372.026],[245.341,-372.026],[245.341,-374.299]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[229.741,-348.447],[229.741,-338.195],[245.341,-338.195],[245.341,-340.469],[232.014,-340.469],[232.014,-348.447]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[247.637,-364.047],[245.364,-364.047],[245.364,-348.447],[255.615,-348.447],[255.615,-350.498],[247.637,-350.498]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[255.623,-374.299],[255.623,-372.026],[268.95,-372.026],[268.95,-364.047],[271.223,-364.047],[271.223,-374.299]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[255.623,-340.469],[255.623,-338.196],[271.223,-338.196],[271.223,-348.447],[268.95,-348.447],[268.95,-340.469]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":6,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,12.612],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[200.753,-331.4],[212.924,-363.416],[212.924,-331.345]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[317.883,-334.326],[288.04,-334.326],[288.04,-378.169],[317.883,-378.169]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,1,1,1,0.5,1,1,1,1,1,1,1],"ix":9}},"s":{"a":0,"k":[323.348,-379],"ix":5},"e":{"a":0,"k":[253.818,-299.083],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 4","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[2.035,-0.031],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.472,0],[0,0],[0,6.472],[0,0],[-6.472,0],[0,0],[0,-6.472],[0,0]],"o":[[0,0],[-6.472,0],[0,0],[0,-6.472],[0,0],[6.472,0],[0,0],[0,6.472]],"v":[[276.321,-318.689],[224.643,-318.689],[212.924,-330.408],[212.924,-382.086],[224.643,-393.805],[276.321,-393.805],[288.04,-382.086],[288.04,-330.408]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,1,1,1,0.5,1,1,1,1,1,1,1],"ix":9}},"s":{"a":0,"k":[208.348,-372],"ix":5},"e":{"a":0,"k":[292.62,-341.327],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 3","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-13.723],[-5.614,0],[0,0],[0,0]],"o":[[-5.614,0],[0,13.723],[0,0],[0,0],[0,0]],"v":[[195.466,-381.094],[185.301,-356.247],[195.466,-331.4],[245.16,-331.4],[245.16,-381.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,1,1,1,0.5,1,1,1,1,1,1,1],"ix":9}},"s":{"a":0,"k":[186.348,-369],"ix":5},"e":{"a":0,"k":[250.228,-345.749],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 2","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0.523,0.592],[0,0.724],[0,0],[-1.576,0],[0,0]],"o":[[0,0],[-0.852,0],[-0.444,-0.503],[0,0],[0,-1.576],[0,0],[0,0]],"v":[[195.203,-349.786],[33.308,-349.822],[31.168,-350.788],[30.454,-352.675],[30.454,-359.49],[33.308,-362.343],[195.203,-362.307]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":195,"st":0,"ct":1,"bm":0}],"markers":[],"props":{}}
\ No newline at end of file
diff --git a/src/app/features/ledger/animations/plugging-in-cable.lottie.tsx b/src/app/features/ledger/animations/plugging-in-cable.lottie.tsx
index 0096d4a72f9..9f4958789f4 100644
--- a/src/app/features/ledger/animations/plugging-in-cable.lottie.tsx
+++ b/src/app/features/ledger/animations/plugging-in-cable.lottie.tsx
@@ -2,12 +2,14 @@ import LottieRaw, { Options } from 'react-lottie';
 
 import { Box, BoxProps } from '@stacks/ui';
 
-import * as animationData from './plugging-in-cable.lottie.json';
+import { useThemeSwitcher } from '@app/common/theme-provider';
+
+import * as animationDataBright from './plugged-in-cable-bright.lottie.json';
 
 const options: Options = {
   loop: true,
   autoplay: true,
-  animationData,
+  animationData: animationDataBright,
   rendererSettings: {
     preserveAspectRatio: 'xMidYMid slice',
   },
@@ -18,10 +20,13 @@ const Lottie = LottieRaw as any;
 // Required for interop with `React.lazy`
 // ts-unused-exports:disable-next-line
 export default function PluggingInLedgerCableAnimation(props: BoxProps) {
+  const { theme } = useThemeSwitcher();
+  const invertStyle = theme === 'light' ? {} : { filter: 'invert()' };
+
   return (
     <Box width="100%" height="200px" overflow="hidden" position="relative" {...props}>
-      <Box position="absolute" left="-72px" right={0}>
-        <Lottie options={options} width={600} />
+      <Box position="absolute" left={0} right={0}>
+        <Lottie options={options} width={380} style={invertStyle} />
       </Box>
     </Box>
   );
diff --git a/src/app/features/ledger/components/ledger-inline-warnings.tsx b/src/app/features/ledger/components/ledger-inline-warnings.tsx
index 021a7472752..a2413614b68 100644
--- a/src/app/features/ledger/components/ledger-inline-warnings.tsx
+++ b/src/app/features/ledger/components/ledger-inline-warnings.tsx
@@ -32,7 +32,9 @@ export function CommonLedgerDeviceInlineWarnings({
   if (latestDeviceResponse.deviceLocked)
     return (
       <WarningLabel fontSize="14px" textAlign="left">
-        Your Ledger is locked. Unlock it and open the Stacks app to continue.
+        Your Ledger is locked. Unlock it and open the {''}
+        <Capitalize>{chain}</Capitalize>
+        {''} app to continue.
       </WarningLabel>
     );
   if (isStacksLedgerAppClosed(latestDeviceResponse))
diff --git a/src/app/features/ledger/components/ledger-title.tsx b/src/app/features/ledger/components/ledger-title.tsx
index 0f3e529060b..5edb3635c3b 100644
--- a/src/app/features/ledger/components/ledger-title.tsx
+++ b/src/app/features/ledger/components/ledger-title.tsx
@@ -1,16 +1,15 @@
-import { BoxProps } from '@stacks/ui';
+import { BoxProps, styled } from 'leather-styles/jsx';
 
 import { SupportedBlockchains } from '@shared/constants';
 
 import { Capitalize } from '@app/components/text/capitalize';
-import { Title } from '@app/components/typography';
 
 export function LedgerTitle(props: BoxProps) {
   const { children, ...rest } = props;
   return (
-    <Title fontSize={3} lineHeight={1.4} {...rest}>
+    <styled.span textStyle="heading.05" {...rest}>
       {children}
-    </Title>
+    </styled.span>
   );
 }
 
diff --git a/src/app/features/ledger/components/ledger-wrapper.tsx b/src/app/features/ledger/components/ledger-wrapper.tsx
index 51fb8df1576..7f5ca90632b 100644
--- a/src/app/features/ledger/components/ledger-wrapper.tsx
+++ b/src/app/features/ledger/components/ledger-wrapper.tsx
@@ -1,9 +1,14 @@
-import { Box, BoxProps, Flex } from '@stacks/ui';
+import { Box, BoxProps, Flex } from 'leather-styles/jsx';
 
-export function LedgerWrapper({ children, ...props }: BoxProps) {
+interface LedgerWrapperProps extends BoxProps {
+  image?: React.ReactNode;
+}
+
+export function LedgerWrapper({ image, children, ...props }: LedgerWrapperProps) {
   return (
-    <Box maxHeight="80vh" textAlign="center" {...props}>
-      <Flex alignItems="center" flexDirection="column" pb="loose" px="loose">
+    <Box maxHeight="80vh" textAlign="center" px="space.07" {...props}>
+      <Flex alignItems="center" flexDirection="column" pb="space.05">
+        {image && <Box mb="space.06">{image}</Box>}
         {children}
       </Flex>
     </Box>
diff --git a/src/app/features/ledger/flows/jwt-signing/steps/connect-ledger-sign-jwt.tsx b/src/app/features/ledger/flows/jwt-signing/steps/connect-ledger-sign-jwt.tsx
index f2de91672aa..a81ca8c59e0 100644
--- a/src/app/features/ledger/flows/jwt-signing/steps/connect-ledger-sign-jwt.tsx
+++ b/src/app/features/ledger/flows/jwt-signing/steps/connect-ledger-sign-jwt.tsx
@@ -2,14 +2,14 @@ import { useContext } from 'react';
 
 import { CommonLedgerDeviceInlineWarnings } from '@app/features/ledger/components/ledger-inline-warnings';
 import { ledgerJwtSigningContext } from '@app/features/ledger/flows/jwt-signing/ledger-sign-jwt.context';
-import { ConnectLedgerLayout } from '@app/features/ledger/generic-steps';
+import { ConnectLedger } from '@app/features/ledger/generic-steps';
 
 export function ConnectLedgerSignJwt() {
   const { signJwtPayload, latestDeviceResponse, awaitingDeviceConnection } =
     useContext(ledgerJwtSigningContext);
 
   return (
-    <ConnectLedgerLayout
+    <ConnectLedger
       chain="stacks"
       awaitingLedgerConnection={awaitingDeviceConnection}
       warning={
diff --git a/src/app/features/ledger/flows/jwt-signing/steps/sign-jwt-hash.tsx b/src/app/features/ledger/flows/jwt-signing/steps/sign-jwt-hash.tsx
index 4ec556e2134..cd8d09fafe4 100644
--- a/src/app/features/ledger/flows/jwt-signing/steps/sign-jwt-hash.tsx
+++ b/src/app/features/ledger/flows/jwt-signing/steps/sign-jwt-hash.tsx
@@ -1,6 +1,5 @@
 import { useContext } from 'react';
 
-import SignLedgerTransaction from '@assets/images/ledger/sign-ledger-transaction.png';
 import { Box, Flex, color } from '@stacks/ui';
 
 import { DeviceOperationApprovalStatus } from '@app/features/ledger/components/device-approval-status';
@@ -9,6 +8,7 @@ import { LedgerTitle } from '@app/features/ledger/components/ledger-title';
 import { LedgerWrapper } from '@app/features/ledger/components/ledger-wrapper';
 import { ledgerJwtSigningContext } from '@app/features/ledger/flows/jwt-signing/ledger-sign-jwt.context';
 import { useHasApprovedOperation } from '@app/features/ledger/hooks/use-has-approved-transaction';
+import { SignLedgerTransaction } from '@app/features/ledger/illustrations/ledger-illu-sign-ledger-transaction';
 
 export function SignJwtHash() {
   const { jwtPayloadHash } = useContext(ledgerJwtSigningContext);
@@ -17,7 +17,7 @@ export function SignJwtHash() {
   return (
     <LedgerWrapper>
       <Box mt="tight">
-        <img src={SignLedgerTransaction} width="228px" />
+        <SignLedgerTransaction />
       </Box>
       <LedgerTitle mt="loose" mx="50px">
         Approve the JWT hash on your device
diff --git a/src/app/features/ledger/flows/request-bitcoin-keys/ledger-request-bitcoin-keys.tsx b/src/app/features/ledger/flows/request-bitcoin-keys/ledger-request-bitcoin-keys.tsx
index bd23694707d..16b98ad932c 100644
--- a/src/app/features/ledger/flows/request-bitcoin-keys/ledger-request-bitcoin-keys.tsx
+++ b/src/app/features/ledger/flows/request-bitcoin-keys/ledger-request-bitcoin-keys.tsx
@@ -31,7 +31,7 @@ function LedgerRequestBitcoinKeys() {
       return name === 'Bitcoin' || name === 'Bitcoin Test';
     },
     onSuccess() {
-      navigate('/');
+      navigate('/', { replace: true });
     },
     async pullKeysFromDevice(app) {
       const { keys } = await pullBitcoinKeysFromLedgerDevice(app)({
diff --git a/src/app/features/ledger/flows/request-stacks-keys/ledger-request-stacks-keys.tsx b/src/app/features/ledger/flows/request-stacks-keys/ledger-request-stacks-keys.tsx
index 220ad5376fd..adae8f5285f 100644
--- a/src/app/features/ledger/flows/request-stacks-keys/ledger-request-stacks-keys.tsx
+++ b/src/app/features/ledger/flows/request-stacks-keys/ledger-request-stacks-keys.tsx
@@ -1,8 +1,5 @@
 import { useNavigate } from 'react-router-dom';
 
-import { LEDGER_BITCOIN_ENABLED } from '@shared/environment';
-import { RouteUrls } from '@shared/route-urls';
-
 import { LedgerRequestKeysContext } from '@app/features/ledger/generic-flows/request-keys/ledger-request-keys.context';
 import { useLedgerNavigate } from '@app/features/ledger/hooks/use-ledger-navigate';
 import {
@@ -35,12 +32,6 @@ function LedgerRequestStacksKeys() {
         return !isStacksLedgerAppClosed(resp);
       },
       onSuccess() {
-        if (LEDGER_BITCOIN_ENABLED) {
-          navigate('/get-started/stacks/' + RouteUrls.LedgerAddMoreKeys, {
-            replace: true,
-          });
-          return;
-        }
         navigate('/', { replace: true });
       },
       async pullKeysFromDevice(app) {
diff --git a/src/app/features/ledger/flows/stacks-message-signing/steps/connect-ledger-sign-msg.tsx b/src/app/features/ledger/flows/stacks-message-signing/steps/connect-ledger-sign-msg.tsx
index f1bd0a07aaf..abd546d34dd 100644
--- a/src/app/features/ledger/flows/stacks-message-signing/steps/connect-ledger-sign-msg.tsx
+++ b/src/app/features/ledger/flows/stacks-message-signing/steps/connect-ledger-sign-msg.tsx
@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 
 import { CommonLedgerDeviceInlineWarnings } from '@app/features/ledger/components/ledger-inline-warnings';
-import { ConnectLedgerLayout } from '@app/features/ledger/generic-steps/connect-device/connect-ledger.layout';
+import { ConnectLedger } from '@app/features/ledger/generic-steps/connect-device/connect-ledger';
 import { useWhenReattemptingLedgerConnection } from '@app/features/ledger/hooks/use-when-reattempt-ledger-connection';
 
 import { ledgerMsgSigningContext } from '../ledger-stacks-sign-msg.context';
@@ -13,7 +13,7 @@ export function ConnectLedgerSignMsg() {
   useWhenReattemptingLedgerConnection(() => signMessage());
 
   return (
-    <ConnectLedgerLayout
+    <ConnectLedger
       chain="stacks"
       awaitingLedgerConnection={awaitingDeviceConnection}
       warning={
diff --git a/src/app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx-container.tsx b/src/app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx-container.tsx
index 84bf54a2fbe..5a276872568 100644
--- a/src/app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx-container.tsx
+++ b/src/app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx-container.tsx
@@ -67,34 +67,34 @@ export function LedgerSignStacksTxContainer() {
       },
     });
 
-    const versionInfo = await getStacksAppVersion(stacksApp);
-    ledgerAnalytics.trackDeviceVersionInfo(versionInfo);
-    setLatestDeviceResponse(versionInfo);
+    try {
+      const versionInfo = await getStacksAppVersion(stacksApp);
+      ledgerAnalytics.trackDeviceVersionInfo(versionInfo);
+      setLatestDeviceResponse(versionInfo);
 
-    if (versionInfo.deviceLocked) {
-      setAwaitingDeviceConnection(false);
-      return;
-    }
+      if (versionInfo.deviceLocked) {
+        setAwaitingDeviceConnection(false);
+        return;
+      }
 
-    if (versionInfo.returnCode !== LedgerError.NoErrors) {
-      logger.error('Return code from device has error', versionInfo);
-      return;
-    }
+      if (versionInfo.returnCode !== LedgerError.NoErrors) {
+        logger.error('Return code from device has error', versionInfo);
+        return;
+      }
 
-    if (isVersionOfLedgerStacksAppWithContractPrincipalBug(versionInfo)) {
-      navigate(RouteUrls.LedgerOutdatedAppWarning);
-      const response = await hasUserSkippedBuggyAppWarning.wait();
+      if (isVersionOfLedgerStacksAppWithContractPrincipalBug(versionInfo)) {
+        navigate(RouteUrls.LedgerOutdatedAppWarning);
+        const response = await hasUserSkippedBuggyAppWarning.wait();
 
-      if (response === 'cancelled-operation') {
-        ledgerNavigate.cancelLedgerAction();
-        return;
+        if (response === 'cancelled-operation') {
+          ledgerNavigate.cancelLedgerAction();
+          return;
+        }
       }
-    }
 
-    ledgerNavigate.toDeviceBusyStep('Verifying public key on Ledger…');
-    await verifyLedgerPublicKey(stacksApp);
+      ledgerNavigate.toDeviceBusyStep('Verifying public key on Ledger…');
+      await verifyLedgerPublicKey(stacksApp);
 
-    try {
       ledgerNavigate.toConnectionSuccessStep('stacks');
       await delay(1000);
       if (!unsignedTransaction) throw new Error('No unsigned tx');
diff --git a/src/app/features/ledger/flows/stacks-tx-signing/steps/connect-ledger-sign-tx.tsx b/src/app/features/ledger/flows/stacks-tx-signing/steps/connect-ledger-sign-tx.tsx
index 12392961f39..47d298cda7f 100644
--- a/src/app/features/ledger/flows/stacks-tx-signing/steps/connect-ledger-sign-tx.tsx
+++ b/src/app/features/ledger/flows/stacks-tx-signing/steps/connect-ledger-sign-tx.tsx
@@ -2,7 +2,7 @@ import { useContext } from 'react';
 
 import { CommonLedgerDeviceInlineWarnings } from '@app/features/ledger/components/ledger-inline-warnings';
 import { ledgerTxSigningContext } from '@app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx.context';
-import { ConnectLedgerLayout } from '@app/features/ledger/generic-steps/connect-device/connect-ledger.layout';
+import { ConnectLedger } from '@app/features/ledger/generic-steps/connect-device/connect-ledger';
 import { useWhenReattemptingLedgerConnection } from '@app/features/ledger/hooks/use-when-reattempt-ledger-connection';
 
 export function ConnectLedgerSignTx() {
@@ -12,7 +12,7 @@ export function ConnectLedgerSignTx() {
   useWhenReattemptingLedgerConnection(() => signTransaction());
 
   return (
-    <ConnectLedgerLayout
+    <ConnectLedger
       chain="stacks"
       awaitingLedgerConnection={awaitingDeviceConnection}
       warning={
diff --git a/src/app/features/ledger/generic-flows/request-keys/steps/add-more-keys.tsx b/src/app/features/ledger/generic-flows/request-keys/steps/add-more-keys.tsx
index 755a67d5a2e..9ad4e49daf7 100644
--- a/src/app/features/ledger/generic-flows/request-keys/steps/add-more-keys.tsx
+++ b/src/app/features/ledger/generic-flows/request-keys/steps/add-more-keys.tsx
@@ -1,23 +1,40 @@
 import { useNavigate } from 'react-router-dom';
 
-import { Button, ButtonGroup } from '@stacks/ui';
+import { Stack } from 'leather-styles/jsx';
 
+import { LeatherButton } from '@app/components/button/button';
+import { Capitalize } from '@app/components/text/capitalize';
 import { Caption } from '@app/components/typography';
 import { LedgerTitle } from '@app/features/ledger/components/ledger-title';
 import { LedgerWrapper } from '@app/features/ledger/components/ledger-wrapper';
 
+import { useLedgerRequestKeysContext } from '../ledger-request-keys.context';
+
 export function AddMoreKeysLayout() {
   const navigate = useNavigate();
+
+  const { chain } = useLedgerRequestKeysContext();
+
+  const addKeysChain = chain === 'stacks' ? 'bitcoin' : 'stacks';
+
   return (
-    <LedgerWrapper mb="loose">
-      <LedgerTitle mx="50px">Add Bitcoin keys</LedgerTitle>
-      <ButtonGroup mt="loose">
-        <Button onClick={() => navigate('/get-started/bitcoin/connect-your-ledger')}>
-          Continue to add Bitcoin keys
-        </Button>
-        <Button onClick={() => navigate('/')}>Go to homepage</Button>
-      </ButtonGroup>
-      <Caption mt="base">You'll need to have the Bitcoin app installed</Caption>
+    <LedgerWrapper gap="space.05">
+      <LedgerTitle mb="space.05">
+        <Capitalize>{chain}</Capitalize> connected successfully. Would you like to connect{' '}
+        <Capitalize>{addKeysChain}</Capitalize>?
+      </LedgerTitle>
+      <Stack gap="space.04" mb="space.04">
+        <LeatherButton onClick={() => navigate(`/get-started/${addKeysChain}/connect-your-ledger`)}>
+          Connect <Capitalize>{addKeysChain}</Capitalize>
+        </LeatherButton>
+        <LeatherButton variant="outline" onClick={() => navigate('/')}>
+          No, continue to Leather
+        </LeatherButton>
+      </Stack>
+
+      <Caption>
+        You'll need to have the <Capitalize>{addKeysChain}</Capitalize> app installed and opened
+      </Caption>
     </LedgerWrapper>
   );
 }
diff --git a/src/app/features/ledger/generic-flows/request-keys/steps/connect-ledger-request-keys.tsx b/src/app/features/ledger/generic-flows/request-keys/steps/connect-ledger-request-keys.tsx
index 27f8c99a7e0..f50b1f8256a 100644
--- a/src/app/features/ledger/generic-flows/request-keys/steps/connect-ledger-request-keys.tsx
+++ b/src/app/features/ledger/generic-flows/request-keys/steps/connect-ledger-request-keys.tsx
@@ -1,6 +1,6 @@
 import { CommonLedgerDeviceInlineWarnings } from '@app/features/ledger/components/ledger-inline-warnings';
 import { useLedgerRequestKeysContext } from '@app/features/ledger/generic-flows/request-keys/ledger-request-keys.context';
-import { ConnectLedgerLayout } from '@app/features/ledger/generic-steps/connect-device/connect-ledger.layout';
+import { ConnectLedger } from '@app/features/ledger/generic-steps/connect-device/connect-ledger';
 import { useWhenReattemptingLedgerConnection } from '@app/features/ledger/hooks/use-when-reattempt-ledger-connection';
 
 export function ConnectLedgerRequestKeys() {
@@ -15,7 +15,7 @@ export function ConnectLedgerRequestKeys() {
   useWhenReattemptingLedgerConnection(() => pullPublicKeysFromDevice());
 
   return (
-    <ConnectLedgerLayout
+    <ConnectLedger
       chain={chain}
       awaitingLedgerConnection={awaitingDeviceConnection}
       warning={
diff --git a/src/app/features/ledger/generic-steps/approve-ledger-operation/approve-ledger-operation.layout.tsx b/src/app/features/ledger/generic-steps/approve-ledger-operation/approve-ledger-operation.layout.tsx
index 80cbca0dc9e..c9416befd58 100644
--- a/src/app/features/ledger/generic-steps/approve-ledger-operation/approve-ledger-operation.layout.tsx
+++ b/src/app/features/ledger/generic-steps/approve-ledger-operation/approve-ledger-operation.layout.tsx
@@ -1,7 +1,7 @@
-import SignLedgerTransaction from '@assets/images/ledger/sign-ledger-transaction.png';
 import { Box, Flex, color } from '@stacks/ui';
 
 import { DividerSeparator } from '@app/components/layout/divider-separator';
+import { SignLedgerTransaction } from '@app/features/ledger/illustrations/ledger-illu-sign-ledger-transaction';
 
 import { DeviceOperationApprovalStatus } from '../../components/device-approval-status';
 import { LedgerScreenDetail } from '../../components/ledger-screen-detail';
@@ -18,7 +18,7 @@ export function ApproveLedgerOperationLayout(props: ApproveLedgerOperationLayout
   return (
     <LedgerWrapper>
       <Box mt="tight">
-        <img src={SignLedgerTransaction} width="228px" />
+        <SignLedgerTransaction />
       </Box>
       <LedgerTitle mt="loose" mx="50px">
         {description}
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-error.layout.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-error.layout.tsx
index 4d113a866e0..f6a528b48c4 100644
--- a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-error.layout.tsx
+++ b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-error.layout.tsx
@@ -1,17 +1,18 @@
 import { FiCircle } from 'react-icons/fi';
 
-import ConnectLedgerError from '@assets/images/ledger/connect-ledger-error.png';
-import { Box, Flex, Stack, color } from '@stacks/ui';
+import { Box, Flex, Stack, styled } from 'leather-styles/jsx';
 
-import { openInNewTab } from '@app/common/utils/open-in-new-tab';
+import { capitalize } from '@app/common/utils';
 import { LeatherButton } from '@app/components/button/button';
 import { ErrorLabel } from '@app/components/error-label';
-import { Link } from '@app/components/link';
-import { Caption } from '@app/components/typography';
+import { ExternalLink } from '@app/components/external-link';
+import { LCaption } from '@app/components/typography';
 import { WarningLabel } from '@app/components/warning-label';
+import { ConnectLedgerErr } from '@app/features/ledger/illustrations/ledger-illu-connect-ledger-error';
 
 import { LedgerTitle } from '../../components/ledger-title';
 import { LedgerWrapper } from '../../components/ledger-wrapper';
+import { useLedgerRequestKeysContext } from '../../generic-flows/request-keys/ledger-request-keys.context';
 
 interface PossibleReasonUnableToConnectProps {
   text: string;
@@ -20,11 +21,11 @@ function PossibleReasonUnableToConnect(props: PossibleReasonUnableToConnectProps
   const { text } = props;
 
   return (
-    <Flex>
-      <Box mr="tight" mt="3px">
-        <FiCircle fill={color('text-caption')} size="4px" />
+    <Flex alignItems="center">
+      <Box mr="tight">
+        <FiCircle fill="accent.text-primary" size="4px" />
       </Box>
-      <Caption>{text}</Caption>
+      <styled.span textStyle="body.02">{text}</styled.span>
     </Flex>
   );
 }
@@ -36,15 +37,14 @@ interface ConnectLedgerErrorLayoutProps {
 }
 export function ConnectLedgerErrorLayout(props: ConnectLedgerErrorLayoutProps) {
   const { warningText, onTryAgain } = props;
+  const { chain } = useLedgerRequestKeysContext();
 
   return (
-    <LedgerWrapper>
+    <LedgerWrapper px="space.07">
       <Box mt="tight">
-        <img src={ConnectLedgerError} width="247px" />
+        <ConnectLedgerErr />
       </Box>
-      <LedgerTitle mt="45px" mx="50px">
-        We're unable to connect to your Ledger device
-      </LedgerTitle>
+      <LedgerTitle mt="space.07">We're unable to connect to your Ledger device</LedgerTitle>
       {warningText ? (
         <WarningLabel mt="base" px="extra-loose" fontSize="14px">
           {warningText}
@@ -54,36 +54,26 @@ export function ConnectLedgerErrorLayout(props: ConnectLedgerErrorLayoutProps) {
           Unable to connect
         </ErrorLabel>
       )}
-      <Stack
-        border="2px solid"
-        borderColor={color('border')}
-        borderRadius="12px"
-        my="loose"
-        mx="base"
-        spacing="base"
-        textAlign="left"
-        p="extra-loose"
-      >
+      <Stack borderRadius="12px" gap="space.01" textAlign="left" py="space.05">
         <PossibleReasonUnableToConnect text="Check if Ledger Live is open. Close it and try again" />
         <PossibleReasonUnableToConnect text="Ensure you only have one instance of Leather open" />
-        <PossibleReasonUnableToConnect text="Verify the Stacks app is installed and open" />
+        <PossibleReasonUnableToConnect
+          text={`Verify the ${capitalize(chain)} app is installed and open`}
+        />
         <PossibleReasonUnableToConnect text="Check you've approved the browser USB pop up" />
       </Stack>
-      <LeatherButton onClick={onTryAgain}>Try again</LeatherButton>
-      <Caption mt="loose">
+      <LeatherButton width="100%" onClick={onTryAgain}>
+        Try again
+      </LeatherButton>
+      <LCaption mt="loose">
         If the problem persists, check our{' '}
-        <Link
-          display="inline"
-          fontSize={1}
-          onClick={() =>
-            openInNewTab(
-              'https://leather.gitbook.io/guides/securing-the-wallet/using-ledger-with-leather'
-            )
-          }
+        <ExternalLink
+          textDecoration="underline"
+          href="https://leather.gitbook.io/guides/securing-the-wallet/using-ledger-with-leather"
         >
           Support Page
-        </Link>
-      </Caption>
+        </ExternalLink>
+      </LCaption>
     </LedgerWrapper>
   );
 }
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-start.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-start.tsx
new file mode 100644
index 00000000000..18f1987f45f
--- /dev/null
+++ b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-start.tsx
@@ -0,0 +1,46 @@
+import { useNavigate } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+import { closeWindow } from '@shared/utils';
+
+import { doesBrowserSupportWebUsbApi, whenPageMode } from '@app/common/utils';
+import { openIndexPageInNewTab } from '@app/common/utils/open-in-new-tab';
+import { BaseDrawer } from '@app/components/drawer/base-drawer';
+
+import { immediatelyAttemptLedgerConnection } from '../../hooks/use-when-reattempt-ledger-connection';
+import { ConnectLedger } from './connect-ledger';
+
+export function ConnectLedgerStart() {
+  const navigate = useNavigate();
+  const pageModeRoutingAction = (url: string) =>
+    whenPageMode({
+      full() {
+        navigate(url, { replace: true, state: { [immediatelyAttemptLedgerConnection]: true } });
+      },
+      popup() {
+        void openIndexPageInNewTab(url);
+        closeWindow();
+      },
+    });
+
+  function connectChain(chain: string) {
+    const supportsWebUsbAction = pageModeRoutingAction(
+      RouteUrls.Onboarding + `/${chain}/` + RouteUrls.ConnectLedger
+    );
+    const doesNotSupportWebUsbAction = pageModeRoutingAction(
+      RouteUrls.Onboarding + '/' + RouteUrls.LedgerUnsupportedBrowser
+    );
+
+    doesBrowserSupportWebUsbApi() ? supportsWebUsbAction() : doesNotSupportWebUsbAction();
+  }
+
+  return (
+    <BaseDrawer isShowing onClose={() => navigate('../')}>
+      <ConnectLedger
+        connectBitcoin={() => connectChain('bitcoin')}
+        connectStacks={() => connectChain('stacks')}
+        showInstructions
+      />
+    </BaseDrawer>
+  );
+}
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.layout.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.layout.tsx
index 919ce6f9435..e3df1a0473a 100644
--- a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.layout.tsx
+++ b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.layout.tsx
@@ -1,7 +1,7 @@
-import ConnectLedgerSuccess from '@assets/images/ledger/connect-ledger-success.png';
-
 import { SupportedBlockchains } from '@shared/constants';
 
+import { ConnectLedgerSuccess } from '@app/features/ledger/illustrations/ledger-illu-success';
+
 import { LedgerConnectInstructionTitle } from '../../components/ledger-title';
 import { LedgerWrapper } from '../../components/ledger-wrapper';
 import { LedgerSuccessLabel } from '../../components/success-label';
@@ -12,7 +12,7 @@ interface ConnectLedgerSuccessLayoutProps {
 export function ConnectLedgerSuccessLayout({ chain }: ConnectLedgerSuccessLayoutProps) {
   return (
     <LedgerWrapper>
-      <img src={ConnectLedgerSuccess} width="267px" height="55px" />
+      <ConnectLedgerSuccess />
       <LedgerConnectInstructionTitle chain={chain} mt="loose" mx="50px" />
       <LedgerSuccessLabel my="extra-loose">Connected!</LedgerSuccessLabel>
     </LedgerWrapper>
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.tsx
index 4e2a6abc4ea..5692e5be45d 100644
--- a/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.tsx
+++ b/src/app/features/ledger/generic-steps/connect-device/connect-ledger-success.tsx
@@ -5,6 +5,6 @@ import { useLocationState } from '@app/common/hooks/use-location-state';
 import { ConnectLedgerSuccessLayout } from './connect-ledger-success.layout';
 
 export function ConnectLedgerSuccess() {
-  const chain = useLocationState('chain') as SupportedBlockchains;
+  const chain = useLocationState<SupportedBlockchains>('chain');
   return <ConnectLedgerSuccessLayout chain={chain} />;
 }
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger.layout.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger.layout.tsx
deleted file mode 100644
index 969c8700ed3..00000000000
--- a/src/app/features/ledger/generic-steps/connect-device/connect-ledger.layout.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Suspense, lazy } from 'react';
-
-import { Box } from '@stacks/ui';
-
-import { SupportedBlockchains } from '@shared/constants';
-
-import { LeatherButton } from '@app/components/button/button';
-import { ExternalLink } from '@app/components/external-link';
-import { Divider } from '@app/components/layout/divider';
-import { Capitalize } from '@app/components/text/capitalize';
-import { Caption } from '@app/components/typography';
-
-import { LedgerConnectInstructionTitle } from '../../components/ledger-title';
-import { LedgerWrapper } from '../../components/ledger-wrapper';
-
-const PluggingInLedgerCableAnimation = lazy(
-  () => import('../../animations/plugging-in-cable.lottie')
-);
-
-interface ConnectLedgerLayoutProps {
-  chain: SupportedBlockchains;
-  awaitingLedgerConnection: boolean;
-  warning: React.ReactNode;
-  showInstructions: boolean;
-  onConnectLedger(): void;
-}
-export function ConnectLedgerLayout(props: ConnectLedgerLayoutProps) {
-  const { chain, onConnectLedger, warning, showInstructions, awaitingLedgerConnection } = props;
-
-  return (
-    <LedgerWrapper>
-      <Box position="relative" width="100%" minHeight="120px">
-        <Suspense fallback={null}>
-          <PluggingInLedgerCableAnimation position="absolute" top="-80px" />
-        </Suspense>
-      </Box>
-      <LedgerConnectInstructionTitle chain={chain} mt="extra-loose" mx="50px" />
-      <LeatherButton my="base" onClick={onConnectLedger} aria-busy={awaitingLedgerConnection}>
-        Connect
-      </LeatherButton>
-      <Box mb="base" mx="extra-loose">
-        {warning}
-      </Box>
-      {showInstructions ? (
-        <Box width="100%">
-          <Divider />
-          <Caption mb="tight" mt="loose">
-            First time using Ledger on Leather?
-          </Caption>
-          <ExternalLink
-            href="https://www.hiro.so/wallet-faq/how-can-i-use-my-ledger-device-with-hiro-wallet"
-            fontSize={1}
-          >
-            See how to download the <Capitalize>{chain}</Capitalize> app
-          </ExternalLink>
-        </Box>
-      ) : null}
-    </LedgerWrapper>
-  );
-}
diff --git a/src/app/features/ledger/generic-steps/connect-device/connect-ledger.tsx b/src/app/features/ledger/generic-steps/connect-device/connect-ledger.tsx
new file mode 100644
index 00000000000..005bf4588b2
--- /dev/null
+++ b/src/app/features/ledger/generic-steps/connect-device/connect-ledger.tsx
@@ -0,0 +1,130 @@
+import { Suspense, lazy, useMemo } from 'react';
+
+import { Box, HStack, Stack, styled } from 'leather-styles/jsx';
+
+import { SupportedBlockchains } from '@shared/constants';
+import { LEDGER_BITCOIN_ENABLED } from '@shared/environment';
+
+import { LeatherButton } from '@app/components/button/button';
+import { ExternalLink } from '@app/components/external-link';
+import { BtcLedgerIcon } from '@app/components/icons/btc-ledger-icon';
+import { StxLedgerIcon } from '@app/components/icons/stx-ledger-icon';
+import { Divider } from '@app/components/layout/divider';
+
+import { LedgerWrapper } from '../../components/ledger-wrapper';
+
+const PluggingInLedgerCableAnimation = lazy(
+  () => import('../../animations/plugging-in-cable.lottie')
+);
+
+interface ConnectLedgerProps {
+  chain?: SupportedBlockchains;
+  awaitingLedgerConnection?: boolean;
+  warning?: React.ReactNode;
+  showInstructions?: boolean;
+  onConnectLedger?(): void;
+  connectBitcoin?(): void;
+  connectStacks?(): void;
+}
+
+export function ConnectLedger(props: ConnectLedgerProps) {
+  const {
+    onConnectLedger,
+    warning,
+    showInstructions,
+    awaitingLedgerConnection,
+    connectBitcoin,
+    connectStacks,
+    chain,
+  } = props;
+
+  const showBitcoinConnectButton = useMemo(() => {
+    if (!LEDGER_BITCOIN_ENABLED) {
+      return false;
+    }
+    return chain === 'bitcoin' || !!connectBitcoin;
+  }, [chain, connectBitcoin]);
+
+  const showStacksConnectButton = useMemo(() => {
+    return chain === 'stacks' || !!connectStacks;
+  }, [chain, connectStacks]);
+
+  const instructions = useMemo(
+    () => [
+      '1. Connect & unlock your Ledger',
+      `2. Open${showBitcoinConnectButton ? ' Bitcoin or' : ''} Stacks app`,
+      '3. Click the button below',
+    ],
+    [showBitcoinConnectButton]
+  );
+
+  return (
+    <LedgerWrapper>
+      <Box position="relative" width="100%" minHeight="120px">
+        <Suspense fallback={null}>
+          {<PluggingInLedgerCableAnimation position="absolute" top="-112px" />}
+        </Suspense>
+      </Box>
+
+      <Stack gap="space.04" justifyItems="flex-start" textAlign="start" pb="space.06">
+        <styled.span textStyle="heading.05">Please follow the instructions:</styled.span>
+
+        <Stack gap="space.01" mb="space.02">
+          {instructions.map((instruction, index) => (
+            <styled.span textStyle="body.01" key={index}>
+              {instruction}
+            </styled.span>
+          ))}
+        </Stack>
+        <HStack>
+          {showBitcoinConnectButton && (
+            <LeatherButton
+              onClick={onConnectLedger || connectBitcoin}
+              aria-busy={awaitingLedgerConnection}
+              display="flex"
+              alignItems="center"
+            >
+              <BtcLedgerIcon />
+              <styled.span ml="space.01" textStyle="label.02">
+                Connect Bitcoin
+              </styled.span>
+            </LeatherButton>
+          )}
+          {showStacksConnectButton && (
+            <LeatherButton
+              onClick={onConnectLedger || connectStacks}
+              aria-busy={awaitingLedgerConnection}
+              display="flex"
+              alignItems="center"
+            >
+              <StxLedgerIcon />
+              <styled.span ml="space.01" textStyle="label.02">
+                Connect Stacks
+              </styled.span>
+            </LeatherButton>
+          )}
+        </HStack>
+      </Stack>
+      {warning && (
+        <Box mb="base" mx="extra-loose">
+          {warning}
+        </Box>
+      )}
+      {showInstructions ? (
+        <Stack gap="space.05" width="100%">
+          <Divider />
+          <Stack gap="space.01">
+            <styled.span textStyle="label.03" color="accent.text-subdued">
+              First time using Ledger on Leather?
+            </styled.span>
+            <ExternalLink href="https://www.hiro.so/wallet-faq/how-can-i-use-my-ledger-device-with-hiro-wallet">
+              <styled.span textStyle="label.03" textDecoration="underline">
+                Learn how to use Ledger device with Leather ↗
+              </styled.span>
+            </ExternalLink>
+          </Stack>
+        </Stack>
+      ) : null}
+    </LedgerWrapper>
+  );
+}
diff --git a/src/app/features/ledger/generic-steps/device-busy/device-busy.layout.tsx b/src/app/features/ledger/generic-steps/device-busy/device-busy.layout.tsx
index 3e678b11b10..617c5f6150b 100644
--- a/src/app/features/ledger/generic-steps/device-busy/device-busy.layout.tsx
+++ b/src/app/features/ledger/generic-steps/device-busy/device-busy.layout.tsx
@@ -1,22 +1,17 @@
-import ConnectLedgerSuccess from '@assets/images/ledger/connect-ledger-success.png';
+import { ConnectLedgerSuccess } from '@app/features/ledger/illustrations/ledger-illu-success';
 
-import { SupportedBlockchains } from '@shared/constants';
-
-import { LedgerConnectInstructionTitle } from '../../components/ledger-title';
 import { LedgerWrapper } from '../../components/ledger-wrapper';
 import { LookingForLedgerLabel } from '../../components/looking-for-ledger-label';
 
 interface DeviceBusyLayoutProps {
   activityDescription: string;
-  chain: SupportedBlockchains;
 }
 export function DeviceBusyLayout(props: DeviceBusyLayoutProps) {
-  const { activityDescription, chain } = props;
+  const { activityDescription } = props;
 
   return (
     <LedgerWrapper>
-      <img src={ConnectLedgerSuccess} width="267px" height="55px" />
-      <LedgerConnectInstructionTitle chain={chain} mt="loose" mx="50px" />
+      <ConnectLedgerSuccess />
       <LookingForLedgerLabel my="extra-loose">{activityDescription}</LookingForLedgerLabel>
     </LedgerWrapper>
   );
diff --git a/src/app/features/ledger/generic-steps/device-busy/device-busy.tsx b/src/app/features/ledger/generic-steps/device-busy/device-busy.tsx
index 59f5d835383..2ce4e402e83 100644
--- a/src/app/features/ledger/generic-steps/device-busy/device-busy.tsx
+++ b/src/app/features/ledger/generic-steps/device-busy/device-busy.tsx
@@ -2,8 +2,6 @@ import { useLocationState } from '@app/common/hooks/use-location-state';
 import { DeviceBusyLayout } from '@app/features/ledger/generic-steps';
 
 export function DeviceBusy() {
-  const description = useLocationState('description');
-  return (
-    <DeviceBusyLayout chain="stacks" activityDescription={description ?? 'Ledger device busy'} />
-  );
+  const description = useLocationState<string>('description');
+  return <DeviceBusyLayout activityDescription={description ?? 'Ledger device busy'} />;
 }
diff --git a/src/app/features/ledger/generic-steps/index.ts b/src/app/features/ledger/generic-steps/index.ts
index ce8b011639e..cbfcf24e831 100644
--- a/src/app/features/ledger/generic-steps/index.ts
+++ b/src/app/features/ledger/generic-steps/index.ts
@@ -3,7 +3,7 @@ export * from './connect-device/connect-ledger-error';
 export * from './connect-device/connect-ledger-error.layout';
 export * from './connect-device/connect-ledger-success.layout';
 export * from './connect-device/connect-ledger-success';
-export * from './connect-device/connect-ledger.layout';
+export * from './connect-device/connect-ledger';
 export * from './device-busy/device-busy';
 export * from './device-busy/device-busy.layout';
 export * from './invalid-payload/device-invalid-payload';
diff --git a/src/app/features/ledger/generic-steps/invalid-payload/device-invalid-payload.layout.tsx b/src/app/features/ledger/generic-steps/invalid-payload/device-invalid-payload.layout.tsx
index b3ece1e490d..f5364b83bca 100644
--- a/src/app/features/ledger/generic-steps/invalid-payload/device-invalid-payload.layout.tsx
+++ b/src/app/features/ledger/generic-steps/invalid-payload/device-invalid-payload.layout.tsx
@@ -1,8 +1,8 @@
-import LedgerWithRedOutline from '@assets/images/ledger/ledger-red-outline.png';
 import { Box, Flex, Text, color } from '@stacks/ui';
 
 import { LeatherButton } from '@app/components/button/button';
 import { Title } from '@app/components/typography';
+import { ConnectLedgerErr } from '@app/features/ledger/illustrations/ledger-illu-connect-ledger-error';
 
 import { LedgerWrapper } from '../../components/ledger-wrapper';
 
@@ -15,7 +15,7 @@ export function LedgerDeviceInvalidPayloadLayout({
   return (
     <LedgerWrapper>
       <Box>
-        <img src={LedgerWithRedOutline} width="247px" height="55px" />
+        <ConnectLedgerErr />
       </Box>
       <Title mt="extra-loose">Data Invalid</Title>
       <Text mt="base-tight" lineHeight="24px" color={color('text-caption')}>
diff --git a/src/app/features/ledger/generic-steps/ledger-disconnected/ledger-disconnected.layout.tsx b/src/app/features/ledger/generic-steps/ledger-disconnected/ledger-disconnected.layout.tsx
index 9011b0851b1..40964ef924c 100644
--- a/src/app/features/ledger/generic-steps/ledger-disconnected/ledger-disconnected.layout.tsx
+++ b/src/app/features/ledger/generic-steps/ledger-disconnected/ledger-disconnected.layout.tsx
@@ -1,10 +1,10 @@
-import LedgerDisconnected from '@assets/images/ledger/ledger-disconnected.png';
-import { Box, Button, Stack } from '@stacks/ui';
+import { Box, HStack } from 'leather-styles/jsx';
 
 import { LeatherButton } from '@app/components/button/button';
 
 import { LedgerTitle } from '../../components/ledger-title';
 import { LedgerWrapper } from '../../components/ledger-wrapper';
+import { LedgerIlluDisconnected } from '../../illustrations/ledger-illu-disconnected';
 
 interface LedgerDisconnectedLayoutProps {
   onConnectAgain(): void;
@@ -14,20 +14,18 @@ export function LedgerDisconnectedLayout(props: LedgerDisconnectedLayoutProps) {
   const { onConnectAgain, onClose } = props;
   return (
     <LedgerWrapper>
-      <Box mb="loose" mt="tight">
-        <img src={LedgerDisconnected} width="242px" />
+      <Box>
+        <LedgerIlluDisconnected width="242px" />
       </Box>
-      <LedgerTitle mb="loose" mt="loose" mx="40px">
-        Your Ledger has disconnected
-      </LedgerTitle>
-      <Stack isInline mb="loose">
-        <Button borderRadius="10px" mode="tertiary" onClick={onClose}>
+      <LedgerTitle my="space.05">Your Ledger has disconnected</LedgerTitle>
+      <HStack width="100%">
+        <LeatherButton flex={1} variant="outline" onClick={onClose}>
           Close
-        </Button>
-        <LeatherButton height="40px" onClick={onConnectAgain}>
+        </LeatherButton>
+        <LeatherButton flex={1} onClick={onConnectAgain}>
           Connect again
         </LeatherButton>
-      </Stack>
+      </HStack>
     </LedgerWrapper>
   );
 }
diff --git a/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.layout.tsx b/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.layout.tsx
index 54401ecf5b3..7cea1b46927 100644
--- a/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.layout.tsx
+++ b/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.layout.tsx
@@ -1,7 +1,10 @@
-import LedgerTxRejected from '@assets/images/ledger/transaction-rejected.png';
-import { Box, Button, Flex, Text, color } from '@stacks/ui';
+import { Box } from 'leather-styles/jsx';
+
+import { LeatherButton } from '@app/components/button/button';
+import { LedgerTxRejected } from '@app/features/ledger/illustrations/ledger-illu-transaction-rejected';
 
 import { LedgerTitle } from '../../components/ledger-title';
+import { LedgerWrapper } from '../../components/ledger-wrapper';
 
 interface LedgerOperationRejectedLayoutProps {
   description: string;
@@ -12,17 +15,14 @@ export function LedgerOperationRejectedLayout({
   description,
 }: LedgerOperationRejectedLayoutProps) {
   return (
-    <Flex alignItems="center" flexDirection="column" pb="extra-loose" px="loose" textAlign="center">
+    <LedgerWrapper>
       <Box>
-        <img src={LedgerTxRejected} width="227px" height="63px" />
+        <LedgerTxRejected />
       </Box>
-      <LedgerTitle mt="extra-loose" mx="40px" lineHeight="1.6">
-        {description}
-      </LedgerTitle>
-      <Text mt="base-tight" lineHeight="24px" color={color('text-caption')}></Text>
-      <Button mode="tertiary" mt="base" mr="base-tight" mb="tight" onClick={onClose}>
+      <LedgerTitle my="space.05">{description}</LedgerTitle>
+      <LeatherButton width="100%" variant="outline" mb="space.01" onClick={onClose}>
         Close
-      </Button>
-    </Flex>
+      </LeatherButton>
+    </LedgerWrapper>
   );
 }
diff --git a/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.tsx b/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.tsx
index f43ba9cb628..702481d4b5c 100644
--- a/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.tsx
+++ b/src/app/features/ledger/generic-steps/operation-rejected/operation-rejected.tsx
@@ -4,7 +4,10 @@ import { useLedgerNavigate } from '@app/features/ledger/hooks/use-ledger-navigat
 
 export function OperationRejected() {
   const ledgerNavigate = useLedgerNavigate();
-  const description = useLocationState('description', 'The operation on device was rejected');
+  const description = useLocationState<string>(
+    'description',
+    'The operation on device was rejected'
+  );
   return (
     <LedgerOperationRejectedLayout
       description={description}
diff --git a/src/app/features/ledger/generic-steps/public-key-mismatch/public-key-mismatch.layout.tsx b/src/app/features/ledger/generic-steps/public-key-mismatch/public-key-mismatch.layout.tsx
index 555b70fc689..6f916755254 100644
--- a/src/app/features/ledger/generic-steps/public-key-mismatch/public-key-mismatch.layout.tsx
+++ b/src/app/features/ledger/generic-steps/public-key-mismatch/public-key-mismatch.layout.tsx
@@ -1,7 +1,7 @@
-import LedgerWithRedOutline from '@assets/images/ledger/ledger-red-outline.png';
 import { Box, Button, Flex, Text, color } from '@stacks/ui';
 
 import { Title } from '@app/components/typography';
+import { ConnectLedgerErr } from '@app/features/ledger/illustrations/ledger-illu-connect-ledger-error';
 
 import { LedgerWrapper } from '../../components/ledger-wrapper';
 
@@ -13,7 +13,7 @@ export function PublicKeyMismatchLayout({ onClose, onTryAgain }: PublicKeyMismat
   return (
     <LedgerWrapper>
       <Box>
-        <img src={LedgerWithRedOutline} width="247px" height="55px" />
+        <ConnectLedgerErr />
       </Box>
       <Title mt="extra-loose">Public key does not match</Title>
       <Text mt="base-tight" lineHeight="24px" color={color('text-caption')}>
diff --git a/src/app/features/ledger/generic-steps/unsupported-browser/unsupported-browser.layout.tsx b/src/app/features/ledger/generic-steps/unsupported-browser/unsupported-browser.layout.tsx
index c8200522f25..2bbc87d930f 100644
--- a/src/app/features/ledger/generic-steps/unsupported-browser/unsupported-browser.layout.tsx
+++ b/src/app/features/ledger/generic-steps/unsupported-browser/unsupported-browser.layout.tsx
@@ -1,31 +1,34 @@
-import UnsupportedBrowserImg from '@assets/images/ledger/unsupported-browser.png';
-import { Box, Flex, Text } from '@stacks/ui';
+import { useNavigate } from 'react-router-dom';
 
-import { figmaTheme } from '@app/common/utils/figma-theme';
+import { styled } from 'leather-styles/jsx';
+
+import { BaseDrawer } from '@app/components/drawer/base-drawer';
 import { ExternalLink } from '@app/components/external-link';
+import { UnsupportedBrowserImg } from '@app/features/ledger/illustrations/ledger-illu-unsupported-browser';
 
 import { LedgerTitle } from '../../components/ledger-title';
+import { LedgerWrapper } from '../../components/ledger-wrapper';
 
 export function UnsupportedBrowserLayout() {
+  const navigate = useNavigate();
+
   return (
-    <Flex alignItems="center" flexDirection="column" pb="loose" px="loose" textAlign="center">
-      <Box mb="loose" mt="tight">
-        <img src={UnsupportedBrowserImg} width="239px" height="177px" />
-      </Box>
-      <LedgerTitle mt="tight">Your browser isn't supported</LedgerTitle>
-      <Text
-        as="p"
-        fontSize="16px"
-        lineHeight="1.7"
-        mt="base"
-        pb="base-tight"
-        mx="extra-loose"
-        color={figmaTheme.textSubdued}
-      >
-        To connect your Ledger with Leather try{' '}
-        <ExternalLink href="https://www.google.com/chrome/">Chrome</ExternalLink> or{' '}
-        <ExternalLink href="https://brave.com/download/">Brave</ExternalLink>.
-      </Text>
-    </Flex>
+    <BaseDrawer isShowing onClose={() => navigate(-1)}>
+      <LedgerWrapper image={<UnsupportedBrowserImg />}>
+        <LedgerTitle mb="space.03">Your browser isn't supported</LedgerTitle>
+        <styled.span textStyle="label.03" color="accent.text-subdued">
+          {' '}
+          To connect your Ledger with Leather try{' '}
+          <ExternalLink textDecoration="underline" href="https://www.google.com/chrome/">
+            Chrome
+          </ExternalLink>{' '}
+          or{' '}
+          <ExternalLink textDecoration="underline" href="https://brave.com/download/">
+            Brave
+          </ExternalLink>
+          .
+        </styled.span>
+      </LedgerWrapper>
+    </BaseDrawer>
   );
 }
diff --git a/src/app/features/ledger/hooks/use-when-reattempt-ledger-connection.ts b/src/app/features/ledger/hooks/use-when-reattempt-ledger-connection.ts
index 4ca3788419f..52f202bc098 100644
--- a/src/app/features/ledger/hooks/use-when-reattempt-ledger-connection.ts
+++ b/src/app/features/ledger/hooks/use-when-reattempt-ledger-connection.ts
@@ -1,15 +1,18 @@
-import { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 
+import { useOnMount } from '@app/common/hooks/use-on-mount';
+
 export const immediatelyAttemptLedgerConnection = 'immediatelyAttemptLedgerConnection' as const;
 
 export function useWhenReattemptingLedgerConnection(fn: () => void) {
   const location = useLocation();
 
-  useEffect(() => {
+  useOnMount(() => {
     const state: any = location.state;
     if (typeof state !== 'object' || state === null) return;
-    if (state[immediatelyAttemptLedgerConnection]) fn();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    if (state[immediatelyAttemptLedgerConnection]) {
+      // hack to call function on mount
+      setTimeout(fn);
+    }
+  });
 }
diff --git a/src/app/features/ledger/illustrations/ledger-illu-connect-ledger-error.tsx b/src/app/features/ledger/illustrations/ledger-illu-connect-ledger-error.tsx
new file mode 100644
index 00000000000..ce07ed6d8f0
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-connect-ledger-error.tsx
@@ -0,0 +1,90 @@
+export function ConnectLedgerErr() {
+  return (
+    <svg
+      width="292"
+      height="112"
+      viewBox="0 0 292 112"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M7.5 53.5H31.5V58.5H7.5" stroke="currentColor" />
+      <path d="M2.5 53.5H5" stroke="currentColor" />
+      <path d="M0.538086 58.5H5" stroke="currentColor" />
+      <path
+        d="M36.0927 44.5048H44.5V67.5H36.0927C35.5605 67.5 35.0105 67.248 34.4636 66.7032C33.9147 66.1563 33.3973 65.3398 32.9521 64.2909C32.0624 62.1952 31.5 59.2646 31.5 56C31.5 52.7354 32.0624 49.8048 32.9521 47.7091C33.3973 46.6602 33.9147 45.8437 34.4636 45.2968C34.9668 44.7954 35.4728 44.5421 35.965 44.5048H36.0927Z"
+        stroke="currentColor"
+      />
+      <path
+        d="M50.0847 37.5H76.9153C80.012 37.5 82.5 39.9427 82.5 42.9286V69.0714C82.5 72.0574 80.012 74.5 76.9153 74.5H50.0847C46.988 74.5 44.5 72.0574 44.5 69.0714V42.9286C44.5 39.9427 46.988 37.5 50.0847 37.5Z"
+        stroke="currentColor"
+      />
+      <path d="M82.5 45.5H85.5V66.5H82.5V45.5Z" stroke="currentColor" />
+      <path
+        d="M41.9276 64.3217C42.4897 63.3941 43.048 62.2411 43.5 60.8377V66.5H40.2873C40.7583 66.001 41.344 65.2846 41.9276 64.3217Z"
+        fill="currentColor"
+        stroke="currentColor"
+      />
+      <path
+        d="M66 64V65H74V60H73V64H66ZM66 47V48H73V52H74V47H66ZM62 52H61V60H66V59H62V52ZM53 60V65H61V64H54V60H53ZM53 47V52H54V48H61V47H53Z"
+        fill="currentColor"
+      />
+      <mask id="path-9-inside-1_2656_25707" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M92.5377 27H248.088C232.036 27 219 39.9899 219 55.9975C219 72.0001 232.031 84.995 248.088 84.995H269.739C269.647 84.9983 269.555 85 269.462 85H92.5377C88.3747 85 85 81.6066 85 77.4205V34.5795C85 30.3934 88.3747 27 92.5377 27Z"
+        />
+      </mask>
+      <path
+        d="M269.739 84.995L269.775 85.9943L269.739 83.995V84.995ZM248.088 26H92.5377V28H248.088V26ZM220 55.9975C220 40.5453 232.585 28 248.088 28V26C231.486 26 218 39.4346 218 55.9975H220ZM248.088 83.995C232.58 83.995 220 71.445 220 55.9975H218C218 72.5552 231.481 85.995 248.088 85.995V83.995ZM269.739 83.995H248.088V85.995H269.739V83.995ZM269.462 86C269.567 86 269.671 85.9981 269.775 85.9943L269.702 83.9957C269.623 83.9985 269.543 84 269.462 84V86ZM92.5377 86H269.462V84H92.5377V86ZM84 77.4205C84 82.1536 87.8172 86 92.5377 86V84C88.9322 84 86 81.0595 86 77.4205H84ZM84 34.5795V77.4205H86V34.5795H84ZM92.5377 26C87.8172 26 84 29.8464 84 34.5795H86C86 30.9405 88.9322 28 92.5377 28V26Z"
+        fill="currentColor"
+        mask="url(#path-9-inside-1_2656_25707)"
+      />
+      <path
+        d="M135.5 56C135.5 66.2173 127.217 74.5 117 74.5C106.783 74.5 98.5 66.2173 98.5 56C98.5 45.7827 106.783 37.5 117 37.5C127.217 37.5 135.5 45.7827 135.5 56Z"
+        stroke="currentColor"
+      />
+      <mask id="path-12-inside-2_2656_25707" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        />
+      </mask>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        fill="currentColor"
+      />
+      <path
+        d="M231.762 32L232.323 32.8278L235.02 31H231.762V32ZM231.77 80V81H235.029L232.33 79.172L231.77 80ZM230.382 79L230.991 78.2063L230.721 78H230.382V79ZM230.376 33V34H230.715L230.984 33.7936L230.376 33ZM231.762 31H153.631V33H231.762V31ZM153.631 31C149.936 31 147 34.1024 147 37.8451H149C149 35.1359 151.11 33 153.631 33V31ZM147 37.8451V74.1549H149V37.8451H147ZM147 74.1549C147 77.8976 149.936 81 153.631 81V79C151.11 79 149 76.8641 149 74.1549H147ZM153.631 81H231.77V79H153.631V81ZM232.33 79.172C231.874 78.863 231.427 78.5409 230.991 78.2063L229.774 79.7937C230.242 80.152 230.72 80.497 231.209 80.828L232.33 79.172ZM153.631 80H230.382V78H153.631V80ZM148 74.1549C148 77.3832 150.525 80 153.631 80V78C151.695 78 150 76.3451 150 74.1549H148ZM148 37.8451V74.1549H150V37.8451H148ZM153.631 32C150.525 32 148 34.6168 148 37.8451H150C150 35.6549 151.695 34 153.631 34V32ZM230.376 32H153.631V34H230.376V32ZM230.984 33.7936C231.421 33.459 231.867 33.1369 232.323 32.8278L231.201 31.1722C230.713 31.5032 230.235 31.8481 229.768 32.2064L230.984 33.7936Z"
+        fill="currentColor"
+        mask="url(#path-12-inside-2_2656_25707)"
+      />
+      <path d="M186 45H183V48H186V45Z" fill="#FF5863" />
+      <path d="M180 48H177V51H180V48Z" fill="#FF5863" />
+      <path d="M186 48H183V51H186V48Z" fill="#FF5863" />
+      <path d="M180 51H177V54H180V51Z" fill="#FF5863" />
+      <path d="M189 51H186V54H189V51Z" fill="#FF5863" />
+      <path d="M183 54H180V57H183V54Z" fill="#FF5863" />
+      <path d="M195 55H192V58H195V55Z" fill="#FF5863" />
+      <path d="M198 52H195V55H198V52Z" fill="#FF5863" />
+      <path d="M201 52H198V55H201V52Z" fill="#FF5863" />
+      <path d="M192 55H189V58H192V55Z" fill="#FF5863" />
+      <path d="M189 58H186V61H189V58Z" fill="#FF5863" />
+      <path d="M186 61H183V64H186V61Z" fill="#FF5863" />
+      <path d="M183 64H180V67H183V64Z" fill="#FF5863" />
+      <path
+        d="M282.462 27.5L247.088 27.5C231.035 27.5 218 40.266 218 55.9975C218 71.7242 231.03 84.4951 247.088 84.4951H282.462V84.5"
+        stroke="currentColor"
+      />
+      <path d="M285 27.5H289.462" stroke="currentColor" />
+      <path d="M285 84.5H287.5" stroke="currentColor" />
+      <path
+        d="M266.5 56C266.5 66.2173 258.217 74.5 248 74.5C237.783 74.5 229.5 66.2173 229.5 56C229.5 45.7827 237.783 37.5 248 37.5C258.217 37.5 266.5 45.7827 266.5 56Z"
+        stroke="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/features/ledger/illustrations/ledger-illu-disconnected.tsx b/src/app/features/ledger/illustrations/ledger-illu-disconnected.tsx
new file mode 100644
index 00000000000..756363c37ef
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-disconnected.tsx
@@ -0,0 +1,72 @@
+export function LedgerIlluDisconnected(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      width="292"
+      height="112"
+      viewBox="0 0 292 112"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M6 53.5H11.5V58.5H5" stroke="#FF5863" />
+      <path d="M2.5 53.5H4" stroke="#FF5863" />
+      <path d="M0.538086 58.5H3" stroke="#FF5863" />
+      <path
+        d="M16.0927 44.5048H24.5V67.5H16.0927C15.5605 67.5 15.0105 67.248 14.4636 66.7032C13.9147 66.1563 13.3973 65.3398 12.9521 64.2909C12.0624 62.1952 11.5 59.2646 11.5 56C11.5 52.7354 12.0624 49.8048 12.9521 47.7091C13.3973 46.6602 13.9147 45.8437 14.4636 45.2968C14.9668 44.7954 15.4728 44.5421 15.965 44.5048H16.0927Z"
+        stroke="#FF5863"
+      />
+      <path
+        d="M30.0847 37.5H56.9153C60.012 37.5 62.5 39.9427 62.5 42.9286V69.0714C62.5 72.0574 60.012 74.5 56.9153 74.5H30.0847C26.988 74.5 24.5 72.0574 24.5 69.0714V42.9286C24.5 39.9427 26.988 37.5 30.0847 37.5Z"
+        stroke="#FF5863"
+      />
+      <path d="M62.5 66.5V45.5H76.5V66.5H62.5Z" stroke="#FF5863" />
+      <path d="M19 67C19 67 24 63.5 24 54V67H19Z" fill="#FF5863" />
+      <path
+        d="M46 64V65H54V60H53V64H46ZM46 47V48H53V52H54V47H46ZM42 52H41V60H46V59H42V52ZM33 60V65H41V64H34V60H33ZM33 47V52H34V48H41V47H33Z"
+        fill="#FF5863"
+      />
+      <mask id="path-9-inside-1_2656_25851" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M92.5377 27H248.088C232.036 27 219 39.9899 219 55.9975C219 72.0001 232.031 84.995 248.088 84.995H269.739C269.647 84.9983 269.555 85 269.462 85H92.5377C88.3747 85 85 81.6066 85 77.4205V34.5795C85 30.3934 88.3747 27 92.5377 27Z"
+        />
+      </mask>
+      <path
+        d="M269.739 84.995L269.775 85.9943L269.739 83.995V84.995ZM248.088 26H92.5377V28H248.088V26ZM220 55.9975C220 40.5453 232.585 28 248.088 28V26C231.486 26 218 39.4346 218 55.9975H220ZM248.088 83.995C232.58 83.995 220 71.445 220 55.9975H218C218 72.5552 231.481 85.995 248.088 85.995V83.995ZM269.739 83.995H248.088V85.995H269.739V83.995ZM269.462 86C269.567 86 269.671 85.9981 269.775 85.9943L269.702 83.9957C269.623 83.9985 269.543 84 269.462 84V86ZM92.5377 86H269.462V84H92.5377V86ZM84 77.4205C84 82.1536 87.8172 86 92.5377 86V84C88.9322 84 86 81.0595 86 77.4205H84ZM84 34.5795V77.4205H86V34.5795H84ZM92.5377 26C87.8172 26 84 29.8464 84 34.5795H86C86 30.9405 88.9322 28 92.5377 28V26Z"
+        fill="#FF5863"
+        mask="url(#path-9-inside-1_2656_25851)"
+      />
+      <path d="M78 38.5L71 31.5" stroke="#FF5863" />
+      <path d="M78 72L67.5 82.5" stroke="#FF5863" />
+      <path d="M79 78.5L73.5 87L80.5 85.5L74.5 92.5" stroke="#FF5863" />
+      <path d="M80.5 28.9998L77.0597 21.0798L83 22.4998L79.5596 16.0798" stroke="#FF5863" />
+      <path
+        d="M135.5 56C135.5 66.2173 127.217 74.5 117 74.5C106.783 74.5 98.5 66.2173 98.5 56C98.5 45.7827 106.783 37.5 117 37.5C127.217 37.5 135.5 45.7827 135.5 56Z"
+        stroke="#FF5863"
+      />
+      <mask id="path-16-inside-2_2656_25851" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        />
+      </mask>
+      <path
+        d="M231.762 32L232.323 32.8278L235.02 31H231.762V32ZM231.77 80V81H235.029L232.33 79.172L231.77 80ZM230.382 79L230.991 78.2063L230.721 78H230.382V79ZM230.376 33V34H230.715L230.984 33.7936L230.376 33ZM231.762 31H153.631V33H231.762V31ZM153.631 31C149.936 31 147 34.1024 147 37.8451H149C149 35.1359 151.11 33 153.631 33V31ZM147 37.8451V74.1549H149V37.8451H147ZM147 74.1549C147 77.8976 149.936 81 153.631 81V79C151.11 79 149 76.8641 149 74.1549H147ZM153.631 81H231.77V79H153.631V81ZM232.33 79.172C231.874 78.863 231.427 78.5409 230.991 78.2063L229.774 79.7937C230.242 80.152 230.72 80.497 231.209 80.828L232.33 79.172ZM153.631 80H230.382V78H153.631V80ZM148 74.1549C148 77.3832 150.525 80 153.631 80V78C151.695 78 150 76.3451 150 74.1549H148ZM148 37.8451V74.1549H150V37.8451H148ZM153.631 32C150.525 32 148 34.6168 148 37.8451H150C150 35.6549 151.695 34 153.631 34V32ZM230.376 32H153.631V34H230.376V32ZM230.984 33.7936C231.421 33.459 231.867 33.1369 232.323 32.8278L231.201 31.1722C230.713 31.5032 230.235 31.8481 229.768 32.2064L230.984 33.7936Z"
+        fill="#FF5863"
+        mask="url(#path-16-inside-2_2656_25851)"
+      />
+      <path
+        d="M282.462 27.5L247.088 27.5C231.035 27.5 218 40.266 218 55.9975C218 71.7242 231.03 84.4951 247.088 84.4951H282.462V84.5"
+        stroke="#FF5863"
+      />
+      <path d="M285 27.5H289.462" stroke="#FF5863" />
+      <path d="M285 84.5H287.5" stroke="#FF5863" />
+      <path
+        d="M266.5 56C266.5 66.2173 258.217 74.5 248 74.5C237.783 74.5 229.5 66.2173 229.5 56C229.5 45.7827 237.783 37.5 248 37.5C258.217 37.5 266.5 45.7827 266.5 56Z"
+        stroke="#FF5863"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/features/ledger/illustrations/ledger-illu-sign-ledger-transaction.tsx b/src/app/features/ledger/illustrations/ledger-illu-sign-ledger-transaction.tsx
new file mode 100644
index 00000000000..d1b2bf6e40d
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-sign-ledger-transaction.tsx
@@ -0,0 +1,114 @@
+export function SignLedgerTransaction() {
+  return (
+    <svg
+      width="292"
+      height="112"
+      viewBox="0 0 292 112"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M7.5 53.5H31.5V58.5H7.5" stroke="currentColor" />
+      <path d="M2.5 53.5H5" stroke="currentColor" />
+      <path d="M0.538086 58.5H5" stroke="currentColor" />
+      <path
+        d="M36.0927 44.5048H44.5V67.5H36.0927C35.5605 67.5 35.0105 67.248 34.4636 66.7032C33.9147 66.1563 33.3973 65.3398 32.9521 64.2909C32.0624 62.1952 31.5 59.2646 31.5 56C31.5 52.7354 32.0624 49.8048 32.9521 47.7091C33.3973 46.6602 33.9147 45.8437 34.4636 45.2968C34.9668 44.7954 35.4728 44.5421 35.965 44.5048H36.0927Z"
+        stroke="currentColor"
+      />
+      <path
+        d="M50.0847 37.5H76.9153C80.012 37.5 82.5 39.9427 82.5 42.9286V69.0714C82.5 72.0574 80.012 74.5 76.9153 74.5H50.0847C46.988 74.5 44.5 72.0574 44.5 69.0714V42.9286C44.5 39.9427 46.988 37.5 50.0847 37.5Z"
+        stroke="currentColor"
+      />
+      <path d="M82.5 45.5H85.5V66.5H82.5V45.5Z" stroke="currentColor" />
+      <path
+        d="M41.9276 64.3217C42.4897 63.3941 43.048 62.2411 43.5 60.8377V66.5H40.2873C40.7583 66.001 41.344 65.2846 41.9276 64.3217Z"
+        fill="currentColor"
+        stroke="currentColor"
+      />
+      <path
+        d="M66 64V65H74V60H73V64H66ZM66 47V48H73V52H74V47H66ZM62 52H61V60H66V59H62V52ZM53 60V65H61V64H54V60H53ZM53 47V52H54V48H61V47H53Z"
+        fill="currentColor"
+      />
+      <mask id="path-9-inside-1_2806_34294" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M92.5377 27H248.088C232.036 27 219 39.9899 219 55.9975C219 72.0001 232.031 84.995 248.088 84.995H269.739C269.647 84.9983 269.555 85 269.462 85H92.5377C88.3747 85 85 81.6066 85 77.4205V34.5795C85 30.3934 88.3747 27 92.5377 27Z"
+        />
+      </mask>
+      <path
+        d="M269.739 84.995L269.775 85.9943L269.739 83.995V84.995ZM248.088 26H92.5377V28H248.088V26ZM220 55.9975C220 40.5453 232.585 28 248.088 28V26C231.486 26 218 39.4346 218 55.9975H220ZM248.088 83.995C232.58 83.995 220 71.445 220 55.9975H218C218 72.5552 231.481 85.995 248.088 85.995V83.995ZM269.739 83.995H248.088V85.995H269.739V83.995ZM269.462 86C269.567 86 269.671 85.9981 269.775 85.9943L269.702 83.9957C269.623 83.9985 269.543 84 269.462 84V86ZM92.5377 86H269.462V84H92.5377V86ZM84 77.4205C84 82.1536 87.8172 86 92.5377 86V84C88.9322 84 86 81.0595 86 77.4205H84ZM84 34.5795V77.4205H86V34.5795H84ZM92.5377 26C87.8172 26 84 29.8464 84 34.5795H86C86 30.9405 88.9322 28 92.5377 28V26Z"
+        fill="currentColor"
+        mask="url(#path-9-inside-1_2806_34294)"
+      />
+      <path
+        d="M135.5 56C135.5 66.2173 127.217 74.5 117 74.5C106.783 74.5 98.5 66.2173 98.5 56C98.5 45.7827 106.783 37.5 117 37.5C127.217 37.5 135.5 45.7827 135.5 56Z"
+        stroke="currentColor"
+      />
+      <path
+        opacity="0.5"
+        d="M117 81C130.807 81 142 69.8071 142 56C142 42.1929 130.807 31 117 31C103.193 31 92 42.1929 92 56C92 69.8071 103.193 81 117 81Z"
+        fill="#33B172"
+      />
+      <path
+        d="M117 64C121.418 64 125 60.4183 125 56C125 51.5817 121.418 48 117 48C112.582 48 109 51.5817 109 56C109 60.4183 112.582 64 117 64Z"
+        fill="#33B172"
+      />
+      <mask id="path-14-inside-2_2806_34294" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        />
+      </mask>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        fill="currentColor"
+      />
+      <path
+        d="M231.762 32L232.323 32.8278L235.02 31H231.762V32ZM231.77 80V81H235.029L232.33 79.172L231.77 80ZM230.382 79L230.991 78.2063L230.721 78H230.382V79ZM230.376 33V34H230.715L230.984 33.7936L230.376 33ZM231.762 31H153.631V33H231.762V31ZM153.631 31C149.936 31 147 34.1024 147 37.8451H149C149 35.1359 151.11 33 153.631 33V31ZM147 37.8451V74.1549H149V37.8451H147ZM147 74.1549C147 77.8976 149.936 81 153.631 81V79C151.11 79 149 76.8641 149 74.1549H147ZM153.631 81H231.77V79H153.631V81ZM232.33 79.172C231.874 78.863 231.427 78.5409 230.991 78.2063L229.774 79.7937C230.242 80.152 230.72 80.497 231.209 80.828L232.33 79.172ZM153.631 80H230.382V78H153.631V80ZM148 74.1549C148 77.3832 150.525 80 153.631 80V78C151.695 78 150 76.3451 150 74.1549H148ZM148 37.8451V74.1549H150V37.8451H148ZM153.631 32C150.525 32 148 34.6168 148 37.8451H150C150 35.6549 151.695 34 153.631 34V32ZM230.376 32H153.631V34H230.376V32ZM230.984 33.7936C231.421 33.459 231.867 33.1369 232.323 32.8278L231.201 31.1722C230.713 31.5032 230.235 31.8481 229.768 32.2064L230.984 33.7936Z"
+        fill="currentColor"
+        mask="url(#path-14-inside-2_2806_34294)"
+      />
+      <path d="M178 56H175V59H178V56Z" fill="currentColor" />
+      <path d="M181 59H178V62H181V59Z" fill="currentColor" />
+      <path d="M184 62H181V65H184V62Z" fill="currentColor" />
+      <path d="M187 59H184V62H187V59Z" fill="currentColor" />
+      <path d="M190 56H187V59H190V56Z" fill="currentColor" />
+      <path d="M193 53H190V56H193V53Z" fill="currentColor" />
+      <path d="M196 50H193V53H196V50Z" fill="currentColor" />
+      <path d="M199 47H196V50H199V47Z" fill="currentColor" />
+      <path
+        d="M282.462 27.5L247.088 27.5C231.035 27.5 218 40.266 218 55.9975C218 71.7242 231.03 84.4951 247.088 84.4951H282.462V84.5"
+        stroke="currentColor"
+      />
+      <path d="M285 27.5H289.462" stroke="currentColor" />
+      <path d="M285 84.5H287.5" stroke="currentColor" />
+      <path
+        d="M266.5 56C266.5 66.2173 258.217 74.5 248 74.5C237.783 74.5 229.5 66.2173 229.5 56C229.5 45.7827 237.783 37.5 248 37.5C258.217 37.5 266.5 45.7827 266.5 56Z"
+        stroke="currentColor"
+      />
+      <path
+        opacity="0.2"
+        d="M248 93C268.435 93 285 76.4345 285 56C285 35.5655 268.435 19 248 19C227.565 19 211 35.5655 211 56C211 76.4345 227.565 93 248 93Z"
+        fill="#33B172"
+      />
+      <path
+        opacity="0.2"
+        d="M117 93C137.435 93 154 76.4345 154 56C154 35.5655 137.435 19 117 19C96.5655 19 80 35.5655 80 56C80 76.4345 96.5655 93 117 93Z"
+        fill="#33B172"
+      />
+      <path
+        opacity="0.5"
+        d="M248 81C261.807 81 273 69.8071 273 56C273 42.1929 261.807 31 248 31C234.193 31 223 42.1929 223 56C223 69.8071 234.193 81 248 81Z"
+        fill="#33B172"
+      />
+      <path
+        opacity="0.75"
+        d="M248 64C252.418 64 256 60.4183 256 56C256 51.5817 252.418 48 248 48C243.582 48 240 51.5817 240 56C240 60.4183 243.582 64 248 64Z"
+        fill="#33B172"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/features/ledger/illustrations/ledger-illu-success.tsx b/src/app/features/ledger/illustrations/ledger-illu-success.tsx
new file mode 100644
index 00000000000..68582eb0628
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-success.tsx
@@ -0,0 +1,90 @@
+export function ConnectLedgerSuccess() {
+  return (
+    <svg
+      width="292"
+      height="104"
+      viewBox="0 0 292 104"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M7.5 50.5H35.9998V55.5H7.5" stroke="currentColor" />
+      <path d="M2.5 50.5H5" stroke="currentColor" />
+      <path d="M0.538086 55.5H5" stroke="currentColor" />
+      <path
+        d="M36.0927 41.5048H44.5V64.5H36.0927C35.5605 64.5 35.0105 64.248 34.4636 63.7032C33.9147 63.1563 33.3973 62.3398 32.9521 61.2909C32.0624 59.1952 31.5 56.2646 31.5 53C31.5 49.7354 32.0624 46.8048 32.9521 44.7091C33.3973 43.6602 33.9147 42.8437 34.4636 42.2968C34.9668 41.7954 35.4728 41.5421 35.965 41.5048H36.0927Z"
+        stroke="currentColor"
+      />
+      <path
+        d="M50.0847 34.5H76.9153C80.012 34.5 82.5 36.9427 82.5 39.9286V66.0714C82.5 69.0574 80.012 71.5 76.9153 71.5H50.0847C46.988 71.5 44.5 69.0574 44.5 66.0714V39.9286C44.5 36.9427 46.988 34.5 50.0847 34.5Z"
+        stroke="currentColor"
+      />
+      <path d="M82.5 42.5H85.5V63.5H82.5V42.5Z" stroke="currentColor" />
+      <path
+        d="M41.9276 61.3217C42.4897 60.3941 43.048 59.2411 43.5 57.8377V63.5H40.2873C40.7583 63.001 41.344 62.2846 41.9276 61.3217Z"
+        fill="currentColor"
+        stroke="currentColor"
+      />
+      <path
+        d="M66 61V62H74V57H73V61H66ZM66 44V45H73V49H74V44H66ZM62 49H61V57H66V56H62V49ZM53 57V62H61V61H54V57H53ZM53 44V49H54V45H61V44H53Z"
+        fill="currentColor"
+      />
+      <mask id="path-9-inside-1_2656_25457" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M92.5377 24H248.088C232.036 24 219 36.9899 219 52.9975C219 69.0001 232.031 81.995 248.088 81.995H269.739C269.647 81.9983 269.555 82 269.462 82H92.5377C88.3747 82 85 78.6066 85 74.4205V31.5795C85 27.3934 88.3747 24 92.5377 24Z"
+        />
+      </mask>
+      <path
+        d="M269.739 81.995L269.775 82.9943L269.739 80.995V81.995ZM248.088 23H92.5377V25H248.088V23ZM220 52.9975C220 37.5453 232.585 25 248.088 25V23C231.486 23 218 36.4346 218 52.9975H220ZM248.088 80.995C232.58 80.995 220 68.445 220 52.9975H218C218 69.5552 231.481 82.995 248.088 82.995V80.995ZM269.739 80.995H248.088V82.995H269.739V80.995ZM269.462 83C269.567 83 269.671 82.9981 269.775 82.9943L269.702 80.9957C269.623 80.9985 269.543 81 269.462 81V83ZM92.5377 83H269.462V81H92.5377V83ZM84 74.4205C84 79.1536 87.8172 83 92.5377 83V81C88.9322 81 86 78.0595 86 74.4205H84ZM84 31.5795V74.4205H86V31.5795H84ZM92.5377 23C87.8172 23 84 26.8464 84 31.5795H86C86 27.9405 88.9322 25 92.5377 25V23Z"
+        fill="currentColor"
+        mask="url(#path-9-inside-1_2656_25457)"
+      />
+      <path
+        opacity="0.34"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M206 53C206 64.0457 197.046 73 186 73C174.954 73 166 64.0457 166 53C166 41.9543 174.954 33 186 33C197.046 33 206 41.9543 206 53ZM191.649 50.761C192.069 50.4027 192.119 49.7716 191.761 49.3513C191.403 48.931 190.772 48.8807 190.351 49.239L183.962 54.6858L181.649 52.713C181.229 52.3546 180.598 52.4047 180.239 52.8249C179.881 53.2451 179.931 53.8763 180.351 54.2347L183.313 56.7609C183.687 57.0797 184.237 57.0797 184.611 56.761L191.649 50.761Z"
+        fill="#23A278"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M199 53C199 60.1797 193.18 66 186 66C178.82 66 173 60.1797 173 53C173 45.8203 178.82 40 186 40C193.18 40 199 45.8203 199 53ZM191.649 50.761C192.069 50.4027 192.119 49.7716 191.761 49.3513C191.403 48.931 190.772 48.8807 190.351 49.239L183.962 54.6858L181.649 52.713C181.229 52.3546 180.598 52.4047 180.239 52.8249C179.881 53.2451 179.931 53.8763 180.351 54.2347L183.313 56.7609C183.687 57.0797 184.237 57.0797 184.611 56.761L191.649 50.761Z"
+        fill="#23A278"
+      />
+      <path
+        d="M135.5 53C135.5 63.2173 127.217 71.5 117 71.5C106.783 71.5 98.5 63.2173 98.5 53C98.5 42.7827 106.783 34.5 117 34.5C127.217 34.5 135.5 42.7827 135.5 53Z"
+        stroke="currentColor"
+      />
+      <mask id="path-14-inside-2_2656_25457" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M231.762 29H153.631C150.523 29 148 31.6191 148 34.8451V71.1549C148 74.3809 150.523 77 153.631 77H231.77C231.297 76.68 230.834 76.3465 230.382 76H153.631C151.11 76 149 73.8641 149 71.1549V34.8451C149 32.1359 151.11 30 153.631 30H230.376C230.828 29.6536 231.29 29.32 231.762 29Z"
+        />
+      </mask>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M231.762 29H153.631C150.523 29 148 31.6191 148 34.8451V71.1549C148 74.3809 150.523 77 153.631 77H231.77C231.297 76.68 230.834 76.3465 230.382 76H153.631C151.11 76 149 73.8641 149 71.1549V34.8451C149 32.1359 151.11 30 153.631 30H230.376C230.828 29.6536 231.29 29.32 231.762 29Z"
+        fill="currentColor"
+      />
+      <path
+        d="M231.762 29L232.323 29.8278L235.02 28H231.762V29ZM231.77 77V78H235.029L232.33 76.172L231.77 77ZM230.382 76L230.991 75.2063L230.721 75H230.382V76ZM230.376 30V31H230.715L230.984 30.7936L230.376 30ZM231.762 28H153.631V30H231.762V28ZM153.631 28C149.936 28 147 31.1024 147 34.8451H149C149 32.1359 151.11 30 153.631 30V28ZM147 34.8451V71.1549H149V34.8451H147ZM147 71.1549C147 74.8976 149.936 78 153.631 78V76C151.11 76 149 73.8641 149 71.1549H147ZM153.631 78H231.77V76H153.631V78ZM232.33 76.172C231.874 75.863 231.427 75.5409 230.991 75.2063L229.774 76.7937C230.242 77.152 230.72 77.497 231.209 77.828L232.33 76.172ZM153.631 77H230.382V75H153.631V77ZM148 71.1549C148 74.3832 150.525 77 153.631 77V75C151.695 75 150 73.3451 150 71.1549H148ZM148 34.8451V71.1549H150V34.8451H148ZM153.631 29C150.525 29 148 31.6168 148 34.8451H150C150 32.6549 151.695 31 153.631 31V29ZM230.376 29H153.631V31H230.376V29ZM230.984 30.7936C231.421 30.459 231.867 30.1369 232.323 29.8278L231.201 28.1722C230.713 28.5032 230.235 28.8481 229.768 29.2064L230.984 30.7936Z"
+        fill="currentColor"
+        mask="url(#path-14-inside-2_2656_25457)"
+      />
+      <path
+        d="M282.462 24.5L247.088 24.5C231.035 24.5 218 37.266 218 52.9975C218 68.7242 231.03 81.4951 247.088 81.4951H282.462V81.5"
+        stroke="currentColor"
+      />
+      <path d="M285 24.5H289.462" stroke="currentColor" />
+      <path d="M285 81.5H287.5" stroke="currentColor" />
+      <path
+        d="M266.5 53C266.5 63.2173 258.217 71.5 248 71.5C237.783 71.5 229.5 63.2173 229.5 53C229.5 42.7827 237.783 34.5 248 34.5C258.217 34.5 266.5 42.7827 266.5 53Z"
+        stroke="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/features/ledger/illustrations/ledger-illu-transaction-rejected.tsx b/src/app/features/ledger/illustrations/ledger-illu-transaction-rejected.tsx
new file mode 100644
index 00000000000..1de8f4795e3
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-transaction-rejected.tsx
@@ -0,0 +1,91 @@
+export function LedgerTxRejected() {
+  return (
+    <svg
+      width="292"
+      height="112"
+      viewBox="0 0 292 112"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M7.5 53.5H31.5V58.5H7.5" stroke="currentColor" />
+      <path d="M2.5 53.5H5" stroke="currentColor" />
+      <path d="M0.538086 58.5H5" stroke="currentColor" />
+      <path
+        d="M36.0927 44.5048H44.5V67.5H36.0927C35.5605 67.5 35.0105 67.248 34.4636 66.7032C33.9147 66.1563 33.3973 65.3398 32.9521 64.2909C32.0624 62.1952 31.5 59.2646 31.5 56C31.5 52.7354 32.0624 49.8048 32.9521 47.7091C33.3973 46.6602 33.9147 45.8437 34.4636 45.2968C34.9668 44.7954 35.4728 44.5421 35.965 44.5048H36.0927Z"
+        stroke="currentColor"
+      />
+      <path
+        d="M50.0847 37.5H76.9153C80.012 37.5 82.5 39.9427 82.5 42.9286V69.0714C82.5 72.0574 80.012 74.5 76.9153 74.5H50.0847C46.988 74.5 44.5 72.0574 44.5 69.0714V42.9286C44.5 39.9427 46.988 37.5 50.0847 37.5Z"
+        stroke="currentColor"
+      />
+      <path d="M82.5 45.5H85.5V66.5H82.5V45.5Z" stroke="currentColor" />
+      <path
+        d="M41.9276 64.3217C42.4897 63.3941 43.048 62.2411 43.5 60.8377V66.5H40.2873C40.7583 66.001 41.344 65.2846 41.9276 64.3217Z"
+        fill="currentColor"
+        stroke="currentColor"
+      />
+      <path
+        d="M66 64V65H74V60H73V64H66ZM66 47V48H73V52H74V47H66ZM62 52H61V60H66V59H62V52ZM53 60V65H61V64H54V60H53ZM53 47V52H54V48H61V47H53Z"
+        fill="currentColor"
+      />
+      <mask id="path-9-inside-1_2806_34370" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M92.5377 27H248.088C232.036 27 219 39.9899 219 55.9975C219 72.0001 232.031 84.995 248.088 84.995H269.739C269.647 84.9983 269.555 85 269.462 85H92.5377C88.3747 85 85 81.6066 85 77.4205V34.5795C85 30.3934 88.3747 27 92.5377 27Z"
+        />
+      </mask>
+      <path
+        d="M269.739 84.995L269.775 85.9943L269.739 83.995V84.995ZM248.088 26H92.5377V28H248.088V26ZM220 55.9975C220 40.5453 232.585 28 248.088 28V26C231.486 26 218 39.4346 218 55.9975H220ZM248.088 83.995C232.58 83.995 220 71.445 220 55.9975H218C218 72.5552 231.481 85.995 248.088 85.995V83.995ZM269.739 83.995H248.088V85.995H269.739V83.995ZM269.462 86C269.567 86 269.671 85.9981 269.775 85.9943L269.702 83.9957C269.623 83.9985 269.543 84 269.462 84V86ZM92.5377 86H269.462V84H92.5377V86ZM84 77.4205C84 82.1536 87.8172 86 92.5377 86V84C88.9322 84 86 81.0595 86 77.4205H84ZM84 34.5795V77.4205H86V34.5795H84ZM92.5377 26C87.8172 26 84 29.8464 84 34.5795H86C86 30.9405 88.9322 28 92.5377 28V26Z"
+        fill="currentColor"
+        mask="url(#path-9-inside-1_2806_34370)"
+      />
+      <path
+        d="M135.5 56C135.5 66.2173 127.217 74.5 117 74.5C106.783 74.5 98.5 66.2173 98.5 56C98.5 45.7827 106.783 37.5 117 37.5C127.217 37.5 135.5 45.7827 135.5 56Z"
+        stroke="currentColor"
+      />
+      <mask id="path-12-inside-2_2806_34370" fill="white">
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        />
+      </mask>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M231.762 32H153.631C150.523 32 148 34.6191 148 37.8451V74.1549C148 77.3809 150.523 80 153.631 80H231.77C231.297 79.68 230.834 79.3465 230.382 79H153.631C151.11 79 149 76.8641 149 74.1549V37.8451C149 35.1359 151.11 33 153.631 33H230.376C230.828 32.6536 231.29 32.32 231.762 32Z"
+        fill="currentColor"
+      />
+      <path
+        d="M231.762 32L232.323 32.8278L235.02 31H231.762V32ZM231.77 80V81H235.029L232.33 79.172L231.77 80ZM230.382 79L230.991 78.2063L230.721 78H230.382V79ZM230.376 33V34H230.715L230.984 33.7936L230.376 33ZM231.762 31H153.631V33H231.762V31ZM153.631 31C149.936 31 147 34.1024 147 37.8451H149C149 35.1359 151.11 33 153.631 33V31ZM147 37.8451V74.1549H149V37.8451H147ZM147 74.1549C147 77.8976 149.936 81 153.631 81V79C151.11 79 149 76.8641 149 74.1549H147ZM153.631 81H231.77V79H153.631V81ZM232.33 79.172C231.874 78.863 231.427 78.5409 230.991 78.2063L229.774 79.7937C230.242 80.152 230.72 80.497 231.209 80.828L232.33 79.172ZM153.631 80H230.382V78H153.631V80ZM148 74.1549C148 77.3832 150.525 80 153.631 80V78C151.695 78 150 76.3451 150 74.1549H148ZM148 37.8451V74.1549H150V37.8451H148ZM153.631 32C150.525 32 148 34.6168 148 37.8451H150C150 35.6549 151.695 34 153.631 34V32ZM230.376 32H153.631V34H230.376V32ZM230.984 33.7936C231.421 33.459 231.867 33.1369 232.323 32.8278L231.201 31.1722C230.713 31.5032 230.235 31.8481 229.768 32.2064L230.984 33.7936Z"
+        fill="currentColor"
+        mask="url(#path-12-inside-2_2806_34370)"
+      />
+      <path d="M184 60H181V63H184V60Z" fill="#FF5863" />
+      <path d="M187 57H184V60H187V57Z" fill="#FF5863" />
+      <path d="M190 54H187V57H190V54Z" fill="#FF5863" />
+      <path d="M193 51H190V54H193V51Z" fill="#FF5863" />
+      <path d="M196 48H193V51H196V48Z" fill="#FF5863" />
+      <path d="M199 45H196V48H199V45Z" fill="#FF5863" />
+      <path d="M181 45H178V48H181V45Z" fill="#FF5863" />
+      <path d="M181 63H178V66H181V63Z" fill="#FF5863" />
+      <path d="M199 63H196V66H199V63Z" fill="#FF5863" />
+      <path d="M193 60H196V63H193V60Z" fill="#FF5863" />
+      <path d="M190 57H193V60H190V57Z" fill="#FF5863" />
+      <path d="M187 54H190V57H187V54Z" fill="#FF5863" />
+      <path d="M184 51H187V54H184V51Z" fill="#FF5863" />
+      <path d="M181 48H184V51H181V48Z" fill="#FF5863" />
+      <path
+        d="M282.462 27.5L247.088 27.5C231.035 27.5 218 40.266 218 55.9975C218 71.7242 231.03 84.4951 247.088 84.4951H282.462V84.5"
+        stroke="currentColor"
+      />
+      <path d="M285 27.5H289.462" stroke="currentColor" />
+      <path d="M285 84.5H287.5" stroke="currentColor" />
+      <path
+        d="M266.5 56C266.5 66.2173 258.217 74.5 248 74.5C237.783 74.5 229.5 66.2173 229.5 56C229.5 45.7827 237.783 37.5 248 37.5C258.217 37.5 266.5 45.7827 266.5 56Z"
+        stroke="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/features/ledger/illustrations/ledger-illu-unsupported-browser.tsx b/src/app/features/ledger/illustrations/ledger-illu-unsupported-browser.tsx
new file mode 100644
index 00000000000..054ec17e397
--- /dev/null
+++ b/src/app/features/ledger/illustrations/ledger-illu-unsupported-browser.tsx
@@ -0,0 +1,56 @@
+export function UnsupportedBrowserImg() {
+  return (
+    <svg
+      width="240"
+      height="182"
+      viewBox="0 0 240 182"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M38.5 22.5H190.5V53.5V69V84.5V146.5H38.5V22.5Z" stroke="currentColor" />
+      <path
+        d="M200.47 132C203.298 132.593 205.979 133.218 208.5 133.871C224.444 137.999 234 143.265 234 149C234 162.255 182.96 173 120 173C57.0395 173 6 162.255 6 149C6 142.468 18.3936 136.546 38.5 132.219"
+        stroke="currentColor"
+      />
+      <path d="M38.5 22.5H190.5V46.5H38.5V22.5Z" stroke="currentColor" />
+      <path d="M42.5 26.5H58.5V42.5H42.5V26.5Z" stroke="currentColor" />
+      <path d="M190.5 141.5H195.5V17.5L43.5 17.5V22.5" stroke="currentColor" />
+      <path d="M195.5 136.5H200.5V54.5M48.5 17.5V12.5L200.5 12.5V23" stroke="currentColor" />
+      <path d="M113 68H107V74H113V68Z" fill="currentColor" />
+      <path d="M94 74H88V80H94V74Z" fill="currentColor" />
+      <path d="M113 74H107V80H113V74Z" fill="currentColor" />
+      <path d="M94 80H88V86H94V80Z" fill="currentColor" />
+      <path d="M120 80H114V86H120V80Z" fill="currentColor" />
+      <path d="M101 86H95V92H101V86Z" fill="currentColor" />
+      <rect x="134" y="89" width="12" height="6" fill="currentColor" />
+      <rect x="122" y="95" width="12" height="6" fill="currentColor" />
+      <rect x="116" y="101" width="6" height="6" fill="currentColor" />
+      <rect x="110" y="107" width="6" height="6" fill="currentColor" />
+      <rect x="104" y="113" width="6" height="6" fill="currentColor" />
+      <rect x="98" y="119" width="6" height="6" fill="currentColor" />
+      <path d="M56 40L45 29" stroke="black" />
+      <path d="M45 40L56 29" stroke="black" />
+      <path
+        d="M38.4123 94.5001L36.8956 97.7238L28.1441 93.6792L30.6076 103L21.3037 105.527L29.1822 111.084L23.6794 119L33.2864 118.193L34.1595 127.794L38.4123 123.57"
+        stroke="currentColor"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M195.5 30.0786L196.896 30.7237L201 22L205.104 30.7237L213.856 26.6791L211.392 36L220.696 38.527L212.818 44.0838L218.321 52L208.713 51.1925L207.84 60.7939L201 54L195.5 59.4626"
+        stroke="currentColor"
+        strokeLinejoin="round"
+      />
+      <path d="M33.5933 89.291L27.5005 77.5005" stroke="currentColor" strokeLinejoin="round" />
+      <path d="M21.5928 97.2908L13.5 93.5003" stroke="currentColor" strokeLinejoin="round" />
+      <g opacity="0.25">
+        <line x1="66.5" y1="147" x2="66.5" y2="47" stroke="black" />
+        <line x1="98.5" y1="147" x2="98.5" y2="47" stroke="black" />
+        <line x1="130.5" y1="147" x2="130.5" y2="47" stroke="black" />
+        <line x1="162.5" y1="147" x2="162.5" y2="47" stroke="black" />
+        <line x1="190" y1="125.5" x2="38" y2="125.5" stroke="black" />
+        <line x1="190" y1="97.5" x2="38" y2="97.5" stroke="black" />
+        <line x1="190" y1="69.5" x2="38" y2="69.5" stroke="black" />
+      </g>
+    </svg>
+  );
+}
diff --git a/src/app/features/psbt-signer/components/psbt-inputs-and-outputs/components/psbt-input-output-item.layout.tsx b/src/app/features/psbt-signer/components/psbt-inputs-and-outputs/components/psbt-input-output-item.layout.tsx
index 5e18d2a8d92..62476e21690 100644
--- a/src/app/features/psbt-signer/components/psbt-inputs-and-outputs/components/psbt-input-output-item.layout.tsx
+++ b/src/app/features/psbt-signer/components/psbt-inputs-and-outputs/components/psbt-input-output-item.layout.tsx
@@ -1,6 +1,6 @@
-import { useClipboard } from '@stacks/ui';
 import { Box, Flex, HStack, styled } from 'leather-styles/jsx';
 
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { LeatherButton } from '@app/components/button/button';
 import { CopyIcon } from '@app/components/icons/copy-icon';
diff --git a/src/app/features/psbt-signer/components/psbt-inputs-outputs-totals/components/psbt-address-total-item.tsx b/src/app/features/psbt-signer/components/psbt-inputs-outputs-totals/components/psbt-address-total-item.tsx
index 4eab2859399..3d4858f84a5 100644
--- a/src/app/features/psbt-signer/components/psbt-inputs-outputs-totals/components/psbt-address-total-item.tsx
+++ b/src/app/features/psbt-signer/components/psbt-inputs-outputs-totals/components/psbt-address-total-item.tsx
@@ -1,6 +1,6 @@
-import { useClipboard } from '@stacks/ui';
 import { Box, HStack, styled } from 'leather-styles/jsx';
 
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { LeatherButton } from '@app/components/button/button';
 import { BtcIcon } from '@app/components/icons/btc-icon';
 import { CopyIcon } from '@app/components/icons/copy-icon';
diff --git a/src/app/features/psbt-signer/components/psbt-signer.layout.tsx b/src/app/features/psbt-signer/components/psbt-signer.layout.tsx
index bd35c963a15..8093d7a3a11 100644
--- a/src/app/features/psbt-signer/components/psbt-signer.layout.tsx
+++ b/src/app/features/psbt-signer/components/psbt-signer.layout.tsx
@@ -1,4 +1,4 @@
-import { Stack } from '@stacks/ui';
+import { Stack } from 'leather-styles/jsx';
 
 import { HasChildren } from '@app/common/has-children';
 
@@ -10,7 +10,7 @@ export function PsbtSignerLayout({ children }: HasChildren) {
       overflowY="auto"
       pb="120px"
       px="loose"
-      spacing="base-loose"
+      gap="base-loose"
       width="100%"
     >
       {children}
diff --git a/src/app/features/psbt-signer/psbt-signer.tsx b/src/app/features/psbt-signer/psbt-signer.tsx
index ba3b0479047..434d39aa700 100644
--- a/src/app/features/psbt-signer/psbt-signer.tsx
+++ b/src/app/features/psbt-signer/psbt-signer.tsx
@@ -4,6 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import * as btc from '@scure/btc-signer';
 
 import { RouteUrls } from '@shared/route-urls';
+import { closeWindow } from '@shared/utils';
 
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { SignPsbtArgs } from '@app/common/psbt/requests';
@@ -64,7 +65,7 @@ export function PsbtSigner(props: PsbtSignerProps) {
 
   useRouteHeader(<PopupHeader displayAddresssBalanceOf="all" />);
 
-  useOnOriginTabClose(() => window.close());
+  useOnOriginTabClose(() => closeWindow());
 
   const psbtRaw = useMemo(() => {
     try {
diff --git a/src/app/features/secret-key-displayer/secret-key-displayer.tsx b/src/app/features/secret-key-displayer/secret-key-displayer.tsx
index 62ab47cd5fa..45282345f16 100644
--- a/src/app/features/secret-key-displayer/secret-key-displayer.tsx
+++ b/src/app/features/secret-key-displayer/secret-key-displayer.tsx
@@ -1,11 +1,10 @@
 import { memo, useMemo } from 'react';
 import { Outlet, useLocation, useNavigate } from 'react-router-dom';
 
-import { useClipboard } from '@stacks/ui';
-
 import { RouteUrls } from '@shared/route-urls';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 
 import { SecretKeyDisplayerLayout } from './secret-key-displayer.layout';
 
diff --git a/src/app/features/settings-dropdown/settings-dropdown.tsx b/src/app/features/settings-dropdown/settings-dropdown.tsx
index 46ac0493ee6..1188917ce20 100644
--- a/src/app/features/settings-dropdown/settings-dropdown.tsx
+++ b/src/app/features/settings-dropdown/settings-dropdown.tsx
@@ -55,6 +55,10 @@ export function SettingsDropdown() {
 
   useOnClickOutside(ref, isShowing ? handleClose : null);
 
+  // RouteUrls.Activity is nested off / so we need to use a link relative to the route
+  const linkRelativeType =
+    location.pathname === `${RouteUrls.Home}${RouteUrls.Activity}` ? 'route' : 'path';
+
   return (
     <SlideFade initialOffset="-20px" timeout={150} in={isShowing}>
       {styles => (
@@ -78,7 +82,10 @@ export function SettingsDropdown() {
             data-testid={SettingsSelectors.ToggleTheme}
             onClick={wrappedCloseCallback(() => {
               void analytics.track('click_change_theme_menu_item');
-              navigate(RouteUrls.ChangeTheme, { relative: 'path' });
+              navigate(RouteUrls.ChangeTheme, {
+                relative: linkRelativeType,
+                state: { backgroundLocation: location },
+              });
             })}
           >
             Change theme
@@ -128,7 +135,10 @@ export function SettingsDropdown() {
             data-testid={SettingsSelectors.ChangeNetworkAction}
             onClick={wrappedCloseCallback(() => {
               void analytics.track('click_change_network_menu_item');
-              navigate(RouteUrls.SelectNetwork, { relative: 'path' });
+              navigate(RouteUrls.SelectNetwork, {
+                relative: linkRelativeType,
+                state: { backgroundLocation: location },
+              });
             })}
           >
             <Flex width="100%" alignItems="center" justifyContent="space-between">
@@ -159,7 +169,10 @@ export function SettingsDropdown() {
           <MenuItem
             color={color('feedback-error')}
             onClick={wrappedCloseCallback(() =>
-              navigate(RouteUrls.SignOutConfirm, { relative: 'path' })
+              navigate(RouteUrls.SignOutConfirm, {
+                relative: linkRelativeType,
+                state: { backgroundLocation: location },
+              })
             )}
             data-testid={SettingsSelectors.SignOutListItem}
           >
diff --git a/src/app/features/stacks-transaction-request/contract-deploy-details/contract-deploy-details.tsx b/src/app/features/stacks-transaction-request/contract-deploy-details/contract-deploy-details.tsx
index f05bbeeabb4..cbcedff33e0 100644
--- a/src/app/features/stacks-transaction-request/contract-deploy-details/contract-deploy-details.tsx
+++ b/src/app/features/stacks-transaction-request/contract-deploy-details/contract-deploy-details.tsx
@@ -14,7 +14,7 @@ import {
 } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
 
-function ContractCodeSection(): React.JSX.Element | null {
+function ContractCodeSection() {
   const transactionRequest = useTransactionRequestState();
 
   const currentAccount = useCurrentStacksAccount();
@@ -31,12 +31,12 @@ function ContractCodeSection(): React.JSX.Element | null {
 
   return (
     <CodeBlock
-      overflow="auto"
+      overflowX="scroll"
       border="4px solid"
       borderColor={color('border')}
       borderRadius="12px"
       backgroundColor="ink.1000"
-      width="100%"
+      maxWidth="100vw"
       code={transactionRequest.codeBody}
       Prism={Prism as any}
     />
@@ -47,7 +47,7 @@ interface TabButtonProps extends BoxProps {
   isActive: boolean;
 }
 
-function TabButton(props: TabButtonProps): React.JSX.Element {
+function TabButton(props: TabButtonProps) {
   const { isActive, ...rest } = props;
 
   return (
@@ -64,7 +64,7 @@ function TabButton(props: TabButtonProps): React.JSX.Element {
   );
 }
 
-export function ContractDeployDetails(): React.JSX.Element | null {
+export function ContractDeployDetails() {
   const transactionRequest = useTransactionRequestState();
   const currentAccount = useCurrentStacksAccount();
   const currentAccountStxAddress = useCurrentAccountStxAddressState();
diff --git a/src/app/features/stacks-transaction-request/hooks/use-page-title.ts b/src/app/features/stacks-transaction-request/hooks/use-stacks-tx-page-title.ts
similarity index 94%
rename from src/app/features/stacks-transaction-request/hooks/use-page-title.ts
rename to src/app/features/stacks-transaction-request/hooks/use-stacks-tx-page-title.ts
index 9477b8ba182..48baac02649 100644
--- a/src/app/features/stacks-transaction-request/hooks/use-page-title.ts
+++ b/src/app/features/stacks-transaction-request/hooks/use-stacks-tx-page-title.ts
@@ -4,7 +4,7 @@ import { TransactionTypes } from '@stacks/connect';
 
 import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
 
-export function usePageTitle(): string {
+export function useStacksTxPageTitle() {
   const transactionRequest = useTransactionRequestState();
   const txType = transactionRequest?.txType;
   return useMemo(() => {
diff --git a/src/app/features/stacks-transaction-request/page-top.tsx b/src/app/features/stacks-transaction-request/page-top.tsx
index d98d45258bf..8d6993da910 100644
--- a/src/app/features/stacks-transaction-request/page-top.tsx
+++ b/src/app/features/stacks-transaction-request/page-top.tsx
@@ -1,21 +1,20 @@
 import { memo } from 'react';
 
-import { Stack } from '@stacks/ui';
 import { TransactionRequestSelectors } from '@tests/selectors/requests.selectors';
-import { styled } from 'leather-styles/jsx';
+import { Stack, styled } from 'leather-styles/jsx';
 
 import { useDefaultRequestParams } from '@app/common/hooks/use-default-request-search-params';
 import { addPortSuffix, getUrlHostname } from '@app/common/utils';
 import { Favicon } from '@app/components/favicon';
 import { Flag } from '@app/components/layout/flag';
-import { usePageTitle } from '@app/features/stacks-transaction-request/hooks/use-page-title';
+import { useStacksTxPageTitle } from '@app/features/stacks-transaction-request/hooks/use-stacks-tx-page-title';
 import { useCurrentNetworkState } from '@app/store/networks/networks.hooks';
 import { useTransactionRequestState } from '@app/store/transactions/requests.hooks';
 
 function PageTopBase() {
   const transactionRequest = useTransactionRequestState();
   const { origin } = useDefaultRequestParams();
-  const pageTitle = usePageTitle();
+  const pageTitle = useStacksTxPageTitle();
   const { isTestnet, chain } = useCurrentNetworkState();
 
   if (!transactionRequest) return null;
@@ -31,7 +30,7 @@ function PageTopBase() {
     <Stack
       data-testid={TransactionRequestSelectors.TransactionRequestPage}
       mb="loose"
-      spacing="base"
+      gap="space.04"
       width="100%"
     >
       <styled.h1 mb="space.04" textStyle="heading.03">
diff --git a/src/app/features/stacks-transaction-request/stacks-transaction-signer.tsx b/src/app/features/stacks-transaction-request/stacks-transaction-signer.tsx
index 845a1199259..7df39261a88 100644
--- a/src/app/features/stacks-transaction-request/stacks-transaction-signer.tsx
+++ b/src/app/features/stacks-transaction-request/stacks-transaction-signer.tsx
@@ -42,12 +42,9 @@ interface StacksTransactionSignerProps {
   disableFeeSelection?: boolean;
   disableNonceSelection?: boolean;
   isMultisig: boolean;
-
   onCancel(): void;
-
   onSignStacksTransaction(fee: number, nonce: number): void;
 }
-
 export function StacksTransactionSigner({
   stacksTransaction,
   disableFeeSelection,
diff --git a/src/app/features/stacks-transaction-request/submit-action.tsx b/src/app/features/stacks-transaction-request/submit-action.tsx
index 0f4949a2a93..98040c53568 100644
--- a/src/app/features/stacks-transaction-request/submit-action.tsx
+++ b/src/app/features/stacks-transaction-request/submit-action.tsx
@@ -1,5 +1,3 @@
-import { Suspense } from 'react';
-
 import { TransactionRequestSelectors } from '@tests/selectors/requests.selectors';
 import { useFormikContext } from 'formik';
 
@@ -38,15 +36,13 @@ export function SubmitAction() {
   };
 
   return (
-    <Suspense fallback={<BaseConfirmButton aria-busy={isLoading} disabled={isDisabled} />}>
-      <BaseConfirmButton
-        aria-busy={isLoading}
-        data-testid={TransactionRequestSelectors.BtnConfirmTransaction}
-        disabled={isDisabled}
-        onClick={onConfirmTransaction}
-      >
-        Confirm
-      </BaseConfirmButton>
-    </Suspense>
+    <BaseConfirmButton
+      aria-busy={isLoading}
+      data-testid={TransactionRequestSelectors.BtnConfirmTransaction}
+      disabled={isDisabled}
+      onClick={onConfirmTransaction}
+    >
+      Confirm
+    </BaseConfirmButton>
   );
 }
diff --git a/src/app/features/stacks-transaction-request/transaction-error/error-messages.tsx b/src/app/features/stacks-transaction-request/transaction-error/error-messages.tsx
index 83cf5cc4f6b..9ec1068605b 100644
--- a/src/app/features/stacks-transaction-request/transaction-error/error-messages.tsx
+++ b/src/app/features/stacks-transaction-request/transaction-error/error-messages.tsx
@@ -7,6 +7,7 @@ import { truncateMiddle } from '@stacks/ui-utils';
 import { HStack } from 'leather-styles/jsx';
 
 import { RouteUrls } from '@shared/route-urls';
+import { closeWindow } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useDrawers } from '@app/common/hooks/use-drawers';
@@ -28,7 +29,7 @@ function InsufficientFundsActionButtons({ eventName }: InsufficientFundsActionBu
 
   const onGetStx = () => {
     void analytics.track(eventName);
-    window.close();
+    closeWindow();
     void chrome.tabs.create({ url: 'index.html#/fund' });
   };
 
diff --git a/src/app/features/switch-account-drawer/components/switch-account-list-item.tsx b/src/app/features/switch-account-drawer/components/switch-account-list-item.tsx
index 81e25def514..2b370fae42e 100644
--- a/src/app/features/switch-account-drawer/components/switch-account-list-item.tsx
+++ b/src/app/features/switch-account-drawer/components/switch-account-list-item.tsx
@@ -1,48 +1,53 @@
 import { memo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import { useClipboard } from '@stacks/ui';
-
 import { RouteUrls } from '@shared/route-urls';
 
 import { useAccountDisplayName } from '@app/common/hooks/account/use-account-names';
 import { useSwitchAccount } from '@app/common/hooks/account/use-switch-account';
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useDrawers } from '@app/common/hooks/use-drawers';
 import { useLoading } from '@app/common/hooks/use-loading';
 import { AccountTotalBalance } from '@app/components/account-total-balance';
 import { AccountListItemLayout } from '@app/components/account/account-list-item-layout';
 import { usePressable } from '@app/components/item-hover';
-import { useNativeSegwitAccountIndexAddressIndexZero } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
-import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.models';
+import { useNativeSegwitSigner } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
+import { useStacksAccounts } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 
 import { AccountAvatarItem } from '../../../components/account/account-avatar';
-import { AccountName } from '../../../components/account/account-name';
+import { AccountNameLayout } from '../../../components/account/account-name';
 
 interface SwitchAccountListItemProps {
-  account: StacksAccount;
   handleClose(): void;
+  currentAccountIndex: number;
+  index: number;
 }
 export const SwitchAccountListItem = memo(
-  ({ account, handleClose }: SwitchAccountListItemProps) => {
-    const { isLoading, setIsLoading, setIsIdle } = useLoading('SWITCH_ACCOUNTS' + account.address);
-    const { handleSwitchAccount, getIsActive } = useSwitchAccount(handleClose);
+  ({ handleClose, currentAccountIndex, index }: SwitchAccountListItemProps) => {
+    const stacksAccounts = useStacksAccounts();
+    const stacksAddress = stacksAccounts[index]?.address || '';
+    const bitcoinSigner = useNativeSegwitSigner(index);
+    const bitcoinAddress = bitcoinSigner?.(0).address || '';
+
+    const { isLoading, setIsLoading, setIsIdle } = useLoading(
+      'SWITCH_ACCOUNTS' + stacksAddress || bitcoinAddress
+    );
+    const { handleSwitchAccount } = useSwitchAccount(handleClose);
     const [component, bind] = usePressable(true);
-    const name = useAccountDisplayName(account);
+    const name = useAccountDisplayName({ address: stacksAddress, index });
     const navigate = useNavigate();
 
-    const btcAddress = useNativeSegwitAccountIndexAddressIndexZero(account.index);
-
     const handleClick = async () => {
       setIsLoading();
       setTimeout(async () => {
-        await handleSwitchAccount(account.index);
+        await handleSwitchAccount(index);
         setIsIdle();
       }, 80);
     };
 
     const analytics = useAnalytics();
-    const { onCopy, hasCopied } = useClipboard(account.address || '');
+    const { onCopy, hasCopied } = useClipboard(stacksAddress || '');
     const { setIsShowingSwitchAccountsState } = useDrawers();
 
     const onCopyToClipboard = (e: React.MouseEvent) => {
@@ -52,24 +57,31 @@ export const SwitchAccountListItem = memo(
     };
 
     const onClickBtcCopyIcon = (e: React.MouseEvent) => {
+      if (!bitcoinAddress) return;
       e.stopPropagation();
       setIsShowingSwitchAccountsState(false);
-      navigate(RouteUrls.ReceiveBtc, { state: { btcAddress, accountIndex: account.index } });
+      navigate(RouteUrls.ReceiveBtc, {
+        state: { btcAddress: bitcoinAddress, accountIndex: currentAccountIndex },
+      });
     };
 
     return (
       <AccountListItemLayout
-        index={account.index}
-        stxAddress={account.address}
-        btcAddress={btcAddress}
+        index={index}
         isLoading={isLoading}
-        isActive={getIsActive(account.index)}
+        isActive={currentAccountIndex === index}
         avatar={
-          <AccountAvatarItem index={account.index} publicKey={account.stxPublicKey} name={name} />
+          <AccountAvatarItem
+            index={currentAccountIndex}
+            publicKey={stacksAccounts[currentAccountIndex]?.stxPublicKey || ''}
+            name={name}
+          />
         }
         onSelectAccount={handleClick}
-        accountName={<AccountName account={account} />}
-        balanceLabel={<AccountTotalBalance stxAddress={account.address} btcAddress={btcAddress} />}
+        accountName={<AccountNameLayout>{name}</AccountNameLayout>}
+        balanceLabel={
+          <AccountTotalBalance stxAddress={stacksAddress} btcAddress={bitcoinAddress} />
+        }
         hasCopied={hasCopied}
         onCopyToClipboard={onCopyToClipboard}
         onClickBtcCopyIcon={onClickBtcCopyIcon}
diff --git a/src/app/features/switch-account-drawer/components/switch-account-list.tsx b/src/app/features/switch-account-drawer/components/switch-account-list.tsx
index db4d6a657cc..09a8f98247d 100644
--- a/src/app/features/switch-account-drawer/components/switch-account-list.tsx
+++ b/src/app/features/switch-account-drawer/components/switch-account-list.tsx
@@ -3,26 +3,32 @@ import { Virtuoso } from 'react-virtuoso';
 
 import { Box } from 'leather-styles/jsx';
 
-import { StacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.models';
+import { useWalletType } from '@app/common/use-wallet-type';
 
 import { SwitchAccountListItem } from './switch-account-list-item';
 
 interface SwitchAccountListProps {
   handleClose: () => void;
-  accounts: StacksAccount[];
   currentAccountIndex: number;
+  addressesNum: number;
 }
 export const SwitchAccountList = memo(
-  ({ accounts, currentAccountIndex, handleClose }: SwitchAccountListProps) => {
+  ({ currentAccountIndex, handleClose, addressesNum }: SwitchAccountListProps) => {
+    const { whenWallet } = useWalletType();
+
     return (
       <Virtuoso
-        initialTopMostItemIndex={currentAccountIndex}
+        initialTopMostItemIndex={whenWallet({ ledger: 0, software: currentAccountIndex })}
         height="72px"
         style={{ paddingTop: '24px', height: '70vh' }}
-        totalCount={accounts.length}
+        totalCount={addressesNum}
         itemContent={index => (
-          <Box mx={['space.05', 'space.06']} key={accounts[index].address ?? index}>
-            <SwitchAccountListItem handleClose={handleClose} account={accounts[index]} />
+          <Box mx={['space.05', 'space.06']} key={index}>
+            <SwitchAccountListItem
+              handleClose={handleClose}
+              currentAccountIndex={currentAccountIndex}
+              index={index}
+            />
           </Box>
         )}
       />
diff --git a/src/app/features/switch-account-drawer/switch-account-drawer.tsx b/src/app/features/switch-account-drawer/switch-account-drawer.tsx
index ba6a696d55f..b97e17df35f 100644
--- a/src/app/features/switch-account-drawer/switch-account-drawer.tsx
+++ b/src/app/features/switch-account-drawer/switch-account-drawer.tsx
@@ -5,6 +5,7 @@ import { Box } from '@stacks/ui';
 import { useCreateAccount } from '@app/common/hooks/account/use-create-account';
 import { useWalletType } from '@app/common/use-wallet-type';
 import { ControlledDrawer } from '@app/components/drawer/controlled-drawer';
+import { store } from '@app/store';
 import { useCurrentAccountIndex } from '@app/store/accounts/account';
 import { useStacksAccounts } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 import { useShowSwitchAccountsState } from '@app/store/ui/ui.hooks';
@@ -15,11 +16,15 @@ import { SwitchAccountList } from './components/switch-account-list';
 
 export const SwitchAccountDrawer = memo(() => {
   const [isShowing, setShowSwitchAccountsState] = useShowSwitchAccountsState();
-  const accounts = useStacksAccounts();
+
   const currentAccountIndex = useCurrentAccountIndex();
   const createAccount = useCreateAccount();
   const { whenWallet } = useWalletType();
 
+  const stacksAccounts = useStacksAccounts();
+  const btcAddressesNum = Object.keys(store.getState().ledger.bitcoin.entities).length / 2;
+  const stacksAddressesNum = stacksAccounts.length;
+
   const onClose = () => setShowSwitchAccountsState(false);
 
   const onCreateAccount = () => {
@@ -27,21 +32,17 @@ export const SwitchAccountDrawer = memo(() => {
     setShowSwitchAccountsState(false);
   };
 
-  if (isShowing && !accounts) {
+  if (isShowing && stacksAddressesNum === 0 && btcAddressesNum === 0) {
     return <AccountListUnavailable />;
   }
 
-  return isShowing && accounts ? (
+  return isShowing ? (
     <ControlledDrawer title="Select account" isShowing={isShowing} onClose={onClose}>
-      <Box
-        mb={whenWallet({ ledger: 'base', software: '' })}
-        height={['100vh', '100%']}
-        maxHeight={['110vh', 'inherit']}
-      >
+      <Box mb={whenWallet({ ledger: 'base', software: '' })}>
         <SwitchAccountList
-          accounts={accounts}
           currentAccountIndex={currentAccountIndex}
           handleClose={onClose}
+          addressesNum={stacksAddressesNum || btcAddressesNum}
         />
         {whenWallet({
           software: <CreateAccountAction onCreateAccount={onCreateAccount} />,
diff --git a/src/app/features/theme-drawer/theme-drawer.tsx b/src/app/features/theme-drawer/theme-drawer.tsx
index 4a363ca3cec..52c68d3627f 100644
--- a/src/app/features/theme-drawer/theme-drawer.tsx
+++ b/src/app/features/theme-drawer/theme-drawer.tsx
@@ -1,13 +1,17 @@
 import { useNavigate } from 'react-router-dom';
 
+import { useLocationState } from '@app/common/hooks/use-location-state';
 import { BaseDrawer } from '@app/components/drawer/base-drawer';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 
 import { ThemeList } from './theme-list';
 
 export function ThemesDrawer() {
+  useBackgroundLocationRedirect();
   const navigate = useNavigate();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
   return (
-    <BaseDrawer title="Select Theme" isShowing onClose={() => navigate('..')}>
+    <BaseDrawer title="Select Theme" isShowing onClose={() => navigate(backgroundLocation ?? '..')}>
       <ThemeList />
     </BaseDrawer>
   );
diff --git a/src/app/pages/bitcoin-contract-list/bitcoin-contract-list.tsx b/src/app/pages/bitcoin-contract-list/bitcoin-contract-list.tsx
new file mode 100644
index 00000000000..7342b95602a
--- /dev/null
+++ b/src/app/pages/bitcoin-contract-list/bitcoin-contract-list.tsx
@@ -0,0 +1,52 @@
+import { useState } from 'react';
+
+import { truncateMiddle } from '@stacks/ui-utils';
+import { Flex } from 'leather-styles/jsx';
+
+import { useBitcoinContracts } from '@app/common/hooks/use-bitcoin-contracts';
+import { BitcoinContractListItem } from '@app/common/hooks/use-bitcoin-contracts';
+import { useOnMount } from '@app/common/hooks/use-on-mount';
+import { FullPageLoadingSpinner } from '@app/components/loading-spinner';
+import { Text } from '@app/components/typography';
+
+import { BitcoinContractListItemLayout } from './components/bitcoin-contract-list-item-layout';
+import { BitcoinContractListLayout } from './components/bitcoin-contract-list-layout';
+
+export function BitcoinContractList() {
+  const { getAllSignedBitcoinContracts } = useBitcoinContracts();
+  const [bitcoinContracts, setBitcoinContracts] = useState<BitcoinContractListItem[]>([]);
+  const [isLoading, setLoading] = useState(true);
+
+  useOnMount(() => {
+    const fetchAndFormatBitcoinContracts = async () => {
+      const fetchedBitcoinContracts = await getAllSignedBitcoinContracts();
+      setBitcoinContracts(fetchedBitcoinContracts);
+      setLoading(false);
+    };
+    void fetchAndFormatBitcoinContracts();
+  });
+
+  if (isLoading) return <FullPageLoadingSpinner />;
+
+  return (
+    <BitcoinContractListLayout>
+      {bitcoinContracts.length === 0 ? (
+        <Flex width="100%" height="100vh" alignItems="center" justifyContent="center">
+          <Text textAlign="center">You don't have any open Bitcoin Contracts.</Text>
+        </Flex>
+      ) : (
+        bitcoinContracts.map(bitcoinContract => {
+          return (
+            <BitcoinContractListItemLayout
+              key={bitcoinContract.id}
+              id={truncateMiddle(bitcoinContract.id)}
+              collateralAmount={bitcoinContract.acceptorCollateral}
+              txId={bitcoinContract.txId}
+              state={bitcoinContract.state}
+            />
+          );
+        })
+      )}
+    </BitcoinContractListLayout>
+  );
+}
diff --git a/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-item-layout.tsx b/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-item-layout.tsx
new file mode 100644
index 00000000000..ed41f2ec49f
--- /dev/null
+++ b/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-item-layout.tsx
@@ -0,0 +1,66 @@
+import { useCallback } from 'react';
+
+import { Box, Flex } from '@stacks/ui';
+import { HStack } from 'leather-styles/jsx';
+
+import { createMoneyFromDecimal } from '@shared/models/money.model';
+
+import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
+import { baseCurrencyAmountInQuote } from '@app/common/money/calculate-money';
+import { i18nFormatCurrency } from '@app/common/money/format-money';
+import { satToBtc } from '@app/common/money/unit-conversion';
+import { BitcoinContractIcon } from '@app/components/icons/bitcoin-contract-icon';
+import { Flag } from '@app/components/layout/flag';
+import { Caption, Text } from '@app/components/typography';
+import { useCryptoCurrencyMarketData } from '@app/query/common/market-data/market-data.hooks';
+
+interface BitcoinContractListItemLayoutProps {
+  id: string;
+  state: string;
+  collateralAmount: string;
+  txId: string;
+}
+export function BitcoinContractListItemLayout({
+  id,
+  state,
+  collateralAmount,
+  txId,
+}: BitcoinContractListItemLayoutProps) {
+  const { handleOpenTxLink } = useExplorerLink();
+  const bitcoinMarketData = useCryptoCurrencyMarketData('BTC');
+
+  const getFiatValue = useCallback(
+    (value: string) =>
+      i18nFormatCurrency(
+        baseCurrencyAmountInQuote(createMoneyFromDecimal(Number(value), 'BTC'), bitcoinMarketData)
+      ),
+    [bitcoinMarketData]
+  );
+
+  return (
+    <Flex
+      as={'button'}
+      marginBottom="15px"
+      onClick={() =>
+        handleOpenTxLink({
+          blockchain: 'bitcoin',
+          suffix: `&submitted=true`,
+          txid: txId,
+        })
+      }
+    >
+      <Flag img={<Box as={BitcoinContractIcon} />} align="middle" spacing="base" width="100%">
+        <HStack alignItems="center" justifyContent="space-between" width="100%">
+          <Text>{id}</Text>
+          <Text fontVariantNumeric="tabular-nums" textAlign="right">
+            {satToBtc(parseInt(collateralAmount)).toString()}
+          </Text>
+        </HStack>
+        <HStack height="1.25rem" alignItems="center" justifyContent="space-between" width="100%">
+          <Caption>{state}</Caption>
+          <Caption>{getFiatValue(satToBtc(parseInt(collateralAmount)).toString())}</Caption>
+        </HStack>
+      </Flag>
+    </Flex>
+  );
+}
diff --git a/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-layout.tsx b/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-layout.tsx
new file mode 100644
index 00000000000..6002a8bf1da
--- /dev/null
+++ b/src/app/pages/bitcoin-contract-list/components/bitcoin-contract-list-layout.tsx
@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+import { Stack } from 'leather-styles/jsx';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { useRouteHeader } from '@app/common/hooks/use-route-header';
+import { Header } from '@app/components/header';
+
+interface BitcoinContractListProps {
+  children: ReactNode;
+}
+export function BitcoinContractListLayout({ children }: BitcoinContractListProps) {
+  const navigate = useNavigate();
+  useRouteHeader(<Header title="Bitcoin Contracts" onClose={() => navigate(RouteUrls.Home)} />);
+  return (
+    <Stack padding="base" width="100%" overflow={'scroll'}>
+      {children}
+    </Stack>
+  );
+}
diff --git a/src/app/pages/bitcoin-contract-request/bitcoin-contract-request.tsx b/src/app/pages/bitcoin-contract-request/bitcoin-contract-request.tsx
index 19b5accd83f..0175b8a2e70 100644
--- a/src/app/pages/bitcoin-contract-request/bitcoin-contract-request.tsx
+++ b/src/app/pages/bitcoin-contract-request/bitcoin-contract-request.tsx
@@ -1,6 +1,8 @@
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
+import { Stack } from '@stacks/ui';
+
 import { RouteUrls } from '@shared/route-urls';
 import { BitcoinContractResponseStatus } from '@shared/rpc/methods/accept-bitcoin-contract';
 
@@ -103,9 +105,11 @@ export function BitcoinContractRequest() {
               bitcoinContractOfferDetails.counterpartyWalletDetails.counterpartyWalletIcon
             }
           />
-          <BitcoinContractRequestWarningLabel
-            appName={bitcoinContractOfferDetails.counterpartyWalletDetails.counterpartyWalletName}
-          />
+          <Stack spacing="base" backgroundColor="white" borderRadius="lg">
+            <BitcoinContractRequestWarningLabel
+              appName={bitcoinContractOfferDetails.counterpartyWalletDetails.counterpartyWalletName}
+            />
+          </Stack>
           <BitcoinContractRequestActions
             isLoading={isProcessing}
             bitcoinAddress={bitcoinAddress}
diff --git a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-expiration-date.tsx b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-expiration-date.tsx
index bc20a601ecd..01d19d16a1a 100644
--- a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-expiration-date.tsx
+++ b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-expiration-date.tsx
@@ -1,4 +1,5 @@
 import { Flex } from '@stacks/ui';
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
 
 import { Text } from '@app/components/typography';
 
@@ -13,7 +14,12 @@ export function BitcoinContractExpirationDate({
       <Text fontSize={2} fontWeight="bold">
         Expiration Date
       </Text>
-      <Text fontSize={2}>{expirationDate}</Text>
+      <Text
+        fontSize={2}
+        data-testid={BitcoinContractRequestSelectors.BitcoinContractExpirationDate}
+      >
+        {expirationDate}
+      </Text>
     </Flex>
   );
 }
diff --git a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-lock-amount.tsx b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-lock-amount.tsx
index 21dad59739f..41e38a07ec2 100644
--- a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-lock-amount.tsx
+++ b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-offer/bitcoin-contract-lock-amount.tsx
@@ -1,8 +1,10 @@
 import { FiArrowUpRight, FiCopy } from 'react-icons/fi';
 
-import { Box, Stack, Text, color, useClipboard } from '@stacks/ui';
+import { Box, Stack, Text, color } from '@stacks/ui';
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
 import { HStack } from 'leather-styles/jsx';
 
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { BtcIcon } from '@app/components/icons/btc-icon';
 import { Flag } from '@app/components/layout/flag';
 import { Tooltip } from '@app/components/tooltip';
@@ -33,7 +35,11 @@ export function BitcoinContractLockAmount({
         <Text fontSize={2} fontWeight="500">
           {title ? title : 'BTC'}
         </Text>
-        <Text fontSize={2} fontWeight="500">
+        <Text
+          fontSize={2}
+          fontWeight="500"
+          data-testid={BitcoinContractRequestSelectors.BitcoinContractLockAmount}
+        >
           {value}
         </Text>
       </HStack>
diff --git a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-actions.tsx b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-actions.tsx
index e54413d5006..742077d00d8 100644
--- a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-actions.tsx
+++ b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-actions.tsx
@@ -1,4 +1,5 @@
 import { Box, Button, Stack, color } from '@stacks/ui';
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
 
 import { useBtcAssetBalance } from '@app/common/hooks/balance/btc/use-btc-balance';
 import { LeatherButton } from '@app/components/button/button';
@@ -36,6 +37,7 @@ export function BitcoinContractRequestActions({
           borderRadius="10px"
           flexGrow={1}
           mode="tertiary"
+          data-testid={BitcoinContractRequestSelectors.BitcoinContractRejectButton}
           onClick={onRejectBitcoinContractOffer}
         >
           Reject
@@ -45,6 +47,7 @@ export function BitcoinContractRequestActions({
           flexGrow={1}
           aria-busy={isLoading}
           disabled={!canAccept}
+          data-testid={BitcoinContractRequestSelectors.BitcoinContractAcceptButton}
           onClick={onAcceptBitcoinContractOffer}
         >
           Accept
diff --git a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-header.tsx b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-header.tsx
index 01bed2e1d5b..dd377e6c465 100644
--- a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-header.tsx
+++ b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-header.tsx
@@ -1,6 +1,7 @@
 import { memo } from 'react';
 
 import { Flex } from '@stacks/ui';
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
 
 import { Flag } from '@app/components/layout/flag';
 import { Caption, Title } from '@app/components/typography';
@@ -27,7 +28,9 @@ function BitcoinContractRequestHeaderBase({
           img={<img src={counterpartyWalletIcon} height="32px" width="32px" />}
           pl="tight"
         >
-          <Caption>{caption}</Caption>
+          <Caption data-testid={BitcoinContractRequestSelectors.BitcoinContractOfferorText}>
+            {caption}
+          </Caption>
         </Flag>
       )}
     </Flex>
diff --git a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-warning-label.tsx b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-warning-label.tsx
index d209ea52e10..983c910daea 100644
--- a/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-warning-label.tsx
+++ b/src/app/pages/bitcoin-contract-request/components/bitcoin-contract-request-warning-label.tsx
@@ -1,3 +1,5 @@
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
+
 import { WarningLabel } from '@app/components/warning-label';
 
 export function BitcoinContractRequestWarningLabel(props: { appName?: string }) {
@@ -5,7 +7,11 @@ export function BitcoinContractRequestWarningLabel(props: { appName?: string })
   const title = `Do not proceed unless you trust ${appName ?? 'Unknown'}!`;
 
   return (
-    <WarningLabel title={title} width="100%">
+    <WarningLabel
+      title={title}
+      width="100%"
+      data-testid={BitcoinContractRequestSelectors.BitcoinContractWarningLabel}
+    >
       By signing the contract YOU AGREE TO LOCK YOUR BITCOIN with {appName} into a contract where it
       will remain until a triggering event will release it.
     </WarningLabel>
diff --git a/src/app/pages/choose-account/choose-account.tsx b/src/app/pages/choose-account/choose-account.tsx
index d0783287e1e..88abc6218df 100644
--- a/src/app/pages/choose-account/choose-account.tsx
+++ b/src/app/pages/choose-account/choose-account.tsx
@@ -3,6 +3,8 @@ import { Outlet } from 'react-router-dom';
 
 import { Flex, Stack, styled } from 'leather-styles/jsx';
 
+import { closeWindow } from '@shared/utils';
+
 import { useCancelAuthRequest } from '@app/common/authentication/use-cancel-auth-request';
 import { useAppDetails } from '@app/common/hooks/auth/use-app-details';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
@@ -17,7 +19,7 @@ export const ChooseAccount = memo(() => {
   const cancelAuthentication = useCancelAuthRequest();
 
   useRouteHeader(<></>);
-  useOnOriginTabClose(() => window.close());
+  useOnOriginTabClose(() => closeWindow());
 
   const handleUnmount = async () => cancelAuthentication();
 
diff --git a/src/app/pages/choose-account/components/accounts.tsx b/src/app/pages/choose-account/components/accounts.tsx
index bc481e66e59..9cc0d95e509 100644
--- a/src/app/pages/choose-account/components/accounts.tsx
+++ b/src/app/pages/choose-account/components/accounts.tsx
@@ -69,8 +69,6 @@ const ChooseAccountItem = memo(
       <Box pb="loose">
         <AccountListItemLayout
           index={account.index}
-          stxAddress={account.address}
-          btcAddress={btcAddress}
           isActive={false}
           accountName={
             <Suspense
diff --git a/src/app/pages/fund/components/fiat-providers-list.tsx b/src/app/pages/fund/components/fiat-providers-list.tsx
index 362d388f71a..00307cd5b5b 100644
--- a/src/app/pages/fund/components/fiat-providers-list.tsx
+++ b/src/app/pages/fund/components/fiat-providers-list.tsx
@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import { Grid } from 'leather-styles/jsx';
 
@@ -25,6 +25,7 @@ export function FiatProvidersList(props: FiatProvidersProps) {
   const activeProviders = useActiveFiatProviders();
   const hasProviders = useHasFiatProviders();
   const analytics = useAnalytics();
+  const location = useLocation();
 
   const goToProviderExternalWebsite = (provider: string, providerUrl: string) => {
     void analytics.track('select_buy_option', { provider });
@@ -52,7 +53,13 @@ export function FiatProvidersList(props: FiatProvidersProps) {
       width="100%"
       maxWidth={['100%', '80rem']}
     >
-      <ReceiveStxItem onReceiveStx={() => navigate(RouteUrls.FundReceiveStx)} />
+      <ReceiveStxItem
+        onReceiveStx={() =>
+          navigate(`${RouteUrls.ReceiveStx}`, {
+            state: { backgroundLocation: location },
+          })
+        }
+      />
       {Object.entries(activeProviders).map(([providerKey, providerValue]) => {
         const providerUrl = getProviderUrl({
           address,
diff --git a/src/app/pages/fund/fund.tsx b/src/app/pages/fund/fund.tsx
index a5ebda094b8..066cd80ca6e 100644
--- a/src/app/pages/fund/fund.tsx
+++ b/src/app/pages/fund/fund.tsx
@@ -1,4 +1,4 @@
-import { Outlet, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { RouteUrls } from '@shared/route-urls';
 
@@ -6,11 +6,17 @@ import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { Header } from '@app/components/header';
 import { FullPageLoadingSpinner } from '@app/components/loading-spinner';
 import { useCurrentStacksAccountAnchoredBalances } from '@app/query/stacks/balance/stx-balance.hooks';
+import { ModalBackgroundWrapper } from '@app/routes/components/modal-background-wrapper';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 
 import { FundLayout } from './fund.layout';
 
-export function FundPage() {
+interface FundPageProps {
+  children: React.ReactNode;
+}
+export function FundPage({ children }: FundPageProps) {
+  useBackgroundLocationRedirect(RouteUrls.Fund);
   const navigate = useNavigate();
   const currentAccount = useCurrentStacksAccount();
   const { data: balances } = useCurrentStacksAccountAnchoredBalances();
@@ -18,11 +24,10 @@ export function FundPage() {
   useRouteHeader(<Header onClose={() => navigate(RouteUrls.Home)} title=" " />);
 
   if (!currentAccount || !balances) return <FullPageLoadingSpinner />;
-
   return (
     <>
       <FundLayout address={currentAccount.address} />
-      <Outlet />
+      <ModalBackgroundWrapper>{children}</ModalBackgroundWrapper>
     </>
   );
 }
diff --git a/src/app/pages/home/components/account-actions.tsx b/src/app/pages/home/components/account-actions.tsx
index 0cc727a5428..04ab3120e9f 100644
--- a/src/app/pages/home/components/account-actions.tsx
+++ b/src/app/pages/home/components/account-actions.tsx
@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 
 import { HomePageSelectors } from '@tests/selectors/home.selectors';
 import { Flex, FlexProps } from 'leather-styles/jsx';
@@ -16,7 +16,11 @@ import { SendButton } from './send-button';
 
 export function AccountActions(props: FlexProps) {
   const navigate = useNavigate();
+  const location = useLocation();
   const isBitcoinEnabled = useConfigBitcoinEnabled();
+  const receivePath = isBitcoinEnabled
+    ? RouteUrls.Receive
+    : `${RouteUrls.Home}${RouteUrls.ReceiveStx}`;
 
   return (
     <Flex justify="space-between" {...props}>
@@ -26,7 +30,13 @@ export function AccountActions(props: FlexProps) {
         data-testid={HomePageSelectors.ReceiveCryptoAssetBtn}
         icon={<ArrowDown />}
         label="Receive"
-        onClick={() => navigate(isBitcoinEnabled ? RouteUrls.Receive : RouteUrls.ReceiveStx)}
+        onClick={() =>
+          navigate(receivePath, {
+            state: {
+              backgroundLocation: location,
+            },
+          })
+        }
       />
       <ActionButton
         data-testid={HomePageSelectors.FundAccountBtn}
diff --git a/src/app/pages/home/components/home-tabs.tsx b/src/app/pages/home/components/home-tabs.tsx
index 5daf21aee17..d730dd534f8 100644
--- a/src/app/pages/home/components/home-tabs.tsx
+++ b/src/app/pages/home/components/home-tabs.tsx
@@ -6,6 +6,7 @@ import type { StackProps } from '@stacks/ui';
 
 import { RouteUrls } from '@shared/route-urls';
 
+import { useLocationState } from '@app/common/hooks/use-location-state';
 import { LoadingSpinner } from '@app/components/loading-spinner';
 import { Tabs } from '@app/components/tabs';
 
@@ -15,20 +16,20 @@ interface HomeTabsProps extends StackProps {
 // TODO #4013: Abstract this to generic RouteTab once choose-fee-tab updated
 export function HomeTabs({ children }: HomeTabsProps) {
   const navigate = useNavigate();
-  const { pathname } = useLocation();
+  const location = useLocation();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
 
   const tabs = useMemo(
     () => [
       { slug: RouteUrls.Home, label: 'assets' },
-      { slug: RouteUrls.Activity, label: 'activity' },
+      { slug: `${RouteUrls.Home}${RouteUrls.Activity}`, label: 'activity' },
     ],
     []
   );
-
-  const getActiveTab = useCallback(
-    () => tabs.findIndex(tab => tab.slug === pathname),
-    [tabs, pathname]
-  );
+  const getActiveTab = useCallback(() => {
+    const path = backgroundLocation ? backgroundLocation.pathname : location?.pathname;
+    return tabs.findIndex(tab => tab.slug === path);
+  }, [tabs, backgroundLocation, location]);
 
   const setActiveTab = useCallback(
     (index: number) => navigate(tabs[index]?.slug),
diff --git a/src/app/pages/home/home.tsx b/src/app/pages/home/home.tsx
index d3668dea66c..d910d52ea1d 100644
--- a/src/app/pages/home/home.tsx
+++ b/src/app/pages/home/home.tsx
@@ -1,4 +1,4 @@
-import { Outlet, useNavigate } from 'react-router-dom';
+import { Route, useNavigate } from 'react-router-dom';
 
 import { RouteUrls } from '@shared/route-urls';
 
@@ -7,8 +7,11 @@ import { useOnboardingState } from '@app/common/hooks/auth/use-onboarding-state'
 import { useOnMount } from '@app/common/hooks/use-on-mount';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { Header } from '@app/components/header';
+import { ActivityList } from '@app/features/activity-list/activity-list';
+import { AssetsList } from '@app/features/asset-list/asset-list';
 import { InAppMessages } from '@app/features/hiro-messages/in-app-messages';
-import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
+import { homePageModalRoutes } from '@app/routes/app-routes';
+import { ModalBackgroundWrapper } from '@app/routes/components/modal-background-wrapper';
 
 import { CurrentAccount } from './components/account-area';
 import { HomeTabs } from './components/home-tabs';
@@ -17,8 +20,8 @@ import { HomeLayout } from './components/home.layout';
 export function Home() {
   const { decodedAuthRequest } = useOnboardingState();
 
-  const stacksAccount = useCurrentStacksAccount();
   const navigate = useNavigate();
+
   useTrackFirstDeposit();
 
   useRouteHeader(
@@ -35,7 +38,14 @@ export function Home() {
   return (
     <HomeLayout currentAccount={<CurrentAccount />}>
       <HomeTabs>
-        <Outlet context={{ address: stacksAccount?.address }} />
+        <ModalBackgroundWrapper>
+          <Route index element={<AssetsList />} />
+          <Route path={RouteUrls.Activity} element={<ActivityList />}>
+            {homePageModalRoutes}
+          </Route>
+
+          {homePageModalRoutes}
+        </ModalBackgroundWrapper>
       </HomeTabs>
     </HomeLayout>
   );
diff --git a/src/app/pages/onboarding/welcome/welcome.layout.tsx b/src/app/pages/onboarding/welcome/welcome.layout.tsx
index 9842895ae2e..3960964a7dd 100644
--- a/src/app/pages/onboarding/welcome/welcome.layout.tsx
+++ b/src/app/pages/onboarding/welcome/welcome.layout.tsx
@@ -1,5 +1,5 @@
 import { OnboardingSelectors } from '@tests/selectors/onboarding.selectors';
-import { Flex, styled } from 'leather-styles/jsx';
+import { Box, Flex, styled } from 'leather-styles/jsx';
 
 import { useViewportMinWidth } from '@app/common/hooks/use-media-query';
 import { LeatherButton } from '@app/components/button/button';
@@ -35,16 +35,18 @@ export function WelcomeLayout(props: WelcomeLayoutProps): React.JSX.Element {
           justifyContent={['center', '', 'flex-start']}
           color={['brown.12', '', 'brown.2']}
         >
-          <styled.h1 textStyle={['heading.03', '', 'display.02', 'display.01']}>
-            {tagline}
-          </styled.h1>
-          <styled.h2
-            textStyle={['label.01', '', 'heading.04']}
-            mt={['space.02', '', 'space.07']}
-            maxW="556px"
-          >
-            {subheader}
-          </styled.h2>
+          <Box>
+            <styled.h1 textStyle={['heading.03', '', 'display.02', 'display.01']}>
+              {tagline}
+            </styled.h1>
+            <styled.h2
+              textStyle={['label.01', '', 'heading.04']}
+              mt={['space.02', '', 'space.07']}
+              maxW="556px"
+            >
+              {subheader}
+            </styled.h2>
+          </Box>
         </Flex>
         <Flex flexDir="column" alignItems={['normal', '', 'flex-start']}>
           <LeatherButton
diff --git a/src/app/pages/onboarding/welcome/welcome.tsx b/src/app/pages/onboarding/welcome/welcome.tsx
index 905649880e7..fb049a9b0df 100644
--- a/src/app/pages/onboarding/welcome/welcome.tsx
+++ b/src/app/pages/onboarding/welcome/welcome.tsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { Outlet, useNavigate } from 'react-router-dom';
 
 import { RouteUrls } from '@shared/route-urls';
+import { closeWindow } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useOnboardingState } from '@app/common/hooks/auth/use-onboarding-state';
@@ -27,7 +28,7 @@ export function WelcomePage() {
   const startOnboarding = useCallback(async () => {
     if (isPopupMode()) {
       openIndexPageInNewTab(RouteUrls.Onboarding);
-      window.close();
+      closeWindow();
       return;
     }
     setIsGeneratingWallet(true);
@@ -52,12 +53,12 @@ export function WelcomePage() {
       },
       popup() {
         void openIndexPageInNewTab(url);
-        window.close();
+        closeWindow();
       },
     });
 
   const supportsWebUsbAction = pageModeRoutingAction(
-    RouteUrls.Onboarding + '/stacks/' + RouteUrls.ConnectLedger
+    RouteUrls.Onboarding + '/' + RouteUrls.ConnectLedgerStart
   );
   const doesNotSupportWebUsbAction = pageModeRoutingAction(
     RouteUrls.Onboarding + '/' + RouteUrls.LedgerUnsupportedBrowser
diff --git a/src/app/pages/receive/components/receive-item.tsx b/src/app/pages/receive/components/receive-item.tsx
index 1a2a3d9ac42..02bdd74eee1 100644
--- a/src/app/pages/receive/components/receive-item.tsx
+++ b/src/app/pages/receive/components/receive-item.tsx
@@ -7,7 +7,7 @@ import { QrCodeIcon } from '@app/components/icons/qr-code-icon';
 import { Flag } from '@app/components/layout/flag';
 
 interface ReceiveItemProps {
-  address: string;
+  address?: string;
   dataTestId?: string;
   icon: React.JSX.Element;
   onCopyAddress(): void;
@@ -22,6 +22,7 @@ export function ReceiveItem({
   onClickQrCode,
   title,
 }: ReceiveItemProps) {
+  if (!address) return null;
   return (
     <Flag align="middle" img={icon} spacing="base">
       <Flex justifyContent="space-between">
diff --git a/src/app/pages/receive/components/receive-tokens.layout.tsx b/src/app/pages/receive/components/receive-tokens.layout.tsx
index 9ed80ed1976..7bf223a76fb 100644
--- a/src/app/pages/receive/components/receive-tokens.layout.tsx
+++ b/src/app/pages/receive/components/receive-tokens.layout.tsx
@@ -3,11 +3,11 @@ import { useNavigate } from 'react-router-dom';
 import { SharedComponentsSelectors } from '@tests/selectors/shared-component.selectors';
 import { Box, Flex, styled } from 'leather-styles/jsx';
 
-import { RouteUrls } from '@shared/route-urls';
-
+import { useLocationState } from '@app/common/hooks/use-location-state';
 import { AddressDisplayer } from '@app/components/address-displayer/address-displayer';
 import { LeatherButton } from '@app/components/button/button';
 import { BaseDrawer } from '@app/components/drawer/base-drawer';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 
 import { QrCode } from './address-qr-code';
 
@@ -19,11 +19,14 @@ interface ReceiveTokensLayoutProps {
   warning?: React.JSX.Element;
 }
 export function ReceiveTokensLayout(props: ReceiveTokensLayoutProps) {
+  useBackgroundLocationRedirect();
+
   const { address, accountName, onCopyAddressToClipboard, title, warning } = props;
   const navigate = useNavigate();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
 
   return (
-    <BaseDrawer title="Receive" isShowing onClose={() => navigate(RouteUrls.Home)}>
+    <BaseDrawer title="Receive" isShowing onClose={() => navigate(backgroundLocation ?? '..')}>
       {warning && warning}
       <Flex alignItems="center" flexDirection="column" pb={['space.05', 'space.08']} px="space.05">
         <styled.h2 mt="space.05" textStyle="heading.03">
diff --git a/src/app/pages/receive/receive-btc.tsx b/src/app/pages/receive/receive-btc.tsx
index 169a5aa78df..a91b73be5e7 100644
--- a/src/app/pages/receive/receive-btc.tsx
+++ b/src/app/pages/receive/receive-btc.tsx
@@ -1,10 +1,11 @@
 import toast from 'react-hot-toast';
 import { useLocation } from 'react-router-dom';
 
-import { useClipboard } from '@stacks/ui';
 import get from 'lodash.get';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 import { useCurrentAccountIndex } from '@app/store/accounts/account';
 import { useNativeSegwitAccountIndexAddressIndexZero } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
 
@@ -15,6 +16,7 @@ interface ReceiveBtcModalType {
 }
 
 export function ReceiveBtcModal({ type = 'btc' }: ReceiveBtcModalType) {
+  useBackgroundLocationRedirect();
   const analytics = useAnalytics();
   const { state } = useLocation();
 
diff --git a/src/app/pages/receive/receive-modal.tsx b/src/app/pages/receive/receive-modal.tsx
index 723ded5ab4f..9f1414aa779 100644
--- a/src/app/pages/receive/receive-modal.tsx
+++ b/src/app/pages/receive/receive-modal.tsx
@@ -1,20 +1,21 @@
 import toast from 'react-hot-toast';
 import { useLocation, useNavigate } from 'react-router-dom';
 
-import { useClipboard } from '@stacks/ui';
 import { HomePageSelectors } from '@tests/selectors/home.selectors';
 import { Box, styled } from 'leather-styles/jsx';
-import { token } from 'leather-styles/tokens';
 import get from 'lodash.get';
 
 import { RouteUrls } from '@shared/route-urls';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
+import { useLocationState } from '@app/common/hooks/use-location-state';
 import { StxAvatar } from '@app/components/crypto-assets/stacks/components/stx-avatar';
 import { BaseDrawer } from '@app/components/drawer/base-drawer';
 import { BtcIcon } from '@app/components/icons/btc-icon';
 import { BtcStampsIcon } from '@app/components/icons/btc-stamps-icon';
 import { OrdinalIcon } from '@app/components/icons/ordinal-icon';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 import { useZeroIndexTaprootAddress } from '@app/store/accounts/blockchain/bitcoin/bitcoin.hooks';
 import { useCurrentAccountNativeSegwitAddressIndexZero } from '@app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks';
 import { useCurrentAccountStxAddressState } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
@@ -29,9 +30,11 @@ interface ReceiveModalProps {
 }
 
 export function ReceiveModal({ type = 'full' }: ReceiveModalProps) {
+  useBackgroundLocationRedirect();
   const analytics = useAnalytics();
-  const location = useLocation();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
   const navigate = useNavigate();
+  const location = useLocation();
   const btcAddressNativeSegwit = useCurrentAccountNativeSegwitAddressIndexZero();
   const stxAddress = useCurrentAccountStxAddressState();
   const accountIndex = get(location.state, 'accountIndex', undefined);
@@ -63,67 +66,86 @@ export function ReceiveModal({ type = 'full' }: ReceiveModalProps) {
     );
 
   return (
-    <BaseDrawer
-      position={['absolute', 'fixed']}
-      top={[token('spacing.space.07'), 0]}
-      title=""
-      isShowing
-      onClose={() => navigate('../')}
-    >
-      <Box mx="space.06">
-        <styled.h1 mb="space.05" textStyle="heading.03">
-          {title}
-        </styled.h1>
-        {type === 'full' && (
-          <ReceiveItemList title="Tokens">
+    <>
+      <BaseDrawer title="" isShowing onClose={() => navigate(backgroundLocation ?? '..')}>
+        <Box mx="space.06">
+          <styled.h1 mb="space.05" textStyle="heading.03">
+            {title}
+          </styled.h1>
+          {type === 'full' && (
+            <ReceiveItemList title="Tokens">
+              <ReceiveItem
+                address={btcAddressNativeSegwit}
+                icon={<BtcIcon />}
+                dataTestId={HomePageSelectors.ReceiveBtcNativeSegwitQrCodeBtn}
+                onCopyAddress={() => copyToClipboard(onCopyBtc)}
+                onClickQrCode={() =>
+                  navigate(`${RouteUrls.Home}${RouteUrls.ReceiveBtc}`, {
+                    state: { backgroundLocation },
+                  })
+                }
+                title="Bitcoin"
+              />
+              <ReceiveItem
+                address={stxAddress}
+                icon={<StxAvatar />}
+                dataTestId={HomePageSelectors.ReceiveStxQrCodeBtn}
+                onCopyAddress={() => copyToClipboard(onCopyStx)}
+                onClickQrCode={() =>
+                  navigate(`${RouteUrls.Home}${RouteUrls.ReceiveStx}`, {
+                    state: { backgroundLocation, btcAddressTaproot },
+                  })
+                }
+                title="Stacks"
+              />
+            </ReceiveItemList>
+          )}
+          <ReceiveItemList title={type === 'full' ? 'Collectibles' : undefined}>
+            <ReceiveItem
+              address={btcAddressTaproot}
+              icon={<OrdinalIcon />}
+              dataTestId={HomePageSelectors.ReceiveBtcTaprootQrCodeBtn}
+              onCopyAddress={() =>
+                copyToClipboard(onCopyOrdinal, 'select_stamp_to_add_new_collectible')
+              }
+              onClickQrCode={() => {
+                void analytics.track('select_inscription_to_add_new_collectible');
+                navigate(`${RouteUrls.Home}${RouteUrls.ReceiveCollectibleOrdinal}`, {
+                  state: {
+                    btcAddressTaproot,
+                    backgroundLocation,
+                  },
+                });
+              }}
+              title="Ordinal inscription"
+            />
             <ReceiveItem
               address={btcAddressNativeSegwit}
-              icon={<BtcIcon />}
-              dataTestId={HomePageSelectors.ReceiveBtcNativeSegwitQrCodeBtn}
-              onCopyAddress={() => copyToClipboard(onCopyBtc)}
-              onClickQrCode={() => navigate(RouteUrls.ReceiveBtc)}
-              title="Bitcoin"
+              icon={<BtcStampsIcon />}
+              onClickQrCode={() =>
+                navigate(`${RouteUrls.Home}${RouteUrls.ReceiveBtcStamp}`, {
+                  state: { backgroundLocation },
+                })
+              }
+              onCopyAddress={() =>
+                copyToClipboard(onCopyBtc, 'select_stamp_to_add_new_collectible')
+              }
+              title="Bitcoin Stamp"
             />
             <ReceiveItem
               address={stxAddress}
               icon={<StxAvatar />}
-              dataTestId={HomePageSelectors.ReceiveStxQrCodeBtn}
-              onCopyAddress={() => copyToClipboard(onCopyStx)}
-              onClickQrCode={() => navigate(RouteUrls.ReceiveStx)}
-              title="Stacks"
+              onCopyAddress={() => copyToClipboard(onCopyStx, 'select_nft_to_add_new_collectible')}
+              onClickQrCode={() =>
+                navigate(`${RouteUrls.Home}${RouteUrls.ReceiveStx}`, {
+                  state: { backgroundLocation },
+                })
+              }
+              title="Stacks NFT"
             />
           </ReceiveItemList>
-        )}
-        <ReceiveItemList title={type === 'full' ? 'Collectibles' : undefined}>
-          <ReceiveItem
-            address={btcAddressTaproot}
-            icon={<OrdinalIcon />}
-            dataTestId={HomePageSelectors.ReceiveBtcTaprootQrCodeBtn}
-            onCopyAddress={() =>
-              copyToClipboard(onCopyOrdinal, 'select_stamp_to_add_new_collectible')
-            }
-            onClickQrCode={() => {
-              void analytics.track('select_inscription_to_add_new_collectible');
-              navigate(RouteUrls.ReceiveCollectibleOrdinal, { state: { btcAddressTaproot } });
-            }}
-            title="Ordinal inscription"
-          />
-          <ReceiveItem
-            address={btcAddressNativeSegwit}
-            icon={<BtcStampsIcon />}
-            onClickQrCode={() => navigate(RouteUrls.ReceiveBtcStamp)}
-            onCopyAddress={() => copyToClipboard(onCopyBtc, 'select_stamp_to_add_new_collectible')}
-            title="Bitcoin Stamp"
-          />
-          <ReceiveItem
-            address={stxAddress}
-            icon={<StxAvatar />}
-            onCopyAddress={() => copyToClipboard(onCopyStx, 'select_nft_to_add_new_collectible')}
-            onClickQrCode={() => navigate(RouteUrls.ReceiveStx)}
-            title="Stacks NFT"
-          />
-        </ReceiveItemList>
-      </Box>
-    </BaseDrawer>
+        </Box>
+      </BaseDrawer>
+    </>
   );
 }
diff --git a/src/app/pages/receive/receive-ordinal.tsx b/src/app/pages/receive/receive-ordinal.tsx
index 1897adaea24..a061131caca 100644
--- a/src/app/pages/receive/receive-ordinal.tsx
+++ b/src/app/pages/receive/receive-ordinal.tsx
@@ -1,14 +1,15 @@
 import toast from 'react-hot-toast';
 import { useLocation } from 'react-router-dom';
 
-import { useClipboard } from '@stacks/ui';
-
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 
 import { ReceiveBtcModalWarning } from './components/receive-btc-warning';
 import { ReceiveTokensLayout } from './components/receive-tokens.layout';
 
 export function ReceiveOrdinalModal() {
+  useBackgroundLocationRedirect();
   const analytics = useAnalytics();
   const { state } = useLocation();
   const { onCopy } = useClipboard(state.btcAddressTaproot);
@@ -18,7 +19,7 @@ export function ReceiveOrdinalModal() {
     toast.success('Copied to clipboard!');
     onCopy();
   }
-
+  // #4028 FIXME - this doesn't open in new tab as it loses btcAddressTaproot amd crashes btcStamp and Stx are OK?
   return (
     <ReceiveTokensLayout
       address={state.btcAddressTaproot}
diff --git a/src/app/pages/receive/receive-stx.tsx b/src/app/pages/receive/receive-stx.tsx
index 02b1c203123..c785a0e7de1 100644
--- a/src/app/pages/receive/receive-stx.tsx
+++ b/src/app/pages/receive/receive-stx.tsx
@@ -1,14 +1,15 @@
 import toast from 'react-hot-toast';
 
-import { useClipboard } from '@stacks/ui';
-
 import { useCurrentAccountDisplayName } from '@app/common/hooks/account/use-account-names';
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 import { useCurrentStacksAccount } from '@app/store/accounts/blockchain/stacks/stacks-account.hooks';
 
 import { ReceiveTokensLayout } from './components/receive-tokens.layout';
 
 export function ReceiveStxModal() {
+  useBackgroundLocationRedirect();
   const currentAccount = useCurrentStacksAccount();
   const analytics = useAnalytics();
   const { onCopy } = useClipboard(currentAccount?.address ?? '');
diff --git a/src/app/pages/rpc-get-addresses/rpc-get-addresses.tsx b/src/app/pages/rpc-get-addresses/rpc-get-addresses.tsx
index 6687f6c234d..b4a0a78bf0d 100644
--- a/src/app/pages/rpc-get-addresses/rpc-get-addresses.tsx
+++ b/src/app/pages/rpc-get-addresses/rpc-get-addresses.tsx
@@ -1,3 +1,5 @@
+import { closeWindow } from '@shared/utils';
+
 import { GetAddressesLayout } from './components/get-addresses.layout';
 import { useGetAddresses } from './use-request-accounts';
 
@@ -5,7 +7,7 @@ export function RpcGetAddresses() {
   const { origin, onUserApproveGetAddresses } = useGetAddresses();
 
   if (origin === null) {
-    window.close();
+    closeWindow();
     throw new Error('Origin is null');
   }
 
diff --git a/src/app/pages/rpc-get-addresses/use-request-accounts.ts b/src/app/pages/rpc-get-addresses/use-request-accounts.ts
index bc86398817c..3b943234bf3 100644
--- a/src/app/pages/rpc-get-addresses/use-request-accounts.ts
+++ b/src/app/pages/rpc-get-addresses/use-request-accounts.ts
@@ -4,6 +4,7 @@ import { bytesToHex } from '@stacks/common';
 import { ecdsaPublicKeyToSchnorr } from '@shared/crypto/bitcoin/bitcoin.utils';
 import { logger } from '@shared/logger';
 import { makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
+import { closeWindow } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useRpcRequestParams } from '@app/common/rpc-helpers';
@@ -67,7 +68,7 @@ export function useGetAddresses() {
           },
         })
       );
-      window.close();
+      closeWindow();
     },
   };
 }
diff --git a/src/app/pages/rpc-send-transfer/rpc-send-transfer-container.tsx b/src/app/pages/rpc-send-transfer/rpc-send-transfer-container.tsx
index 8204887496a..a2340e4e06c 100644
--- a/src/app/pages/rpc-send-transfer/rpc-send-transfer-container.tsx
+++ b/src/app/pages/rpc-send-transfer/rpc-send-transfer-container.tsx
@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { Outlet, useOutletContext } from 'react-router-dom';
 
 import { BtcFeeType } from '@shared/models/fees/bitcoin-fees.model';
+import { closeWindow } from '@shared/utils';
 
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { PopupHeader } from '@app/features/current-account/popup-header';
@@ -25,7 +26,7 @@ export function RpcSendTransferContainer() {
   useRouteHeader(<PopupHeader displayAddresssBalanceOf="all" />);
 
   if (origin === null) {
-    window.close();
+    closeWindow();
     throw new Error('Origin is null');
   }
 
diff --git a/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx b/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx
index 3732ea74f84..bc450eb94a0 100644
--- a/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx
+++ b/src/app/pages/rpc-send-transfer/rpc-send-transfer-summary.tsx
@@ -2,9 +2,10 @@ import toast from 'react-hot-toast';
 import { FiCheck, FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation } from 'react-router-dom';
 
-import { Stack, useClipboard } from '@stacks/ui';
+import { Stack } from '@stacks/ui';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { FormAddressDisplayer } from '@app/components/address-displayer/form-address-displayer';
 import {
@@ -37,11 +38,6 @@ export function RpcSendTransferSummary() {
 
   const { onCopy } = useClipboard(txId);
 
-  // TODO: Force close window?
-  // useOnMount(() => {
-  //   setTimeout(() => window.close(), timeOut);
-  // });
-
   function onClickLink() {
     void analytics.track('view_rpc_send_transfer_confirmation', { symbol: 'BTC' });
     handleOpenTxLink(txLink);
diff --git a/src/app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message.tsx b/src/app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message.tsx
index 64de9b47227..dff5d1bb75b 100644
--- a/src/app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message.tsx
+++ b/src/app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message.tsx
@@ -1,5 +1,7 @@
 import { truncateMiddle } from '@stacks/ui-utils';
 
+import { closeWindow } from '@shared/utils';
+
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { useRejectIfLedgerWallet } from '@app/common/rpc-helpers';
 import { Disclaimer } from '@app/components/disclaimer';
@@ -40,7 +42,7 @@ function RpcSignBip322Message() {
   const { chain } = useCurrentNetwork();
 
   if (origin === null) {
-    window.close();
+    closeWindow();
     throw new Error('Origin is null');
   }
 
diff --git a/src/app/pages/rpc-sign-bip322-message/use-sign-bip322-message.ts b/src/app/pages/rpc-sign-bip322-message/use-sign-bip322-message.ts
index 3bc1c13f5f2..bdc348f35ad 100644
--- a/src/app/pages/rpc-sign-bip322-message/use-sign-bip322-message.ts
+++ b/src/app/pages/rpc-sign-bip322-message/use-sign-bip322-message.ts
@@ -12,6 +12,7 @@ import {
 import { deriveAddressIndexZeroFromAccount } from '@shared/crypto/bitcoin/bitcoin.utils';
 import { logger } from '@shared/logger';
 import { makeRpcErrorResponse, makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
+import { closeWindow } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { useDefaultRequestParams } from '@app/common/hooks/use-default-request-search-params';
@@ -75,7 +76,7 @@ function useSignBip322MessageFactory({ address, signPsbt }: SignBip322MessageFac
           },
         })
       );
-      window.close();
+      closeWindow();
     },
     async onUserApproveBip322MessageSigningRequest() {
       setIsLoading(true);
@@ -106,7 +107,7 @@ function useSignBip322MessageFactory({ address, signPsbt }: SignBip322MessageFac
       void analytics.track('user_approved_message_signing', { origin });
 
       await allowTimeForUserToReadToast();
-      window.close();
+      closeWindow();
     },
   };
 }
diff --git a/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx b/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx
index 5926233f851..97ad6c95620 100644
--- a/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx
+++ b/src/app/pages/rpc-sign-psbt/rpc-sign-psbt-summary.tsx
@@ -2,9 +2,10 @@ import toast from 'react-hot-toast';
 import { FiCheck, FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation } from 'react-router-dom';
 
-import { Flex, Stack, useClipboard } from '@stacks/ui';
+import { Flex, Stack } from '@stacks/ui';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import {
   InfoCard,
@@ -24,11 +25,6 @@ export function RpcSignPsbtSummary() {
 
   const { onCopy } = useClipboard(txId);
 
-  // TODO: Force close window?
-  // useOnMount(() => {
-  //   setTimeout(() => window.close(), timeOut);
-  // });
-
   function onClickLink() {
     void analytics.track('view_rpc_sign_and_broadcast_psbt_confirmation', { symbol: 'BTC' });
     handleOpenTxLink(txLink);
diff --git a/src/app/pages/rpc-sign-psbt/use-rpc-sign-psbt.tsx b/src/app/pages/rpc-sign-psbt/use-rpc-sign-psbt.tsx
index ad742d71b55..e21974bf969 100644
--- a/src/app/pages/rpc-sign-psbt/use-rpc-sign-psbt.tsx
+++ b/src/app/pages/rpc-sign-psbt/use-rpc-sign-psbt.tsx
@@ -6,6 +6,7 @@ import { bytesToHex } from '@stacks/common';
 import { Money } from '@shared/models/money.model';
 import { RouteUrls } from '@shared/route-urls';
 import { makeRpcErrorResponse, makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
+import { closeWindow } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
 import { sumMoney } from '@app/common/money/calculate-money';
@@ -124,7 +125,7 @@ export function useRpcSignPsbt() {
         return;
       }
 
-      window.close();
+      closeWindow();
     },
     onCancel() {
       chrome.tabs.sendMessage(
@@ -137,7 +138,7 @@ export function useRpcSignPsbt() {
           },
         })
       );
-      window.close();
+      closeWindow();
     },
   };
 }
diff --git a/src/app/pages/rpc-sign-stacks-transaction/use-rpc-sign-stacks-transaction.ts b/src/app/pages/rpc-sign-stacks-transaction/use-rpc-sign-stacks-transaction.ts
index 1498cc40575..fc2cdf18a03 100644
--- a/src/app/pages/rpc-sign-stacks-transaction/use-rpc-sign-stacks-transaction.ts
+++ b/src/app/pages/rpc-sign-stacks-transaction/use-rpc-sign-stacks-transaction.ts
@@ -6,6 +6,7 @@ import { bytesToHex } from '@stacks/common';
 import { MultiSigSpendingCondition, deserializeTransaction } from '@stacks/transactions';
 
 import { makeRpcErrorResponse, makeRpcSuccessResponse } from '@shared/rpc/rpc-methods';
+import { closeWindow } from '@shared/utils';
 
 import { useDefaultRequestParams } from '@app/common/hooks/use-default-request-search-params';
 import { useRejectIfLedgerWallet } from '@app/common/rpc-helpers';
@@ -66,7 +67,7 @@ export function useRpcSignStacksTransaction() {
           },
         })
       );
-      window.close();
+      closeWindow();
     },
     onCancel() {
       chrome.tabs.sendMessage(
diff --git a/src/app/pages/select-network/select-network.tsx b/src/app/pages/select-network/select-network.tsx
index 17573742a28..270036a87a9 100644
--- a/src/app/pages/select-network/select-network.tsx
+++ b/src/app/pages/select-network/select-network.tsx
@@ -4,9 +4,11 @@ import { WalletDefaultNetworkConfigurationIds } from '@shared/constants';
 import { RouteUrls } from '@shared/route-urls';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useLocationState } from '@app/common/hooks/use-location-state';
 import { BaseDrawer } from '@app/components/drawer/base-drawer';
 import { NetworkListLayout } from '@app/pages/select-network/components/network-list.layout';
 import { NetworkListItem } from '@app/pages/select-network/network-list-item';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 import { useCurrentNetworkState, useNetworksActions } from '@app/store/networks/networks.hooks';
 import { useNetworks } from '@app/store/networks/networks.selectors';
 
@@ -15,11 +17,13 @@ import { AddNetworkButton } from './components/add-network-button';
 const defaultNetworkIds = Object.values(WalletDefaultNetworkConfigurationIds) as string[];
 
 export function SelectNetwork() {
+  useBackgroundLocationRedirect();
   const navigate = useNavigate();
   const networks = useNetworks();
   const analytics = useAnalytics();
   const networksActions = useNetworksActions();
   const currentNetwork = useCurrentNetworkState();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
 
   function addNetwork() {
     void analytics.track('add_network');
@@ -38,7 +42,7 @@ export function SelectNetwork() {
   }
 
   function closeNetworkModal() {
-    navigate('..');
+    navigate(backgroundLocation ?? '..');
   }
 
   return (
diff --git a/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx b/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx
index 5fa7ed312e9..e24d6cd3bc0 100644
--- a/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx
+++ b/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx
@@ -1,9 +1,12 @@
+import { useCallback } from 'react';
+
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { useAllTransferableCryptoAssetBalances } from '@app/common/hooks/use-transferable-asset-balances.hooks';
 import { useWalletType } from '@app/common/use-wallet-type';
 import { Brc20TokensLoader } from '@app/components/brc20-tokens-loader';
 import { ModalHeader } from '@app/components/modal-header';
 import { useHasCurrentBitcoinAccount } from '@app/store/accounts/blockchain/bitcoin/bitcoin.hooks';
+import { useHasStacksKeychain } from '@app/store/accounts/blockchain/stacks/stacks.hooks';
 
 import { Brc20TokenAssetList } from '../../../components/crypto-assets/bitcoin/brc20-token-asset-list/brc20-token-asset-list';
 import { ChooseCryptoAssetLayout } from './components/choose-crypto-asset.layout';
@@ -14,6 +17,20 @@ export function ChooseCryptoAsset() {
 
   const { whenWallet } = useWalletType();
   const hasBitcoinLedgerKeys = useHasCurrentBitcoinAccount();
+  const hasStacksLedgerKeys = useHasStacksKeychain();
+
+  const chechKeychainAvailable = useCallback(
+    (symbol: string) => {
+      if (symbol === 'BTC') {
+        return hasBitcoinLedgerKeys;
+      }
+      if (symbol === 'STX') {
+        return hasStacksLedgerKeys;
+      }
+      return false;
+    },
+    [hasBitcoinLedgerKeys, hasStacksLedgerKeys]
+  );
 
   useRouteHeader(<ModalHeader hideActions defaultGoBack title=" " />);
 
@@ -22,7 +39,7 @@ export function ChooseCryptoAsset() {
       <CryptoAssetList
         cryptoAssetBalances={allTransferableCryptoAssetBalances.filter(balance =>
           whenWallet({
-            ledger: hasBitcoinLedgerKeys ? true : balance.asset.symbol !== 'BTC',
+            ledger: chechKeychainAvailable(balance.asset.symbol),
             software: true,
           })
         )}
diff --git a/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx b/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx
index 360ca8a9e1d..dda94de57f1 100644
--- a/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx
+++ b/src/app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary.tsx
@@ -2,10 +2,11 @@ import { toast } from 'react-hot-toast';
 import { FiCheck, FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation } from 'react-router-dom';
 
-import { Stack, useClipboard } from '@stacks/ui';
+import { Stack } from '@stacks/ui';
 import { Text } from '@stacks/ui';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { satToBtc } from '@app/common/money/unit-conversion';
diff --git a/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx b/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx
index c17d957ec12..09ac0b56bec 100644
--- a/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx
+++ b/src/app/pages/send/ordinal-inscription/sent-inscription-summary.tsx
@@ -2,7 +2,7 @@ import { toast } from 'react-hot-toast';
 import { FiCheck, FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation, useNavigate } from 'react-router-dom';
 
-import { Box, Stack, useClipboard } from '@stacks/ui';
+import { Box, Stack } from '@stacks/ui';
 import get from 'lodash.get';
 
 import { Blockchains } from '@shared/models/blockchain.model';
@@ -10,6 +10,7 @@ import { SupportedInscription } from '@shared/models/inscription.model';
 import { RouteUrls } from '@shared/route-urls';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { FormAddressDisplayer } from '@app/components/address-displayer/form-address-displayer';
 import { BaseDrawer } from '@app/components/drawer/base-drawer';
diff --git a/src/app/pages/send/send-crypto-asset-form/components/recipient-accounts-drawer/account-list-item.tsx b/src/app/pages/send/send-crypto-asset-form/components/recipient-accounts-drawer/account-list-item.tsx
index 4dae5d4e427..08bfd605a06 100644
--- a/src/app/pages/send/send-crypto-asset-form/components/recipient-accounts-drawer/account-list-item.tsx
+++ b/src/app/pages/send/send-crypto-asset-form/components/recipient-accounts-drawer/account-list-item.tsx
@@ -40,13 +40,11 @@ export const AccountListItem = memo(({ account, onClose }: AccountListItemProps)
         <AccountAvatarItem index={account.index} publicKey={account.stxPublicKey} name={name} />
       }
       balanceLabel={<AccountTotalBalance stxAddress={account.address} btcAddress={btcAddress} />}
-      btcAddress={btcAddress}
       index={account.index}
       isActive={false}
       isLoading={false}
       mt="loose"
       onSelectAccount={onSelectAccount}
-      stxAddress={account.address}
       {...bind}
     >
       {component}
diff --git a/src/app/pages/send/send-crypto-asset-form/components/recipient-fields/components/recipient-address-displayer.tsx b/src/app/pages/send/send-crypto-asset-form/components/recipient-fields/components/recipient-address-displayer.tsx
index 66b5ee72ccb..7f7a400d77c 100644
--- a/src/app/pages/send/send-crypto-asset-form/components/recipient-fields/components/recipient-address-displayer.tsx
+++ b/src/app/pages/send/send-crypto-asset-form/components/recipient-fields/components/recipient-address-displayer.tsx
@@ -1,11 +1,12 @@
 import { useCallback } from 'react';
 import { FiCopy } from 'react-icons/fi';
 
-import { Box, Text, color, useClipboard } from '@stacks/ui';
+import { Box, Text, color } from '@stacks/ui';
 import { SendCryptoAssetSelectors } from '@tests/selectors/send.selectors';
 import { HStack } from 'leather-styles/jsx';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { Tooltip } from '@app/components/tooltip';
 
 interface RecipientAddressDisplayerProps {
diff --git a/src/app/pages/send/sent-summary/btc-sent-summary.tsx b/src/app/pages/send/sent-summary/btc-sent-summary.tsx
index 74ae0480109..d4626c5f9c9 100644
--- a/src/app/pages/send/sent-summary/btc-sent-summary.tsx
+++ b/src/app/pages/send/sent-summary/btc-sent-summary.tsx
@@ -2,9 +2,10 @@ import { toast } from 'react-hot-toast';
 import { FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation } from 'react-router-dom';
 
-import { Stack, useClipboard } from '@stacks/ui';
+import { Stack } from '@stacks/ui';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { FormAddressDisplayer } from '@app/components/address-displayer/form-address-displayer';
diff --git a/src/app/pages/send/sent-summary/stx-sent-summary.tsx b/src/app/pages/send/sent-summary/stx-sent-summary.tsx
index 0cdf30df846..ea895df4b70 100644
--- a/src/app/pages/send/sent-summary/stx-sent-summary.tsx
+++ b/src/app/pages/send/sent-summary/stx-sent-summary.tsx
@@ -2,9 +2,10 @@ import { toast } from 'react-hot-toast';
 import { FiCopy, FiExternalLink } from 'react-icons/fi';
 import { useLocation } from 'react-router-dom';
 
-import { Stack, useClipboard } from '@stacks/ui';
+import { Stack } from '@stacks/ui';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { FormAddressDisplayer } from '@app/components/address-displayer/form-address-displayer';
diff --git a/src/app/pages/sign-out-confirm/sign-out-confirm.tsx b/src/app/pages/sign-out-confirm/sign-out-confirm.tsx
index eba398fe0a3..5168194c633 100644
--- a/src/app/pages/sign-out-confirm/sign-out-confirm.tsx
+++ b/src/app/pages/sign-out-confirm/sign-out-confirm.tsx
@@ -3,12 +3,16 @@ import { useNavigate } from 'react-router-dom';
 import { RouteUrls } from '@shared/route-urls';
 
 import { useKeyActions } from '@app/common/hooks/use-key-actions';
+import { useLocationState } from '@app/common/hooks/use-location-state';
+import { useBackgroundLocationRedirect } from '@app/routes/hooks/use-background-location-redirect';
 
 import { SignOutConfirmLayout } from './sign-out-confirm.layout';
 
 export function SignOutConfirmDrawer() {
+  useBackgroundLocationRedirect();
   const { signOut } = useKeyActions();
   const navigate = useNavigate();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
 
   return (
     <SignOutConfirmLayout
@@ -16,7 +20,7 @@ export function SignOutConfirmDrawer() {
         navigate(RouteUrls.Onboarding);
         void signOut();
       }}
-      onUserSafelyReturnToHomepage={() => navigate('..')}
+      onUserSafelyReturnToHomepage={() => navigate(backgroundLocation ?? '..')}
     />
   );
 }
diff --git a/src/app/pages/stacks-message-signing-request/stacks-message-signing-request.tsx b/src/app/pages/stacks-message-signing-request/stacks-message-signing-request.tsx
index 185855527a9..18eddaf83c6 100644
--- a/src/app/pages/stacks-message-signing-request/stacks-message-signing-request.tsx
+++ b/src/app/pages/stacks-message-signing-request/stacks-message-signing-request.tsx
@@ -5,6 +5,7 @@ import {
   isStructuredMessageType,
   isUtf8MessageType,
 } from '@shared/signature/signature-types';
+import { closeWindow } from '@shared/utils';
 
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { PopupHeader } from '@app/features/current-account/popup-header';
@@ -18,7 +19,7 @@ import { SignatureRequestStructuredDataContent } from './components/structured-d
 
 export function StacksMessageSigningRequest() {
   useRouteHeader(<PopupHeader />);
-  useOnOriginTabClose(() => window.close());
+  useOnOriginTabClose(() => closeWindow());
 
   const { requestToken, messageType, tabId, origin } = useSignatureRequestSearchParams();
 
diff --git a/src/app/pages/swap/swap-summary/swap-summary.tsx b/src/app/pages/swap/swap-summary/swap-summary.tsx
index 8af59ef556a..acc48533c0e 100644
--- a/src/app/pages/swap/swap-summary/swap-summary.tsx
+++ b/src/app/pages/swap/swap-summary/swap-summary.tsx
@@ -2,7 +2,6 @@ import toast from 'react-hot-toast';
 import { Outlet } from 'react-router-dom';
 
 import WaxSeal from '@assets/illustrations/wax-seal.png';
-import { useClipboard } from '@stacks/ui';
 import { useFormikContext } from 'formik';
 import { HStack, styled } from 'leather-styles/jsx';
 
@@ -10,6 +9,7 @@ import { logger } from '@shared/logger';
 import { isUndefined } from '@shared/utils';
 
 import { useAnalytics } from '@app/common/hooks/analytics/use-analytics';
+import { useClipboard } from '@app/common/hooks/use-copy-to-clipboard';
 // import { useExplorerLink } from '@app/common/hooks/use-explorer-link';
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { CopyIcon } from '@app/components/icons/copy-icon';
diff --git a/src/app/pages/unlock.tsx b/src/app/pages/unlock.tsx
index 6986ca50d2f..09b7d334bb7 100644
--- a/src/app/pages/unlock.tsx
+++ b/src/app/pages/unlock.tsx
@@ -5,6 +5,7 @@ import { Box } from 'leather-styles/jsx';
 
 import { WALLET_ENVIRONMENT } from '@shared/environment';
 import { RouteUrls } from '@shared/route-urls';
+import { closeWindow } from '@shared/utils';
 
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { isFullPageMode, isPopupMode } from '@app/common/utils';
@@ -24,7 +25,7 @@ export function Unlock() {
   useEffect(() => {
     if (!hasApprovedNewBrand && isPopupMode() && WALLET_ENVIRONMENT !== 'testing') {
       openIndexPageInNewTab('/unlock/we-have-a-new-name');
-      window.close();
+      closeWindow();
     }
     if (!hasApprovedNewBrand && isFullPageMode()) {
       navigate('./we-have-a-new-name');
diff --git a/src/app/pages/update-profile-request/update-profile-request.tsx b/src/app/pages/update-profile-request/update-profile-request.tsx
index d75d48ede5c..44602f339bf 100644
--- a/src/app/pages/update-profile-request/update-profile-request.tsx
+++ b/src/app/pages/update-profile-request/update-profile-request.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import { isUndefined } from '@shared/utils';
+import { closeWindow, isUndefined } from '@shared/utils';
 
 import { useRouteHeader } from '@app/common/hooks/use-route-header';
 import { PopupHeader } from '@app/features/current-account/popup-header';
@@ -20,7 +20,7 @@ function ProfileUpdateRequestBase() {
 
   useRouteHeader(<PopupHeader />);
 
-  useOnOriginTabClose(() => window.close());
+  useOnOriginTabClose(() => closeWindow());
   if (isUndefined(validProfileUpdateRequest) || !validProfileUpdateRequest || !requestToken)
     return (
       <ProfileUpdateRequestLayout>
diff --git a/src/app/query/bitcoin/contract/check-dlc-link-attestor-health.ts b/src/app/query/bitcoin/contract/check-dlc-link-attestor-health.ts
new file mode 100644
index 00000000000..bae8bf87cc8
--- /dev/null
+++ b/src/app/query/bitcoin/contract/check-dlc-link-attestor-health.ts
@@ -0,0 +1,11 @@
+export async function checkDlcLinkAttestorHealth(attestorUrl: string): Promise<boolean> {
+  try {
+    const response = await fetch(`${attestorUrl}/health`, {
+      method: 'get',
+    });
+
+    return response.ok;
+  } catch (error) {
+    return false;
+  }
+}
diff --git a/src/app/query/stacks/contract/contract.query.ts b/src/app/query/stacks/contract/contract.query.ts
index 74956f79337..bdb0c4bbc5c 100644
--- a/src/app/query/stacks/contract/contract.query.ts
+++ b/src/app/query/stacks/contract/contract.query.ts
@@ -23,7 +23,7 @@ export function useGetContractInterface(transactionRequest: ContractCallPayload
   }
 
   return useQuery({
-    enabled: !!transactionRequest,
+    enabled: transactionRequest?.txType === TransactionTypes.ContractCall && !!transactionRequest,
     queryKey: [
       'contract-interface',
       transactionRequest?.contractName,
diff --git a/src/app/routes/account-gate.tsx b/src/app/routes/account-gate.tsx
index 3de52f7acbd..8f2f863ac6c 100644
--- a/src/app/routes/account-gate.tsx
+++ b/src/app/routes/account-gate.tsx
@@ -3,6 +3,7 @@ import { Navigate } from 'react-router-dom';
 
 import { RouteUrls } from '@shared/route-urls';
 
+import { useHasBitcoinLedgerKeychain } from '@app/store/accounts/blockchain/bitcoin/bitcoin.ledger';
 import { useDefaultWalletSecretKey } from '@app/store/in-memory-key/in-memory-key.selectors';
 import { useCurrentKeyDetails } from '@app/store/keys/key.selectors';
 
@@ -20,11 +21,8 @@ interface AccountGateProps {
 export function AccountGate({ children }: AccountGateProps) {
   const currentKeyDetails = useCurrentKeyDetails();
   const currentInMemorySecretKey = useDefaultWalletSecretKey();
-
-  // console.log('currentKeyDetails', currentKeyDetails);
-  // console.log('currentInMemorySecretKey', currentInMemorySecretKey);
-
-  if (currentKeyDetails?.type === 'ledger') return <>{children}</>;
+  const hasBitcoinKeychain = useHasBitcoinLedgerKeychain();
+  if (currentKeyDetails?.type === 'ledger' || hasBitcoinKeychain) return <>{children}</>;
 
   if (shouldNavigateToOnboardingStartPage(currentKeyDetails))
     return <Navigate to={RouteUrls.Onboarding} />;
diff --git a/src/app/routes/app-routes.tsx b/src/app/routes/app-routes.tsx
index 1ef80f077f9..973b01592e4 100644
--- a/src/app/routes/app-routes.tsx
+++ b/src/app/routes/app-routes.tsx
@@ -9,11 +9,8 @@ import {
 
 import { RouteUrls } from '@shared/route-urls';
 
-import { BroadcastErrorDrawer } from '@app/components/broadcast-error-drawer/broadcast-error-drawer';
 import { LoadingSpinner } from '@app/components/loading-spinner';
-import { ActivityList } from '@app/features/activity-list/activity-list';
 import { AddNetwork } from '@app/features/add-network/add-network';
-import { AssetsList } from '@app/features/asset-list/asset-list';
 import { Container } from '@app/features/container/container';
 import { EditNonceDrawer } from '@app/features/edit-nonce-drawer/edit-nonce-drawer';
 import { IncreaseBtcFeeDrawer } from '@app/features/increase-fee-drawer/increase-btc-fee-drawer';
@@ -23,10 +20,11 @@ import { leatherIntroDialogRoutes } from '@app/features/leather-intro-dialog/lea
 import { ledgerJwtSigningRoutes } from '@app/features/ledger/flows/jwt-signing/ledger-sign-jwt.routes';
 import { requestBitcoinKeysRoutes } from '@app/features/ledger/flows/request-bitcoin-keys/ledger-request-bitcoin-keys';
 import { requestStacksKeysRoutes } from '@app/features/ledger/flows/request-stacks-keys/ledger-request-stacks-keys';
-import { ledgerStacksMessageSigningRoutes } from '@app/features/ledger/flows/stacks-message-signing/ledger-stacks-sign-msg.routes';
 import { ledgerStacksTxSigningRoutes } from '@app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx.routes';
+import { UnsupportedBrowserLayout } from '@app/features/ledger/generic-steps';
+import { ConnectLedgerStart } from '@app/features/ledger/generic-steps/connect-device/connect-ledger-start';
 import { RetrieveTaprootToNativeSegwit } from '@app/features/retrieve-taproot-to-native-segwit/retrieve-taproot-to-native-segwit';
-import { ThemesDrawer } from '@app/features/theme-drawer/theme-drawer';
+import { BitcoinContractList } from '@app/pages/bitcoin-contract-list/bitcoin-contract-list';
 import { BitcoinContractRequest } from '@app/pages/bitcoin-contract-request/bitcoin-contract-request';
 import { ChooseAccount } from '@app/pages/choose-account/choose-account';
 import { FundPage } from '@app/pages/fund/fund';
@@ -35,39 +33,26 @@ import { AllowDiagnosticsModal } from '@app/pages/onboarding/allow-diagnostics/a
 import { BackUpSecretKeyPage } from '@app/pages/onboarding/back-up-secret-key/back-up-secret-key';
 import { SignIn } from '@app/pages/onboarding/sign-in/sign-in';
 import { WelcomePage } from '@app/pages/onboarding/welcome/welcome';
-import { PsbtRequest } from '@app/pages/psbt-request/psbt-request';
-import { ReceiveBtcModal } from '@app/pages/receive/receive-btc';
-import { ReceiveModal } from '@app/pages/receive/receive-modal';
-import { ReceiveOrdinalModal } from '@app/pages/receive/receive-ordinal';
 import { ReceiveStxModal } from '@app/pages/receive/receive-stx';
 import { RequestError } from '@app/pages/request-error/request-error';
-import { RpcGetAddresses } from '@app/pages/rpc-get-addresses/rpc-get-addresses';
-import { rpcSendTransferRoutes } from '@app/pages/rpc-send-transfer/rpc-send-transfer.routes';
-import { RpcSignPsbt } from '@app/pages/rpc-sign-psbt/rpc-sign-psbt';
-import { RpcSignPsbtSummary } from '@app/pages/rpc-sign-psbt/rpc-sign-psbt-summary';
 import { RpcSignStacksTransaction } from '@app/pages/rpc-sign-stacks-transaction/rpc-sign-stacks-transaction';
-import { SelectNetwork } from '@app/pages/select-network/select-network';
 import { BroadcastError } from '@app/pages/send/broadcast-error/broadcast-error';
 import { LockBitcoinSummary } from '@app/pages/send/locked-bitcoin-summary/locked-bitcoin-summary';
-import { SendInscriptionContainer } from '@app/pages/send/ordinal-inscription/components/send-inscription-container';
-import { SendInscriptionChooseFee } from '@app/pages/send/ordinal-inscription/send-inscription-choose-fee';
-import { SendInscriptionForm } from '@app/pages/send/ordinal-inscription/send-inscription-form';
-import { SendInscriptionReview } from '@app/pages/send/ordinal-inscription/send-inscription-review';
-import { SendInscriptionSummary } from '@app/pages/send/ordinal-inscription/sent-inscription-summary';
 import { sendCryptoAssetFormRoutes } from '@app/pages/send/send-crypto-asset-form/send-crypto-asset-form.routes';
-import { SignOutConfirmDrawer } from '@app/pages/sign-out-confirm/sign-out-confirm';
-import { StacksMessageSigningRequest } from '@app/pages/stacks-message-signing-request/stacks-message-signing-request';
 import { swapRoutes } from '@app/pages/swap/swap.routes';
-import { TransactionRequest } from '@app/pages/transaction-request/transaction-request';
 import { UnauthorizedRequest } from '@app/pages/unauthorized-request/unauthorized-request';
 import { Unlock } from '@app/pages/unlock';
-import { ProfileUpdateRequest } from '@app/pages/update-profile-request/update-profile-request';
 import { ViewSecretKey } from '@app/pages/view-secret-key/view-secret-key';
 import { AccountGate } from '@app/routes/account-gate';
+import { sendOrdinalRoutes } from '@app/routes/ordinal-routes';
+import { receiveRoutes } from '@app/routes/receive-routes';
+import { legacyRequestRoutes } from '@app/routes/request-routes';
+import { rpcRequestRoutes } from '@app/routes/rpc-routes';
+import { settingsRoutes } from '@app/routes/settings-routes';
 
 import { OnboardingGate } from './onboarding-gate';
 
-function SuspenseLoadingSpinner() {
+export function SuspenseLoadingSpinner() {
   return <LoadingSpinner height="600px" />;
 }
 
@@ -76,161 +61,41 @@ export function AppRoutes() {
   return <RouterProvider router={routes} />;
 }
 
-function useAppRoutes() {
-  const settingsModalRoutes = (
-    <Route>
-      <Route path={RouteUrls.SignOutConfirm} element={<SignOutConfirmDrawer />} />
-      <Route path={RouteUrls.ChangeTheme} element={<ThemesDrawer />} />
-      <Route path={RouteUrls.SelectNetwork} element={<SelectNetwork />} />
-    </Route>
-  );
-
-  const legacyRequestRoutes = (
-    <>
-      <Route
-        path={RouteUrls.TransactionRequest}
-        element={
-          <AccountGate>
-            <Suspense fallback={<SuspenseLoadingSpinner />}>
-              <TransactionRequest />
-            </Suspense>
-          </AccountGate>
-        }
-      >
-        {ledgerStacksTxSigningRoutes}
-        <Route path={RouteUrls.EditNonce} element={<EditNonceDrawer />} />
-        <Route path={RouteUrls.TransactionBroadcastError} element={<BroadcastErrorDrawer />} />
-      </Route>
-      <Route
-        path={RouteUrls.SignatureRequest}
-        element={
-          <AccountGate>
-            <Suspense fallback={<SuspenseLoadingSpinner />}>
-              <StacksMessageSigningRequest />
-            </Suspense>
-          </AccountGate>
-        }
-      >
-        {ledgerStacksMessageSigningRoutes}
-      </Route>
-      <Route
-        path={RouteUrls.ProfileUpdateRequest}
-        element={
-          <AccountGate>
-            <Suspense fallback={<SuspenseLoadingSpinner />}>
-              <ProfileUpdateRequest />
-            </Suspense>
-          </AccountGate>
-        }
-      />
-      <Route
-        path={RouteUrls.PsbtRequest}
-        element={
-          <AccountGate>
-            <Suspense fallback={<SuspenseLoadingSpinner />}>
-              <PsbtRequest />
-            </Suspense>
-          </AccountGate>
-        }
-      />
-    </>
-  );
-
-  const rpcRequestRoutes = (
-    <>
-      <Route
-        path={RouteUrls.RpcGetAddresses}
-        element={
-          <AccountGate>
-            <RpcGetAddresses />
-          </AccountGate>
-        }
-      />
-      {rpcSendTransferRoutes}
-      <Route
-        path={RouteUrls.RpcSignBip322Message}
-        lazy={async () => {
-          const { RpcSignBip322MessageRoute } = await import(
-            '@app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message'
-          );
-          return { Component: RpcSignBip322MessageRoute };
-        }}
-      />
-      <Route
-        path={RouteUrls.RpcSignPsbt}
-        element={
-          <AccountGate>
-            <RpcSignPsbt />
-          </AccountGate>
-        }
-      />
-      <Route
-        path={RouteUrls.RpcSignPsbtSummary}
-        element={
-          <AccountGate>
-            <RpcSignPsbtSummary />
-          </AccountGate>
-        }
-      />
-    </>
-  );
+export const homePageModalRoutes = (
+  <>
+    {settingsRoutes}
+    {receiveRoutes}
+    {ledgerStacksTxSigningRoutes}
+    {sendOrdinalRoutes}
+    {requestBitcoinKeysRoutes}
+    {requestStacksKeysRoutes}
+  </>
+);
 
+function useAppRoutes() {
   return createHashRouter(
     createRoutesFromElements(
       <Route element={<Container />}>
         <Route
-          path={RouteUrls.Home}
+          path={`${RouteUrls.Home}*`}
           element={
             <AccountGate>
               <Home />
             </AccountGate>
           }
         >
-          <Route index element={<AssetsList />} />
-          <Route path={RouteUrls.Activity} element={<ActivityList />} />
-
-          {leatherIntroDialogRoutes}
-
-          {requestBitcoinKeysRoutes}
-          {requestStacksKeysRoutes}
-          <Route path={RouteUrls.RetriveTaprootFunds} element={<RetrieveTaprootToNativeSegwit />} />
-
-          <Route path={RouteUrls.IncreaseStxFee} element={<IncreaseStxFeeDrawer />}>
-            {ledgerStacksTxSigningRoutes}
-          </Route>
-          <Route path={RouteUrls.IncreaseBtcFee} element={<IncreaseBtcFeeDrawer />} />
-          <Route path={RouteUrls.IncreaseFeeSent} element={<IncreaseFeeSentDrawer />} />
-
-          <Route path={RouteUrls.Receive} element={<ReceiveModal />} />
-          <Route
-            path={RouteUrls.ReceiveCollectible}
-            element={<ReceiveModal type="collectible" />}
-          />
-          <Route path={RouteUrls.ReceiveCollectibleOrdinal} element={<ReceiveOrdinalModal />} />
-          <Route path={RouteUrls.ReceiveStx} element={<ReceiveStxModal />} />
-          <Route path={RouteUrls.ReceiveBtc} element={<ReceiveBtcModal />} />
-          <Route path={RouteUrls.ReceiveBtcStamp} element={<ReceiveBtcModal type="btc-stamp" />} />
-
-          <Route path={RouteUrls.SendOrdinalInscription} element={<SendInscriptionContainer />}>
-            <Route index element={<SendInscriptionForm />} />
-            <Route
-              path={RouteUrls.SendOrdinalInscriptionChooseFee}
-              element={<SendInscriptionChooseFee />}
-            />
-            <Route
-              path={RouteUrls.SendOrdinalInscriptionReview}
-              element={<SendInscriptionReview />}
-            />
-            <Route
-              path={RouteUrls.SendOrdinalInscriptionSent}
-              element={<SendInscriptionSummary />}
-            />
-            <Route path={RouteUrls.SendOrdinalInscriptionError} element={<BroadcastError />} />
-          </Route>
+          {homePageModalRoutes}
+        </Route>
 
-          {settingsModalRoutes}
+        <Route path={RouteUrls.RetriveTaprootFunds} element={<RetrieveTaprootToNativeSegwit />} />
+        <Route path={RouteUrls.IncreaseStxFee} element={<IncreaseStxFeeDrawer />}>
           {ledgerStacksTxSigningRoutes}
         </Route>
+        <Route path={RouteUrls.IncreaseBtcFee} element={<IncreaseBtcFeeDrawer />} />
+        <Route path={RouteUrls.IncreaseFeeSent} element={<IncreaseFeeSentDrawer />} />
+
+        {ledgerStacksTxSigningRoutes}
+
         <Route
           path={RouteUrls.RpcReceiveBitcoinContractOffer}
           element={
@@ -243,6 +108,7 @@ function useAppRoutes() {
         ></Route>
         <Route path={RouteUrls.BitcoinContractLockSuccess} element={<LockBitcoinSummary />} />
         <Route path={RouteUrls.BitcoinContractLockError} element={<BroadcastError />} />
+        <Route path={RouteUrls.BitcoinContractList} element={<BitcoinContractList />} />
         <Route
           path={RouteUrls.Onboarding}
           element={
@@ -252,6 +118,8 @@ function useAppRoutes() {
           }
         >
           <Route path={RouteUrls.RequestDiagnostics} element={<AllowDiagnosticsModal />} />
+          <Route path={RouteUrls.ConnectLedgerStart} element={<ConnectLedgerStart />} />
+          <Route path={RouteUrls.LedgerUnsupportedBrowser} element={<UnsupportedBrowserLayout />} />
 
           {requestBitcoinKeysRoutes}
           {requestStacksKeysRoutes}
@@ -300,18 +168,21 @@ function useAppRoutes() {
         >
           {ledgerJwtSigningRoutes}
         </Route>
+
         <Route
-          path={RouteUrls.Fund}
+          path={`${RouteUrls.Fund}/*`}
           element={
             <AccountGate>
-              <FundPage />
+              <FundPage>
+                <Route path={RouteUrls.ReceiveStx} element={<ReceiveStxModal />} />
+                {settingsRoutes}
+              </FundPage>
             </AccountGate>
           }
         >
-          <Route path={RouteUrls.FundReceive} element={<ReceiveModal />} />
-          <Route path={RouteUrls.FundReceiveStx} element={<ReceiveStxModal />} />
-          <Route path={RouteUrls.FundReceiveBtc} element={<ReceiveBtcModal />} />
-          {settingsModalRoutes}
+          {settingsRoutes}
+
+          <Route path={RouteUrls.ReceiveStx} element={<ReceiveStxModal />} />
         </Route>
 
         {sendCryptoAssetFormRoutes}
@@ -324,10 +195,10 @@ function useAppRoutes() {
             </AccountGate>
           }
         >
-          {settingsModalRoutes}
+          {settingsRoutes}
         </Route>
         <Route path={RouteUrls.Unlock} element={<Unlock />}>
-          {settingsModalRoutes}
+          {settingsRoutes}
           {leatherIntroDialogRoutes}
         </Route>
 
@@ -367,6 +238,7 @@ function useAppRoutes() {
         {swapRoutes}
 
         {/* Catch-all route redirects to onboarding */}
+
         <Route path="*" element={<Navigate replace to={RouteUrls.Onboarding} />} />
       </Route>
     )
diff --git a/src/app/routes/components/modal-background-wrapper.tsx b/src/app/routes/components/modal-background-wrapper.tsx
new file mode 100644
index 00000000000..a42b7da4664
--- /dev/null
+++ b/src/app/routes/components/modal-background-wrapper.tsx
@@ -0,0 +1,26 @@
+import { Route } from 'react-router-dom';
+import { Outlet, Routes, useLocation } from 'react-router-dom';
+
+import { useLocationState } from '@app/common/hooks/use-location-state';
+
+/* 
+   To overlay modal on nested routes backgroundLocation is used 
+   to trick the router into thinking its on the same page
+ */
+interface ModalBackgroundWrapperProps {
+  children: React.ReactNode;
+}
+export function ModalBackgroundWrapper({ children }: ModalBackgroundWrapperProps) {
+  const location = useLocation();
+  const backgroundLocation = useLocationState<Location>('backgroundLocation');
+
+  return (
+    <>
+      <Routes location={backgroundLocation || location}>
+        {children}
+        <Route path="*" element={<Outlet />} />
+      </Routes>
+      {backgroundLocation && <Outlet />}
+    </>
+  );
+}
diff --git a/src/app/routes/hooks/use-background-location-redirect.ts b/src/app/routes/hooks/use-background-location-redirect.ts
new file mode 100644
index 00000000000..b5803ca1e0d
--- /dev/null
+++ b/src/app/routes/hooks/use-background-location-redirect.ts
@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { useLocationState } from '@app/common/hooks/use-location-state';
+
+/**
+ * If routes are accessed directly / opened in new tabs `backgroundLocation` is lost
+ * this hook re-directs the users to home then overlays the modal so the BG is the home route
+ */
+
+export function useBackgroundLocationRedirect(baseUrl = RouteUrls.Home) {
+  const { pathname, state } = useLocation();
+  const navigate = useNavigate();
+  const backgroundLocation = useLocationState('backgroundLocation');
+
+  useEffect(() => {
+    void (async () => {
+      if (backgroundLocation === undefined) {
+        return navigate(pathname, {
+          state: { backgroundLocation: { pathname: baseUrl }, ...state },
+        });
+      }
+      return false;
+    })();
+  }, [backgroundLocation, baseUrl, navigate, pathname, state]);
+}
diff --git a/src/app/routes/ordinal-routes.tsx b/src/app/routes/ordinal-routes.tsx
new file mode 100644
index 00000000000..41e8e02516d
--- /dev/null
+++ b/src/app/routes/ordinal-routes.tsx
@@ -0,0 +1,23 @@
+import { Route } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { BroadcastError } from '@app/pages/send/broadcast-error/broadcast-error';
+import { SendInscriptionContainer } from '@app/pages/send/ordinal-inscription/components/send-inscription-container';
+import { SendInscriptionChooseFee } from '@app/pages/send/ordinal-inscription/send-inscription-choose-fee';
+import { SendInscriptionForm } from '@app/pages/send/ordinal-inscription/send-inscription-form';
+import { SendInscriptionReview } from '@app/pages/send/ordinal-inscription/send-inscription-review';
+import { SendInscriptionSummary } from '@app/pages/send/ordinal-inscription/sent-inscription-summary';
+
+export const sendOrdinalRoutes = (
+  <Route path={RouteUrls.SendOrdinalInscription} element={<SendInscriptionContainer />}>
+    <Route index element={<SendInscriptionForm />} />
+    <Route
+      path={RouteUrls.SendOrdinalInscriptionChooseFee}
+      element={<SendInscriptionChooseFee />}
+    />
+    <Route path={RouteUrls.SendOrdinalInscriptionReview} element={<SendInscriptionReview />} />
+    <Route path={RouteUrls.SendOrdinalInscriptionSent} element={<SendInscriptionSummary />} />
+    <Route path={RouteUrls.SendOrdinalInscriptionError} element={<BroadcastError />} />
+  </Route>
+);
diff --git a/src/app/routes/receive-routes.tsx b/src/app/routes/receive-routes.tsx
new file mode 100644
index 00000000000..573a6a26706
--- /dev/null
+++ b/src/app/routes/receive-routes.tsx
@@ -0,0 +1,19 @@
+import { Route } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { ReceiveBtcModal } from '@app/pages/receive/receive-btc';
+import { ReceiveModal } from '@app/pages/receive/receive-modal';
+import { ReceiveOrdinalModal } from '@app/pages/receive/receive-ordinal';
+import { ReceiveStxModal } from '@app/pages/receive/receive-stx';
+
+export const receiveRoutes = (
+  <Route>
+    <Route path={RouteUrls.Receive} element={<ReceiveModal />} />
+    <Route path={RouteUrls.ReceiveStx} element={<ReceiveStxModal />} />
+    <Route path={RouteUrls.ReceiveBtc} element={<ReceiveBtcModal />} />
+    <Route path={RouteUrls.ReceiveBtcStamp} element={<ReceiveBtcModal type="btc-stamp" />} />
+    <Route path={RouteUrls.ReceiveCollectible} element={<ReceiveModal type="collectible" />} />
+    <Route path={RouteUrls.ReceiveCollectibleOrdinal} element={<ReceiveOrdinalModal />} />
+  </Route>
+);
diff --git a/src/app/routes/request-routes.tsx b/src/app/routes/request-routes.tsx
new file mode 100644
index 00000000000..9f4cbeccdbc
--- /dev/null
+++ b/src/app/routes/request-routes.tsx
@@ -0,0 +1,66 @@
+import { Suspense } from 'react';
+import { Route } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { BroadcastErrorDrawer } from '@app/components/broadcast-error-drawer/broadcast-error-drawer';
+import { EditNonceDrawer } from '@app/features/edit-nonce-drawer/edit-nonce-drawer';
+import { ledgerStacksMessageSigningRoutes } from '@app/features/ledger/flows/stacks-message-signing/ledger-stacks-sign-msg.routes';
+import { ledgerStacksTxSigningRoutes } from '@app/features/ledger/flows/stacks-tx-signing/ledger-sign-tx.routes';
+import { PsbtRequest } from '@app/pages/psbt-request/psbt-request';
+import { StacksMessageSigningRequest } from '@app/pages/stacks-message-signing-request/stacks-message-signing-request';
+import { TransactionRequest } from '@app/pages/transaction-request/transaction-request';
+import { ProfileUpdateRequest } from '@app/pages/update-profile-request/update-profile-request';
+import { AccountGate } from '@app/routes/account-gate';
+import { SuspenseLoadingSpinner } from '@app/routes/app-routes';
+
+export const legacyRequestRoutes = (
+  <>
+    <Route
+      path={RouteUrls.TransactionRequest}
+      element={
+        <AccountGate>
+          <Suspense fallback={<SuspenseLoadingSpinner />}>
+            <TransactionRequest />
+          </Suspense>
+        </AccountGate>
+      }
+    >
+      {ledgerStacksTxSigningRoutes}
+      <Route path={RouteUrls.EditNonce} element={<EditNonceDrawer />} />
+      <Route path={RouteUrls.TransactionBroadcastError} element={<BroadcastErrorDrawer />} />
+    </Route>
+    <Route
+      path={RouteUrls.SignatureRequest}
+      element={
+        <AccountGate>
+          <Suspense fallback={<SuspenseLoadingSpinner />}>
+            <StacksMessageSigningRequest />
+          </Suspense>
+        </AccountGate>
+      }
+    >
+      {ledgerStacksMessageSigningRoutes}
+    </Route>
+    <Route
+      path={RouteUrls.ProfileUpdateRequest}
+      element={
+        <AccountGate>
+          <Suspense fallback={<SuspenseLoadingSpinner />}>
+            <ProfileUpdateRequest />
+          </Suspense>
+        </AccountGate>
+      }
+    />
+    <Route
+      path={RouteUrls.PsbtRequest}
+      element={
+        <AccountGate>
+          <Suspense fallback={<SuspenseLoadingSpinner />}>
+            <PsbtRequest />
+          </Suspense>
+        </AccountGate>
+      }
+    />
+  </>
+);
diff --git a/src/app/routes/rpc-routes.tsx b/src/app/routes/rpc-routes.tsx
new file mode 100644
index 00000000000..8f8387cebf7
--- /dev/null
+++ b/src/app/routes/rpc-routes.tsx
@@ -0,0 +1,48 @@
+import { Route } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { RpcGetAddresses } from '@app/pages/rpc-get-addresses/rpc-get-addresses';
+import { rpcSendTransferRoutes } from '@app/pages/rpc-send-transfer/rpc-send-transfer.routes';
+import { RpcSignPsbt } from '@app/pages/rpc-sign-psbt/rpc-sign-psbt';
+import { RpcSignPsbtSummary } from '@app/pages/rpc-sign-psbt/rpc-sign-psbt-summary';
+import { AccountGate } from '@app/routes/account-gate';
+
+export const rpcRequestRoutes = (
+  <>
+    <Route
+      path={RouteUrls.RpcGetAddresses}
+      element={
+        <AccountGate>
+          <RpcGetAddresses />
+        </AccountGate>
+      }
+    />
+    {rpcSendTransferRoutes}
+    <Route
+      path={RouteUrls.RpcSignBip322Message}
+      lazy={async () => {
+        const { RpcSignBip322MessageRoute } = await import(
+          '@app/pages/rpc-sign-bip322-message/rpc-sign-bip322-message'
+        );
+        return { Component: RpcSignBip322MessageRoute };
+      }}
+    />
+    <Route
+      path={RouteUrls.RpcSignPsbt}
+      element={
+        <AccountGate>
+          <RpcSignPsbt />
+        </AccountGate>
+      }
+    />
+    <Route
+      path={RouteUrls.RpcSignPsbtSummary}
+      element={
+        <AccountGate>
+          <RpcSignPsbtSummary />
+        </AccountGate>
+      }
+    />
+  </>
+);
diff --git a/src/app/routes/settings-routes.tsx b/src/app/routes/settings-routes.tsx
new file mode 100644
index 00000000000..a4d69e69c1d
--- /dev/null
+++ b/src/app/routes/settings-routes.tsx
@@ -0,0 +1,15 @@
+import { Route } from 'react-router-dom';
+
+import { RouteUrls } from '@shared/route-urls';
+
+import { ThemesDrawer } from '@app/features/theme-drawer/theme-drawer';
+import { SelectNetwork } from '@app/pages/select-network/select-network';
+import { SignOutConfirmDrawer } from '@app/pages/sign-out-confirm/sign-out-confirm';
+
+export const settingsRoutes = (
+  <Route>
+    <Route path={RouteUrls.SignOutConfirm} element={<SignOutConfirmDrawer />} />
+    <Route path={RouteUrls.ChangeTheme} element={<ThemesDrawer />} />
+    <Route path={RouteUrls.SelectNetwork} element={<SelectNetwork />} />
+  </Route>
+);
diff --git a/src/app/store/accounts/blockchain/bitcoin/bitcoin-keychain.ts b/src/app/store/accounts/blockchain/bitcoin/bitcoin-keychain.ts
index f3863e6ae63..6e4ab8573df 100644
--- a/src/app/store/accounts/blockchain/bitcoin/bitcoin-keychain.ts
+++ b/src/app/store/accounts/blockchain/bitcoin/bitcoin-keychain.ts
@@ -36,9 +36,9 @@ export function bitcoinAccountBuilderFactory(
     selectCurrentKey,
     selectRootKeychain,
     selectDefaultWalletBitcoinKeyEntities,
-    (currentKey, rootKeychain, bitcoinLedgerKeys) => {
+    (_, rootKeychain, bitcoinLedgerKeys) => {
       // Mocking types so it's always an object of fns
-      if (currentKey?.type === 'ledger') {
+      if (Object.keys(bitcoinLedgerKeys).length > 0 || !rootKeychain) {
         return {
           mainnet: ledgerKeychainLookupFn(bitcoinLedgerKeys, 'mainnet'),
           testnet: ledgerKeychainLookupFn(bitcoinLedgerKeys, 'testnet'),
@@ -46,7 +46,6 @@ export function bitcoinAccountBuilderFactory(
           regtest: ledgerKeychainLookupFn(bitcoinLedgerKeys, 'regtest'),
         };
       }
-      if (!rootKeychain) throw new Error('No in-memory key found');
       return {
         mainnet: softwareKeychainDerivationFn(rootKeychain, 'mainnet'),
         testnet: softwareKeychainDerivationFn(rootKeychain, 'testnet'),
diff --git a/src/app/store/accounts/blockchain/bitcoin/bitcoin-signer.ts b/src/app/store/accounts/blockchain/bitcoin/bitcoin-signer.ts
index 1c53d3dc69d..5049ac5bf51 100644
--- a/src/app/store/accounts/blockchain/bitcoin/bitcoin-signer.ts
+++ b/src/app/store/accounts/blockchain/bitcoin/bitcoin-signer.ts
@@ -13,7 +13,7 @@ import { getTaprootAddressIndexDerivationPath } from '@shared/crypto/bitcoin/p2t
 import { getNativeSegwitAddressIndexDerivationPath } from '@shared/crypto/bitcoin/p2wpkh-address-gen';
 import { AllowedSighashTypes } from '@shared/rpc/methods/sign-psbt';
 
-interface Signer<Payment> {
+export interface Signer<Payment> {
   network: BitcoinNetworkModes;
   payment: Payment;
   keychain: HDKey;
diff --git a/src/app/store/accounts/blockchain/bitcoin/bitcoin.ledger.ts b/src/app/store/accounts/blockchain/bitcoin/bitcoin.ledger.ts
new file mode 100644
index 00000000000..5ef04066873
--- /dev/null
+++ b/src/app/store/accounts/blockchain/bitcoin/bitcoin.ledger.ts
@@ -0,0 +1,8 @@
+import { useSelector } from 'react-redux';
+
+import { selectDefaultWalletBitcoinKeyEntities } from '@app/store/ledger/bitcoin-key.slice';
+
+export function useHasBitcoinLedgerKeychain() {
+  const bitcoinEntities = useSelector(selectDefaultWalletBitcoinKeyEntities);
+  return Object.keys(bitcoinEntities).length > 0;
+}
diff --git a/src/app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks.ts b/src/app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks.ts
index f7bd64fc2a1..b4bed5395f7 100644
--- a/src/app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks.ts
+++ b/src/app/store/accounts/blockchain/bitcoin/native-segwit-account.hooks.ts
@@ -64,7 +64,7 @@ export function useNativeSegwitNetworkSigners() {
   );
 }
 
-function useNativeSegwitSigner(accountIndex: number) {
+export function useNativeSegwitSigner(accountIndex: number) {
   const account = useNativeSegwitAccountBuilder()(accountIndex);
   const extendedPublicKeyVersions = useBitcoinExtendedPublicKeyVersions();
 
diff --git a/src/app/store/accounts/blockchain/stacks/stacks-accounts.ts b/src/app/store/accounts/blockchain/stacks/stacks-accounts.ts
index e343f716d3a..7f3cd2b6535 100644
--- a/src/app/store/accounts/blockchain/stacks/stacks-accounts.ts
+++ b/src/app/store/accounts/blockchain/stacks/stacks-accounts.ts
@@ -102,10 +102,10 @@ const ledgerAccountsState = atom<HardwareStacksAccount[] | undefined>(get => {
   });
 });
 
-export const stacksAccountState = atom<StacksAccount[] | undefined>(get => {
+export const stacksAccountState = atom<StacksAccount[]>(get => {
   const ledgerAccounts = get(ledgerAccountsState);
   const softwareAccounts = get(softwareAccountsState);
-  return ledgerAccounts ?? softwareAccounts;
+  return ledgerAccounts ?? softwareAccounts ?? [];
 });
 
 /**
diff --git a/src/app/store/accounts/blockchain/stacks/stacks.hooks.ts b/src/app/store/accounts/blockchain/stacks/stacks.hooks.ts
new file mode 100644
index 00000000000..37e200d17d7
--- /dev/null
+++ b/src/app/store/accounts/blockchain/stacks/stacks.hooks.ts
@@ -0,0 +1,5 @@
+import { store } from '@app/store';
+
+export function useHasStacksKeychain() {
+  return Object.keys(store.getState().keys.entities).length > 0;
+}
diff --git a/src/app/store/common/api-clients.hooks.ts b/src/app/store/common/api-clients.hooks.ts
index 4940fcde950..cb0dc96414a 100644
--- a/src/app/store/common/api-clients.hooks.ts
+++ b/src/app/store/common/api-clients.hooks.ts
@@ -2,15 +2,9 @@ import { useMemo } from 'react';
 
 import { ChainID } from '@stacks/transactions';
 
-import {
-  BITCOIN_API_BASE_URL_MAINNET,
-  BITCOIN_API_BASE_URL_SIGNET,
-  BITCOIN_API_BASE_URL_TESTNET,
-  HIRO_API_BASE_URL_MAINNET,
-  HIRO_API_BASE_URL_TESTNET,
-} from '@shared/constants';
+import { HIRO_API_BASE_URL_MAINNET, HIRO_API_BASE_URL_TESTNET } from '@shared/constants';
 
-import { whenBitcoinNetwork, whenStacksChainId } from '@app/common/utils';
+import { whenStacksChainId } from '@app/common/utils';
 import { BitcoinClient } from '@app/query/bitcoin/bitcoin-client';
 import { StacksClient } from '@app/query/stacks/stacks-client';
 import { TokenMetadataClient } from '@app/query/stacks/token-metadata-client';
@@ -24,15 +18,7 @@ import { useCurrentNetworkState } from '../networks/networks.hooks';
 
 export function useBitcoinClient() {
   const network = useCurrentNetworkState();
-
-  const baseUrl = whenBitcoinNetwork(network.chain.bitcoin.network)({
-    mainnet: BITCOIN_API_BASE_URL_MAINNET,
-    testnet: BITCOIN_API_BASE_URL_TESTNET,
-    regtest: BITCOIN_API_BASE_URL_TESTNET,
-    signet: BITCOIN_API_BASE_URL_SIGNET,
-  });
-
-  return new BitcoinClient(baseUrl);
+  return new BitcoinClient(network.chain.bitcoin.url);
 }
 
 // Unanchored by default (microblocks)
diff --git a/src/content-scripts/content-script.ts b/src/content-scripts/content-script.ts
index cdd1257719c..bf37c932eb2 100755
--- a/src/content-scripts/content-script.ts
+++ b/src/content-scripts/content-script.ts
@@ -128,7 +128,7 @@ document.addEventListener(DomEventName.psbtRequest, ((event: PsbtRequestEvent) =
   });
 }) as EventListener);
 
-function addHiroWalletToPage() {
+function addLeatherToPage() {
   const inpage = document.createElement('script');
   inpage.src = chrome.runtime.getURL('inpage.js');
   inpage.id = 'hiro-wallet-provider';
@@ -136,4 +136,4 @@ function addHiroWalletToPage() {
 }
 
 // Don't block thread to add Leather to page
-requestAnimationFrame(() => addHiroWalletToPage());
+requestAnimationFrame(() => addLeatherToPage());
diff --git a/src/shared/actions/finalize-auth-response.ts b/src/shared/actions/finalize-auth-response.ts
index 12f5befb15f..3b7ccbce1c1 100644
--- a/src/shared/actions/finalize-auth-response.ts
+++ b/src/shared/actions/finalize-auth-response.ts
@@ -1,4 +1,5 @@
 import { DecodedAuthRequest } from '@shared/models/decoded-auth-request';
+import { closeWindow } from '@shared/utils';
 import { analytics } from '@shared/utils/analytics';
 import { isValidUrl } from '@shared/utils/validate-url';
 
@@ -41,5 +42,5 @@ export function finalizeAuthResponse({
 
   const responseMessage = formatAuthResponse({ request: authRequest, response: authResponse });
   chrome.tabs.sendMessage(tabId, responseMessage);
-  window.close();
+  closeWindow();
 }
diff --git a/src/shared/actions/finalize-message-signature.ts b/src/shared/actions/finalize-message-signature.ts
index a6a19434f51..a4ac690d972 100644
--- a/src/shared/actions/finalize-message-signature.ts
+++ b/src/shared/actions/finalize-message-signature.ts
@@ -1,5 +1,7 @@
 import { SignatureData } from '@stacks/connect';
 
+import { closeWindow } from '@shared/utils';
+
 import { formatMessageSigningResponse } from './finalize-message-signature-format';
 
 interface FinalizeMessageSignatureArgs {
@@ -14,5 +16,5 @@ export function finalizeMessageSignature({
 }: FinalizeMessageSignatureArgs) {
   const responseMessage = formatMessageSigningResponse({ request: requestPayload, response: data });
   chrome.tabs.sendMessage(tabId, responseMessage);
-  window.close();
+  closeWindow();
 }
diff --git a/src/shared/actions/finalize-profile-update.ts b/src/shared/actions/finalize-profile-update.ts
index 25e97ff97c7..c602746f366 100644
--- a/src/shared/actions/finalize-profile-update.ts
+++ b/src/shared/actions/finalize-profile-update.ts
@@ -5,6 +5,7 @@ import {
   MESSAGE_SOURCE,
   ProfileUpdateResponseMessage,
 } from '@shared/message-types';
+import { closeWindow } from '@shared/utils';
 
 interface FormatProfileUpdateResponseArgs {
   request: string;
@@ -32,5 +33,5 @@ interface FinalizeProfileUpdateArgs {
 export function finalizeProfileUpdate({ requestPayload, data, tabId }: FinalizeProfileUpdateArgs) {
   const responseMessage = formatProfileUpdateResponse({ request: requestPayload, response: data });
   chrome.tabs.sendMessage(tabId, responseMessage);
-  window.close();
+  closeWindow();
 }
diff --git a/src/shared/actions/finalize-psbt.ts b/src/shared/actions/finalize-psbt.ts
index ff1f8140b6d..6cddfafeb05 100644
--- a/src/shared/actions/finalize-psbt.ts
+++ b/src/shared/actions/finalize-psbt.ts
@@ -1,6 +1,7 @@
 import { PsbtData } from '@stacks/connect';
 
 import { ExternalMethods, MESSAGE_SOURCE, PsbtResponseMessage } from '@shared/message-types';
+import { closeWindow } from '@shared/utils';
 
 interface FormatPsbtResponseArgs {
   request: string;
@@ -28,5 +29,5 @@ interface FinalizePsbtArgs {
 export function finalizePsbt({ data, requestPayload, tabId }: FinalizePsbtArgs) {
   const responseMessage = formatPsbtResponse({ request: requestPayload, response: data });
   chrome.tabs.sendMessage(tabId, responseMessage);
-  window.close();
+  closeWindow();
 }
diff --git a/src/shared/actions/finalize-tx-signature.ts b/src/shared/actions/finalize-tx-signature.ts
index 8dddc161f9d..2d3b958a71b 100644
--- a/src/shared/actions/finalize-tx-signature.ts
+++ b/src/shared/actions/finalize-tx-signature.ts
@@ -1,5 +1,6 @@
 import { logger } from '@shared/logger';
 import { TxResult } from '@shared/message-types';
+import { closeWindow } from '@shared/utils';
 import { analytics } from '@shared/utils/analytics';
 
 import { formatTxSignatureResponse } from './finalize-tx-signature-format';
@@ -14,7 +15,7 @@ export function finalizeTxSignature({ requestPayload, data, tabId }: FinalizeTxS
   try {
     const responseMessage = formatTxSignatureResponse({ payload: requestPayload, response: data });
     chrome.tabs.sendMessage(tabId, responseMessage);
-    window.close();
+    closeWindow();
   } catch (e) {
     // EXPERIMENT:
     // My own testing shows that `sendMessage` doesn't throw yet users have
diff --git a/src/shared/constants.ts b/src/shared/constants.ts
index 320012157f9..322db7c608e 100644
--- a/src/shared/constants.ts
+++ b/src/shared/constants.ts
@@ -85,7 +85,7 @@ export const HIRO_INSCRIPTIONS_API_URL = 'https://api.hiro.so/ordinals/v1/inscri
 
 export const BITCOIN_API_BASE_URL_MAINNET = 'https://blockstream.info/api';
 export const BITCOIN_API_BASE_URL_TESTNET = 'https://blockstream.info/testnet/api';
-export const BITCOIN_API_BASE_URL_SIGNET = 'https://mempool.space/signet/api';
+const BITCOIN_API_BASE_URL_SIGNET = 'https://mempool.space/signet/api';
 
 const networkMainnet: NetworkConfiguration = {
   id: WalletDefaultNetworkConfigurationIds.mainnet,
@@ -150,7 +150,7 @@ const networkSbtcDevenv: NetworkConfiguration = {
     bitcoin: {
       blockchain: 'bitcoin',
       network: 'regtest',
-      url: 'http://localhost:8999/api',
+      url: 'http://localhost:3002',
     },
   },
 };
diff --git a/src/shared/crypto/bitcoin/bitcoin.utils.ts b/src/shared/crypto/bitcoin/bitcoin.utils.ts
index 4cb2705f81e..e9e6b1ab914 100644
--- a/src/shared/crypto/bitcoin/bitcoin.utils.ts
+++ b/src/shared/crypto/bitcoin/bitcoin.utils.ts
@@ -120,7 +120,8 @@ function parseKnownPaymentType(payment: BtcSignerLibPaymentTypeIdentifers | Paym
 
 type PaymentTypeMap<T> = Record<PaymentTypes, T>;
 export function whenPaymentType(mode: PaymentTypes | BtcSignerLibPaymentTypeIdentifers) {
-  return <T>(paymentMap: PaymentTypeMap<T>): T => paymentMap[parseKnownPaymentType(mode)];
+  return <T extends unknown>(paymentMap: PaymentTypeMap<T>): T =>
+    paymentMap[parseKnownPaymentType(mode)];
 }
 
 function inferPaymentTypeFromPath(path: string): PaymentTypes {
diff --git a/src/shared/environment.ts b/src/shared/environment.ts
index e616ba71017..3ffc230a812 100644
--- a/src/shared/environment.ts
+++ b/src/shared/environment.ts
@@ -11,5 +11,6 @@ export const SENTRY_DSN = process.env.SENTRY_DSN ?? '';
 export const TRANSAK_API_KEY = process.env.TRANSAK_API_KEY ?? '';
 export const WALLET_ENVIRONMENT = process.env.WALLET_ENVIRONMENT ?? 'unknown';
 export const LEDGER_BITCOIN_ENABLED = process.env.LEDGER_BITCOIN_ENABLED === 'true';
+
 // ts-unused-exports:disable-next-line
 export const SWAP_ENABLED = process.env.SWAP_ENABLED === 'true';
diff --git a/src/shared/route-urls.ts b/src/shared/route-urls.ts
index 266fe6478c7..36e50fc005d 100644
--- a/src/shared/route-urls.ts
+++ b/src/shared/route-urls.ts
@@ -20,28 +20,28 @@ export enum RouteUrls {
   LedgerOutdatedAppWarning = 'outdated-app-warning',
   LedgerBroadcastError = 'transaction-broadcast-error',
   LedgerAddMoreKeys = 'add-more-keys',
+  ConnectLedgerStart = 'connect-ledger',
 
   // Active wallet routes
   Home = '/',
-  Activity = '/activity',
   AddNetwork = '/add-network',
   ChooseAccount = '/choose-account',
   Fund = '/fund',
-  FundReceive = '/fund/receive',
-  FundReceiveStx = '/fund/receive/stx',
-  FundReceiveBtc = '/fund/receive/btc',
   IncreaseStxFee = '/increase-fee/stx',
   IncreaseBtcFee = '/increase-fee/btc',
   IncreaseFeeSent = '/increase-fee/sent',
-  Receive = '/receive',
-  ReceiveCollectible = '/receive/collectible',
-  ReceiveCollectibleOrdinal = '/receive/collectible/ordinal',
-  ReceiveStx = '/receive/stx',
-  ReceiveBtc = '/receive/btc',
-  ReceiveBtcStamp = '/receive/btc-stamp',
   Send = '/send-transaction',
   ViewSecretKey = '/view-secret-key',
 
+  // nested routes must have relative paths
+  Activity = 'activity',
+  Receive = 'receive',
+  ReceiveStx = 'receive/stx',
+  ReceiveBtc = 'receive/btc',
+  ReceiveBtcStamp = 'receive/btc-stamp',
+  ReceiveCollectible = 'receive/collectible',
+  ReceiveCollectibleOrdinal = 'receive/collectible/ordinal',
+
   // Locked wallet route
   Unlock = '/unlock',
 
@@ -76,12 +76,12 @@ export enum RouteUrls {
   SentBrc20Summary = '/send/brc20/:ticker/summary',
 
   // Send ordinal inscriptions
-  SendOrdinalInscription = '/send/ordinal-inscription',
-  SendOrdinalInscriptionChooseFee = '/send/ordinal-inscription/choose-fee',
-  SendOrdinalInscriptionReview = '/send/ordinal-inscription/review',
-  SendOrdinalInscriptionSummary = '/send/ordinal-inscription/',
-  SendOrdinalInscriptionSent = '/send/ordinal-inscription/sent',
-  SendOrdinalInscriptionError = '/send/ordinal-inscription/error',
+  SendOrdinalInscription = 'send/ordinal-inscription',
+  SendOrdinalInscriptionChooseFee = 'send/ordinal-inscription/choose-fee',
+  SendOrdinalInscriptionReview = 'send/ordinal-inscription/review',
+  SendOrdinalInscriptionSummary = 'send/ordinal-inscription/',
+  SendOrdinalInscriptionSent = 'send/ordinal-inscription/sent',
+  SendOrdinalInscriptionError = 'send/ordinal-inscription/error',
 
   // Swap routes
   Swap = '/swap',
diff --git a/src/shared/utils.ts b/src/shared/utils.ts
index b237eb3f168..9df2aceaa8f 100644
--- a/src/shared/utils.ts
+++ b/src/shared/utils.ts
@@ -1,4 +1,5 @@
 import { NetworkModes } from './constants';
+import { logger } from './logger';
 
 export function isNumber(value: unknown): value is number {
   return typeof value === 'number';
@@ -57,3 +58,13 @@ export function isEmptyArray(data: unknown[]) {
 }
 
 export const defaultWalletKeyId = 'default' as const;
+
+export function closeWindow() {
+  if (process.env.DEBUG_PREVENT_WINDOW_CLOSE === 'true') {
+    logger.warn('Prevented window close with flag DEBUG_PREVENT_WINDOW_CLOSE');
+    return;
+  }
+  // We prevent `window.close()` directly as to allow for debugging helper
+  // eslint-disable-next-line no-restricted-properties
+  window.close();
+}
diff --git a/tests/mocks/constants.ts b/tests/mocks/constants.ts
index ccc643142b8..33e54caa084 100644
--- a/tests/mocks/constants.ts
+++ b/tests/mocks/constants.ts
@@ -18,3 +18,10 @@ export const TEST_ACCOUNT_3_PUBKEY =
 export const TEST_BNS_NAME = 'test-hiro-wallet.btc';
 export const TEST_BNS_RESOLVED_ADDRESS = 'SP12YQ0M2KFT7YMJKVGP71B874YF055F77PFPH9KM';
 export const TEST_PASSWORD = 'my_s3cret_p@ssw0r4';
+
+export const TEST_BITCOIN_CONTRACT_ATTESTOR_URLS =
+  '["https://devnet.dlc.link/attestor-2","https://devnet.dlc.link/attestor-1","https://devnet.dlc.link/attestor-3"]';
+export const TEST_BITCOIN_CONTRACT_OFFER =
+  '{"protocolVersion":1,"contractFlags":0,"chainHash":"06226e46111a0b59caaf126043eb5bbf28c34f3a5e332a1fc7b2b73cf188910f","temporaryContractId":"7d23eb68507db7cdf1c503674ec9608544f0c2b441898a9fb3f833f81aab83c5","contractInfo":{"singleContractInfo":{"totalCollateral":10000,"contractInfo":{"contractDescriptor":{"numericOutcomeContractDescriptor":{"numDigits":14,"payoutFunction":{"payoutFunctionPieces":[{"endPoint":{"eventOutcome":0,"outcomePayout":0,"extraPrecision":0},"payoutCurvePiece":{"polynomialPayoutCurvePiece":{"payoutPoints":[]}}},{"endPoint":{"eventOutcome":100,"outcomePayout":10000,"extraPrecision":0},"payoutCurvePiece":{"polynomialPayoutCurvePiece":{"payoutPoints":[]}}}],"lastEndpoint":{"eventOutcome":16383,"outcomePayout":10000,"extraPrecision":0}},"roundingIntervals":{"intervals":[{"beginInterval":0,"roundingMod":1}]}}},"oracleInfo":{"multi":{"threshold":3,"oracleAnnouncements":[{"announcementSignature":"a52182d8142248567695a899d8584aaa8f56763bc3a9adcaf214c3d66b46436cfe09b71631fc66b9790365f25ec10104ef6369a9ea40e657cdb8523cc07d99fd","oraclePublicKey":"eaa01780f06a026622ece8b740cde318f814b2d314412e68c68dd4023c68052a","oracleEvent":{"oracleNonces":["4c26c2997dece716ee9538fb318461c9cc1b9f7c2bb6d15596c304899b6ba8cc","127d5d0466b2e73c6733555856cfd19536d49bad49ad7fad4daf20bacb8ae6e1","865be7f5ce2467df976449c2008325fd677d0b6ba889d27c595a4880fe1d1e3f","423e34b5d5820637461b23a5b5360bee70229dd5e49f8a8f7ab5440e00281db4","bcfcc20020fb2ef47baeaeb0ae9170e33faa40b590b7f61983df3cf12b0c5820","0e3d57bbc65ac1743230243c4ca8e2ead8c56c57744d560a34fba7a672b38b1c","4383810a0af8f907f95e90843b9a1057a158be4c20fb0252444728c8d9ae0717","b7681bc3135b12000f3abc184dcf9174d1835afbd68ed2774a5b4ee821141e13","f1e5365c160644004281de68fcd5f3ade50666016adb91cf620dcc960ed9f1b8","76485b44b2a82fb5fc97b665d7774026fc82dc06a20267df9e8b28cc1f5976c2","51bd2643b4ce77b23294d8a2fa62edf0f1d047ffc746d6357c8434fc18dbbd89","3919d344ef2e6448741b92e42e10ff13b43cce4537021fa85859dab6b785ef7f","05c68ea49ffa56b161e37fd7166f0de67ed3c62133ef61dbb4c1f82fb2e9e4e8","2e90ff8cd98effc308edf795a16360b523d45caa375b03b24f07e6a5b6350e33"],"eventMaturityEpoch":1705500842,"eventDescriptor":{"digitDecompositionEvent":{"base":2,"isSigned":false,"unit":"BTCUSD","precision":0,"nbDigits":14}},"eventId":"0x7212ba13ef9c5af579b6256e5ae0e6a053c67fb3df277d71d3e0677895f0629a"}},{"announcementSignature":"1b459c1267773970f80a30b81cd373f74564418d96fb71b5cb51b1ae8a7cf2cfd7fa74fdef4f1f0923028725563ccd062cc2fab277317e8210f975cf2490d001","oraclePublicKey":"eb7abed009f648192c363541263e7e8a8bdc1a56de39b33ff8fac8baab42275e","oracleEvent":{"oracleNonces":["ef17d7f0b047468241e01c58cbc44faccbbaadec44d113d37e98eb84e1eb5835","5eddd819f1eaaacb8a466fa52ae12f58effcba5e035959e70c559553f2392d17","3911c8c4ca6c42758c4b99922bf17a1bfd51f35b1a1f8b1c5b92d79b935a649e","89debc75335ca39d9b197ee77d74fc6498eca7fd8de29bc7e472ecfc1abb61c3","7a82ffe029e687d1f17bb2f1ff3e7498c3f3a49249309af3145756c3c6b52369","b5b8c1114297533ff92cdbb390b0ba6df5d6fe56da30b8677a3de1aebe1951cf","64726acc81b498f746f51a751177ee102138ab1264da7eace3fd774095e4b9a8","0ca0b6689b5798645bd309116500e2933e02110ab890d7c05fbc28aad0098e82","93d9ed9ba6e857dc821f897ec023a723690e98571dfcef962530717d0d984b92","f01ba826a84051ddcb456d44616c496123174efe95a9aade32b554300c19018e","b086fadb7ff7900123808a128afb8cd68eca3a2870ede9d48108af21f5333c2d","9a86c4209d574719f5450fedb205b27c2bcb2cd9f5981b756b33d53e6bd2a23f","ab79809d3d0325f220330de0cd0ea2dac62c55a3557bdf08abf442565c8d915a","3b90cc64a0f93317d659a68f8d144d757a779899df8dc211dd8d75fe6ab9c491"],"eventMaturityEpoch":1705500845,"eventDescriptor":{"digitDecompositionEvent":{"base":2,"isSigned":false,"unit":"BTCUSD","precision":0,"nbDigits":14}},"eventId":"0x7212ba13ef9c5af579b6256e5ae0e6a053c67fb3df277d71d3e0677895f0629a"}},{"announcementSignature":"35daa249c918e91a403ed373d4e786b021b328344ce1a99ca96f715ad565f31a83410585beaff7eb055bc99b3d24256a10ee7a0aa1edd719635043d25babd1ae","oraclePublicKey":"b7a66e9349350752703bbd779e1711beab6f67bf6f1a1c683e6621511b4aa7b7","oracleEvent":{"oracleNonces":["1e460e68ff0c296d12c12fba1172eb58680419b13a6ce939ad898004d40269c9","daf7f86bc906b39ef22aaaec8a6d40198b9d921882d731a67c55bad542c04fec","404dfee3cc69c9c800c2bd961207e09f2af70b38b82618393bce072677bf3841","9e57fc54b008297658f186148a8ff98f5f1faa2890cb68078a3d6fd7d4041c77","62aa2795bc81058d9de470167ce8d2425387f9d46a7efb0682502bbaec80dfc9","b2e8f595234cdcc45fb541c2a4e0c6e9ab21b49fcca91cd2624df31e4942b208","3aab86f7a26b71da2901d33095a68fa9f0e702e250a5915c34c2d0ae21232e7f","aeb01b2f537476454b80fa72781cbceb90710fd76d66d3e81270caa59c3670ae","87aa070a1e9dfa6a34476498acef34acf04b57de468400b4fd45b27721d48f86","5d4a961a38b9afe30bd1a25782bc3bbf4b072aa22d05272ebd0a94fc1a21cb09","4b7fbf2a0c85ccf8a806bb926c5b38aede95204cc9cf37a58a750a5a3779a5cf","da8305bfc28991a5c849c92fd9a086a90f143db9a6515f808e6022071f25a620","f385b0645223da47950e3501ae2bc7b63d96f1c926c55c9e8b4dce294679f2dc","8b744b07b5253ef4f06afa2c37d2c6cba382556122b6ed6dc6850c3a88bdad2e"],"eventMaturityEpoch":1705500844,"eventDescriptor":{"digitDecompositionEvent":{"base":2,"isSigned":false,"unit":"BTCUSD","precision":0,"nbDigits":14}},"eventId":"0x7212ba13ef9c5af579b6256e5ae0e6a053c67fb3df277d71d3e0677895f0629a"}}],"oracleParams":null}}}}},"fundingPubkey":"0244f854a8e35e6c15db085acca64d281a00449de20a391ffaa453653789ded41c","payoutSpk":"0014bc6eff91661193a5645006ec2f7172d224309825","payoutSerialId":7642446663264477000,"offerCollateral":0,"fundingInputs":[],"changeSpk":"0014bc6eff91661193a5645006ec2f7172d224309825","changeSerialId":3518700527019011000,"fundOutputSerialId":9975383107517720000,"feeRatePerVb":400,"cetLocktime":1697552870,"refundLocktime":1706105645}';
+export const TEST_BITCOIN_CONTRACT_COUNTERPARTYWALLETDETAILS =
+  '{"counterpartyWalletURL":"https://testnet.dlc.link/eth-wallet","counterpartyWalletName":"DLC.Link","counterpartyWalletIcon":"https://dlc-public-assets.s3.amazonaws.com/DLC.Link_logo_icon_color.svg"}';
diff --git a/tests/selectors/bitcoin-contract-request.selectors.ts b/tests/selectors/bitcoin-contract-request.selectors.ts
new file mode 100644
index 00000000000..8facc36df83
--- /dev/null
+++ b/tests/selectors/bitcoin-contract-request.selectors.ts
@@ -0,0 +1,8 @@
+export enum BitcoinContractRequestSelectors {
+  BitcoinContractOfferorText = 'bitcoin-contract-offeror-text',
+  BitcoinContractWarningLabel = 'bitcoin-contract-warning-label',
+  BitcoinContractLockAmount = 'bitcoin-contract-lock-amount',
+  BitcoinContractExpirationDate = 'bitcoin-contract-expiration-date',
+  BitcoinContractAcceptButton = 'bitcoin-contract-accept-button',
+  BitcoinContractRejectButton = 'bitcoin-contract-reject-button',
+}
diff --git a/tests/specs/bitcoin-contract-offer-accept/bitcoin-contract-offer-accept.spec.ts b/tests/specs/bitcoin-contract-offer-accept/bitcoin-contract-offer-accept.spec.ts
new file mode 100644
index 00000000000..21e168cb6ca
--- /dev/null
+++ b/tests/specs/bitcoin-contract-offer-accept/bitcoin-contract-offer-accept.spec.ts
@@ -0,0 +1,121 @@
+import { BrowserContext, Page } from '@playwright/test';
+import {
+  TEST_BITCOIN_CONTRACT_ATTESTOR_URLS,
+  TEST_BITCOIN_CONTRACT_COUNTERPARTYWALLETDETAILS,
+  TEST_BITCOIN_CONTRACT_OFFER,
+} from '@tests/mocks/constants';
+import { BitcoinContractRequestSelectors } from '@tests/selectors/bitcoin-contract-request.selectors';
+import { SettingsSelectors } from '@tests/selectors/settings.selectors';
+
+import { test } from '../../fixtures/fixtures';
+
+const requestParams = {
+  bitcoinContractOffer: TEST_BITCOIN_CONTRACT_OFFER,
+  attestorURLs: TEST_BITCOIN_CONTRACT_ATTESTOR_URLS,
+  counterpartyWalletDetails: TEST_BITCOIN_CONTRACT_COUNTERPARTYWALLETDETAILS,
+};
+
+test.describe('Bitcoin Contract Request Test', () => {
+  test.beforeEach(async ({ extensionId, globalPage, onboardingPage, homePage, page }) => {
+    await globalPage.setupAndUseApiCalls(extensionId);
+    await onboardingPage.signInWithTestAccount(extensionId);
+    await homePage.clickSettingsButton();
+    await page.getByTestId(SettingsSelectors.ChangeNetworkAction).click();
+    await page.locator(`text="Testnet"`).click();
+    await page.goto('https://leather.io');
+    await page.waitForLoadState('networkidle');
+  });
+
+  function initiateOfferRequest(page: Page) {
+    return async (requestParams: {
+      bitcoinContractOffer: string;
+      attestorURLs: string;
+      counterpartyWalletDetails: string;
+    }) =>
+      page.evaluate(
+        async params =>
+          (window as any).HiroWalletProvider.request('acceptBitcoinContractOffer', params).catch(
+            (e: unknown) => e
+          ),
+        requestParams
+      );
+  }
+
+  async function clickReject(context: BrowserContext) {
+    const popup = await context.waitForEvent('page');
+    await popup.waitForTimeout(500);
+
+    const rejectButton = popup.getByTestId(
+      BitcoinContractRequestSelectors.BitcoinContractRejectButton
+    );
+    await rejectButton.click();
+  }
+
+  test('that the bitcoin contract offer is properly displayed', async ({ page, context }) => {
+    const expectedOfferorName = 'DLC.Link';
+    const expectedLockAmount = '0.0001 BTC';
+    const expectedExpirationDate = '10/17/2023';
+
+    initiateOfferRequest(page)(requestParams);
+
+    const popup = await context.waitForEvent('page');
+
+    const offerorText = await popup
+      .getByTestId(BitcoinContractRequestSelectors.BitcoinContractOfferorText)
+      .innerText();
+    const warningLabel = popup.getByTestId(
+      BitcoinContractRequestSelectors.BitcoinContractWarningLabel
+    );
+    const isWarningLabelVisible = await warningLabel.isVisible();
+    const lockAmount = await popup
+      .getByTestId(BitcoinContractRequestSelectors.BitcoinContractLockAmount)
+      .innerText();
+    const expirationDate = await popup
+      .getByTestId(BitcoinContractRequestSelectors.BitcoinContractExpirationDate)
+      .innerText();
+
+    test.expect(offerorText).toContain(expectedOfferorName);
+    test.expect(isWarningLabelVisible).toBeTruthy();
+    test.expect(lockAmount).toEqual(expectedLockAmount);
+    test.expect(expirationDate).toEqual(expectedExpirationDate);
+
+    await popup.close();
+  });
+
+  test('that user can reject a bitcoin contract offer', async ({ page, context }) => {
+    const [result] = await Promise.all([
+      initiateOfferRequest(page)(requestParams),
+      clickReject(context),
+    ]);
+
+    delete result.id;
+
+    test.expect(result).toEqual({
+      jsonrpc: '2.0',
+      error: {
+        code: 4001,
+        message: 'Bitcoin Contract offer was rejected',
+      },
+    });
+  });
+
+  test(`that user can't accept a bitcoin contract offer without sufficient bitcoin'`, async ({
+    page,
+    context,
+  }) => {
+    initiateOfferRequest(page)(requestParams);
+
+    const popup = await context.waitForEvent('page');
+    await popup.waitForTimeout(500);
+
+    const acceptButton = popup.getByTestId(
+      BitcoinContractRequestSelectors.BitcoinContractAcceptButton
+    );
+
+    const isAcceptButtonDisabled = await acceptButton.isDisabled();
+
+    test.expect(isAcceptButtonDisabled).toBeTruthy();
+
+    await popup.close();
+  });
+});
diff --git a/theme/semantic-tokens.ts b/theme/semantic-tokens.ts
index cad026eb629..2636852533e 100644
--- a/theme/semantic-tokens.ts
+++ b/theme/semantic-tokens.ts
@@ -76,7 +76,7 @@ export const semanticTokens = defineSemanticTokens({
         value: { base: '{colors.yellow.100}', _dark: '{colors.yellow.100}' },
       },
       'notification-text': {
-        value: { base: '{colors.lightModeBrown.12}', _dark: '{colors.lightModeBrown.12}' },
+        value: { base: '{colors.lightModeBrown.12}', _dark: '{colors.darkModeBrown.12}' },
       },
     },
     error: {
diff --git a/yarn.lock b/yarn.lock
index 576f89cb383..34f11ceb63f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -629,13 +629,20 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.16.7", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.6", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.10", "@babel/runtime@^7.22.11", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.7", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.6", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.10", "@babel/runtime@^7.22.11", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.23.1"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.1.tgz#72741dc4d413338a91dcb044a86f3c0bc402646d"
   integrity sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.13.10":
+  version "7.23.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.2.tgz#062b0ac103261d68a966c4c7baf2ae3e62ec3885"
+  integrity sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
@@ -1650,9 +1657,9 @@
     "@floating-ui/dom" "^1.5.1"
 
 "@floating-ui/utils@^0.1.3":
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.4.tgz#19654d1026cc410975d46445180e70a5089b3e7d"
-  integrity sha512-qprfWkn82Iw821mcKofJ5Pk9wgioHicxcQMxx+5zt5GSKoqdWvgG5AxVmpmUUjzTLPVSH5auBrhI93Deayn/DA==
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.6.tgz#22958c042e10b67463997bd6ea7115fe28cbcaf9"
+  integrity sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==
 
 "@fluent/syntax@0.19.0":
   version "0.19.0"
@@ -2028,32 +2035,32 @@
   dependencies:
     "@octokit/openapi-types" "^19.0.0"
 
-"@pandacss/config@0.15.4", "@pandacss/config@^0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/config/-/config-0.15.4.tgz#3300288a182e02d5f6e1f2907948b396f62b760f"
-  integrity sha512-YNNXoGwQggd4LFSP3TdyNyjnH8Vfis3Ip7E+o1MdeuNqiFZRedWmCTynBYDxGRsanO2h9nFGuUMuhG2IbSqOVg==
+"@pandacss/config@0.16.0", "@pandacss/config@^0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/config/-/config-0.16.0.tgz#617083d8f870a0fa295dc6404044824bd74d0b3f"
+  integrity sha512-Be610sA7/UsOyCFgLQDzkjhhPqkTyPtky6fc1UKEyCnE6IXEeSeIJ55XzM30GpF38NcrqBX29ncfIYZLHMXGiA==
   dependencies:
-    "@pandacss/error" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/preset-base" "0.15.4"
-    "@pandacss/preset-panda" "0.15.4"
-    "@pandacss/types" "0.15.4"
+    "@pandacss/error" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/preset-base" "0.16.0"
+    "@pandacss/preset-panda" "0.16.0"
+    "@pandacss/types" "0.16.0"
     bundle-n-require "^1.0.1"
     escalade "3.1.1"
     jiti "^1.19.1"
     merge-anything "^5.1.7"
     typescript "^5.2.2"
 
-"@pandacss/core@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/core/-/core-0.15.4.tgz#3761e3ddc48425aafd91db57bbe54914d6501459"
-  integrity sha512-LkGgNngMs3LrotzdvhUlmjy4T5pHn9uE1waApT+OfxDsPJcq9W4T/TilRAI5KXxwZGCPt3HcG3grZEQj+iz9mQ==
+"@pandacss/core@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/core/-/core-0.16.0.tgz#1a685e6999793f34bfb42da30ac83ec50838244a"
+  integrity sha512-eILsUAQ1LTjwlPpb0+xK5/wbDBW2Jk+qvqY9awV8zA5tXUV43cLMj9wEnU05lB3ZWEL6pkEQEk1dQi9/zjp7vg==
   dependencies:
-    "@pandacss/error" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/token-dictionary" "0.15.4"
-    "@pandacss/types" "0.15.4"
+    "@pandacss/error" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/token-dictionary" "0.16.0"
+    "@pandacss/types" "0.16.0"
     autoprefixer "10.4.15"
     hookable "5.5.3"
     lodash.merge "4.6.2"
@@ -2067,52 +2074,52 @@
     postcss-selector-parser "^6.0.13"
     ts-pattern "5.0.5"
 
-"@pandacss/dev@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/dev/-/dev-0.15.4.tgz#ab30e7f579e71391d851832d6726ac799c35cf60"
-  integrity sha512-4rEYnvyl4ITojpzJUZRFEv1mUZqlDaMaAUHvtvpjwSQyK2Z2dNFyHDkznzJ3lRKSbm4DGbUhc82+2VSjzpuKIg==
+"@pandacss/dev@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/dev/-/dev-0.16.0.tgz#d95a9c93c37aa72fa19981f234536abe6914502a"
+  integrity sha512-LCDLM9zlq61NPAPeD14qk9ri3flUJY8WyihTPyFb93C5tkYTQY+l7xk1NyrtBwEc48/5NDg17wNPeCgv6KvSVQ==
   dependencies:
     "@clack/prompts" "^0.6.3"
-    "@pandacss/config" "0.15.4"
-    "@pandacss/error" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/node" "0.15.4"
-    "@pandacss/postcss" "0.15.4"
-    "@pandacss/preset-panda" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/studio" "0.15.4"
-    "@pandacss/token-dictionary" "0.15.4"
-    "@pandacss/types" "0.15.4"
+    "@pandacss/config" "0.16.0"
+    "@pandacss/error" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/node" "0.16.0"
+    "@pandacss/postcss" "0.16.0"
+    "@pandacss/preset-panda" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/studio" "0.16.0"
+    "@pandacss/token-dictionary" "0.16.0"
+    "@pandacss/types" "0.16.0"
     cac "6.7.14"
     pathe "1.1.1"
     perfect-debounce "^1.0.0"
 
-"@pandacss/error@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/error/-/error-0.15.4.tgz#a8646aa34ff868269407d8079a4ac73509af81eb"
-  integrity sha512-P83ikz9hmk4pOeWzrPeG//vV7tPeP0xJLjx/hJYAIX17xgso5UGoiRTjmKKdFoU4u7DwPXUX0r1nJ7K1gKhbyw==
+"@pandacss/error@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/error/-/error-0.16.0.tgz#41eae40f919dd10c6cea4e53ebc90ee83b77b29b"
+  integrity sha512-Nj/WNREKELsv4CoexswacWsz1hSwH70kErgGnsprR6DVPje+wKQKoF3YMhW0NdKqscKO0I7wHa501z9JBnOx9Q==
 
-"@pandacss/extractor@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/extractor/-/extractor-0.15.4.tgz#f4a46801973421ccbcb47ef1f3d4347984fcd22e"
-  integrity sha512-g02WCselnex7c3g70zJ0zMUihzeopDwpZFATUklSu8jILxRmZmI5n4iSZ5dmrXxqFafWJdOSXRRSnPpZDstyzg==
+"@pandacss/extractor@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/extractor/-/extractor-0.16.0.tgz#816badc65e4f0563472d177245de730567a63943"
+  integrity sha512-WXDHNhjNqjzCEGVjcsy3/T8i+mJ50XWwXAE+2gJ5UEvtMw5ghFEnLbrBsxGfnRF6GCkwoERJzDI5APCgHZUD5Q==
   dependencies:
     lil-fp "1.4.5"
     ts-evaluator "^1.1.0"
     ts-morph "19.0.0"
     ts-pattern "5.0.5"
 
-"@pandacss/generator@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/generator/-/generator-0.15.4.tgz#48d7cbb110feed77825da050ccc5864a5221a31b"
-  integrity sha512-zhsMCVLQPGZj9uI3p8puTpcL0+w4SOSDxFutSzbPu0FVQend6hUjFb634ntnntuKkXBGV+G6MNYIq1RwKY9tew==
-  dependencies:
-    "@pandacss/core" "0.15.4"
-    "@pandacss/is-valid-prop" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/token-dictionary" "0.15.4"
-    "@pandacss/types" "0.15.4"
+"@pandacss/generator@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/generator/-/generator-0.16.0.tgz#0c72527bea76cbc446b24308de7ae2c4a0183145"
+  integrity sha512-bEtVvbtR3DFzwO6sWSG53Sb72TX+4OQrXJoJtoHly9+YlYKpas0hPkQtuh7M712p3gJyYBXfPCm81Pvg5uzvaw==
+  dependencies:
+    "@pandacss/core" "0.16.0"
+    "@pandacss/is-valid-prop" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/token-dictionary" "0.16.0"
+    "@pandacss/types" "0.16.0"
     javascript-stringify "2.1.0"
     lil-fp "1.4.5"
     outdent " ^0.8.0"
@@ -2120,35 +2127,35 @@
     postcss "8.4.27"
     ts-pattern "5.0.5"
 
-"@pandacss/is-valid-prop@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/is-valid-prop/-/is-valid-prop-0.15.4.tgz#81f2aa52c4b2c3c02a8626daf194d5e16c5cf4ff"
-  integrity sha512-aqs4YjmwR0ATDlJ/l8cv3RYPdo3XTUSs425BcR5/UiqV0axCKsVs+qsMPGKl04yuD8CXMsYY1jFcUWgTKeZshg==
+"@pandacss/is-valid-prop@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/is-valid-prop/-/is-valid-prop-0.16.0.tgz#151fcd29dcfde6f992c9144ed7c4a67e89b6b9ef"
+  integrity sha512-r9vNdupeQNbXnHiCNw96Aj8sMBRhEEzWlubKChSl0oziT3VfccAGR++7pAgsHA6l/UPjs2aLzhUw225sHHIgFg==
 
-"@pandacss/logger@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/logger/-/logger-0.15.4.tgz#8f75e16a4aeb395c23de6d34e0792c7484639e7d"
-  integrity sha512-eqSIIf2lUiJTo/Aqv5Pc/Jg6XHScLqp4lYWzAcgo/gwATGd7ELp7JhvVxjI1CLbEyqOcN/IbkmTW7zKltKaZPg==
+"@pandacss/logger@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/logger/-/logger-0.16.0.tgz#c58c30e6530cdcce7dbbeb111314c15cdcb6fedc"
+  integrity sha512-PfDRSsnFAH4qjZGOQuySpdiQu1vgoVIPEEG9B0HXWkcm4bWEsFC+N4DgO3m/OMDCEL7SkYvOPFpblAz/TwRYTw==
   dependencies:
     kleur "^4.1.5"
     lil-fp "1.4.5"
 
-"@pandacss/node@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/node/-/node-0.15.4.tgz#cbfb92e54b563e915ab3e7c3e925ed2e95048dfe"
-  integrity sha512-gTOXrTnJR/tiNep2XxIPW2JLMOPrmjmr64W40i6J6Cx//3iRbQpnh9oyT/tpw8Cu7MQBh0/MWwk8bWi+7mOvCQ==
-  dependencies:
-    "@pandacss/config" "0.15.4"
-    "@pandacss/core" "0.15.4"
-    "@pandacss/error" "0.15.4"
-    "@pandacss/extractor" "0.15.4"
-    "@pandacss/generator" "0.15.4"
-    "@pandacss/is-valid-prop" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/parser" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/token-dictionary" "0.15.4"
-    "@pandacss/types" "0.15.4"
+"@pandacss/node@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/node/-/node-0.16.0.tgz#534ed9a1b367fb9c8d9c149426ab7c0fd6493b78"
+  integrity sha512-pqTDEvg9fS8ixynx6evplBYUI96Z4gfI8fQMgg1MjVxS0GzuzGaMdMu1664bT8/oSvAwe3ttx3ztBFubXUqUxA==
+  dependencies:
+    "@pandacss/config" "0.16.0"
+    "@pandacss/core" "0.16.0"
+    "@pandacss/error" "0.16.0"
+    "@pandacss/extractor" "0.16.0"
+    "@pandacss/generator" "0.16.0"
+    "@pandacss/is-valid-prop" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/parser" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/token-dictionary" "0.16.0"
+    "@pandacss/types" "0.16.0"
     chokidar "^3.5.3"
     fast-glob "^3.3.1"
     file-size "^1.0.0"
@@ -2170,82 +2177,82 @@
     ts-pattern "5.0.5"
     tsconfck "^2.1.2"
 
-"@pandacss/parser@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/parser/-/parser-0.15.4.tgz#c50d523882b3e05338d9b9fdcba10bf226f4203d"
-  integrity sha512-fTa67aTdbmhwVtJ2QAhmsWuH21ezcsNXBqaVQLkFKeRN5x1hlUqmaXXHTzq4FwsfoZz+UbaOnCc2Ahsi2n/rMw==
-  dependencies:
-    "@pandacss/config" "^0.15.4"
-    "@pandacss/extractor" "0.15.4"
-    "@pandacss/is-valid-prop" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/types" "0.15.4"
+"@pandacss/parser@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/parser/-/parser-0.16.0.tgz#88b7691edacdd728518d513cfa3d9bc80448f999"
+  integrity sha512-ldM7qUAVJt7AENwPYVtG252x6FWwhcYPRGYLRJAX6dMRC0Zkypnq3q5rkYuPYfvaueJsBfQTI9hlwZCoU+QCZA==
+  dependencies:
+    "@pandacss/config" "^0.16.0"
+    "@pandacss/extractor" "0.16.0"
+    "@pandacss/is-valid-prop" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/types" "0.16.0"
     "@vue/compiler-sfc" "^3.3.4"
     lil-fp "1.4.5"
     magic-string "^0.30.2"
     ts-morph "19.0.0"
     ts-pattern "5.0.5"
 
-"@pandacss/postcss@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/postcss/-/postcss-0.15.4.tgz#ce0f8d1dc94b3cab34122864fa9665ad4859619b"
-  integrity sha512-EZoXB+YNCxnIhPqxPcdJodzhhsvQukrUySZAjAAmyVArOmKZGW6V5aiGSLGb4jQlK2sjnRrW7lyVGSDou4qbvQ==
+"@pandacss/postcss@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/postcss/-/postcss-0.16.0.tgz#58be06c776a01b226b92c31caa268d218a99ce47"
+  integrity sha512-diY9dMD4LcL9VnUJJr7Odb+d/8MN2UDeiTquZCkE2hfRcAFjasUikv81KrofzKYHayBaYKQN9dT2Xbh+cVCE3w==
   dependencies:
-    "@pandacss/node" "0.15.4"
+    "@pandacss/node" "0.16.0"
     postcss "^8.4.27"
 
-"@pandacss/preset-base@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/preset-base/-/preset-base-0.15.4.tgz#a6a395fe0737061dbd1358a17beb6003e6c61e0f"
-  integrity sha512-LusGmKgEX8jjWhi4iXM5qJPcrb1hqhIIsIYhvj/Sf6m3ntExJedJGJvPWEHbbb8rviKnPWPzg9KGOT5cgGnIIA==
+"@pandacss/preset-base@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/preset-base/-/preset-base-0.16.0.tgz#224893107ca79fd2c236d19e19ace7fdb9d01592"
+  integrity sha512-NgWKha0eHzTUF8P1+g4XayTI7vDEESNHRl9NxFEJYZaF4wlC6hJfd8aXnRTmm6dK7qFIOwmRokss5WfN3tpSXw==
   dependencies:
-    "@pandacss/types" "0.15.4"
+    "@pandacss/types" "0.16.0"
 
-"@pandacss/preset-panda@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/preset-panda/-/preset-panda-0.15.4.tgz#e5da2296f9787f6dc11695a05348bee2aae5ac90"
-  integrity sha512-VMYlzBp4YcrM9w5mncEDOgJCGJv5lfzxw4GIbpgWXhs5URSX0iLgXT8ar8djdXPX2TbFmR87IX2A11ipLNdhAg==
+"@pandacss/preset-panda@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/preset-panda/-/preset-panda-0.16.0.tgz#c6e650951f3c6a6f3feec3f8da64ce647176d324"
+  integrity sha512-rxgChw/8m7vEE+ffoRs72JE20XKtV7Bv+ANmtQnYM0lw0hRzj37ZBO7Rq5Of6J7cFalgXfWSj1FChinlsk0uSA==
   dependencies:
-    "@pandacss/types" "0.15.4"
+    "@pandacss/types" "0.16.0"
 
-"@pandacss/shared@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/shared/-/shared-0.15.4.tgz#e67be7b6920fe2de6b97ea3b1b3f658f8ab20afd"
-  integrity sha512-uG2JEf+8ftO190lHeZXkzTVklFX+kmFK6f7gS0JmMsBbHCRaL6J80RdMyd8p9crxxTJhsCqE3uEQEFtyLXfJVA==
+"@pandacss/shared@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/shared/-/shared-0.16.0.tgz#4f0b629bb4495430f525e9217f265a0b6a8a1147"
+  integrity sha512-kWqAzEDVIJ2KjizJMLoDQqU21y0pyOVF3zWfxfrzwrG7Y0BzHrm/9Rk0rSoI3+33z0GqFc4/UMbKuFI1qIl4Wg==
 
-"@pandacss/studio@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/studio/-/studio-0.15.4.tgz#942ea6b89f3ba916cdb25288fce90d244d41e14e"
-  integrity sha512-W8fHmfC13ZDCTHBVIJ5WqkT7mj37wp5GRXsdJ3ZwhLF4NYhPTJP3ovPLehVbdpoKubj0tDRUVrv5ky8MobxH/w==
+"@pandacss/studio@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/studio/-/studio-0.16.0.tgz#f2a1e50f74bfcc42816dfff75982569ce4ba0267"
+  integrity sha512-XadiHCXDCzkfGvnY64SEgcEBPW9x3FHsyI/0XMFzr0t1vZ4MRszQ6szMb0lb60PzSKuNI0VNlcbHelsHHOwcrw==
   dependencies:
     "@ark-ui/react" "0.9.0"
     "@astrojs/react" "2.2.1"
-    "@pandacss/config" "0.15.4"
-    "@pandacss/logger" "0.15.4"
-    "@pandacss/node" "0.15.4"
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/token-dictionary" "0.15.4"
-    "@pandacss/types" "0.15.4"
+    "@pandacss/config" "0.16.0"
+    "@pandacss/logger" "0.16.0"
+    "@pandacss/node" "0.16.0"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/token-dictionary" "0.16.0"
+    "@pandacss/types" "0.16.0"
     astro "2.9.6"
     javascript-stringify "2.1.0"
     react "18.2.0"
     react-dom "18.2.0"
-    vite "4.4.9"
+    vite "4.4.11"
 
-"@pandacss/token-dictionary@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/token-dictionary/-/token-dictionary-0.15.4.tgz#003ad377a1e259173de186ad006d6452cb62cd0a"
-  integrity sha512-a0vvF/nJeEElzf6jIaZ+VkKTZakpt4xwMRKjNWojv2YoOz0m8meJ9rwhiHz0I/8yLICTmNXNWoj2Z/JTy1PD4g==
+"@pandacss/token-dictionary@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/token-dictionary/-/token-dictionary-0.16.0.tgz#404e0b59c536d492535ca7b18fc3115c49f187c1"
+  integrity sha512-nEYi0k8TFaG+mNTmaeMHYEOaf4X/cUTDw2QL7Y0Wey6jQKwqa5yzikKuUBu03B6r8evbUuZQNfQ81ZD9p+jdyg==
   dependencies:
-    "@pandacss/shared" "0.15.4"
-    "@pandacss/types" "0.15.4"
+    "@pandacss/shared" "0.16.0"
+    "@pandacss/types" "0.16.0"
     ts-pattern "5.0.5"
 
-"@pandacss/types@0.15.4":
-  version "0.15.4"
-  resolved "https://registry.yarnpkg.com/@pandacss/types/-/types-0.15.4.tgz#26ee315b38aae0c6aaea21c0948ac3d181e2c4e7"
-  integrity sha512-oFJpM+FwA19Ts+U+2Rta4V0oB4urXBgkfGR/RRRguuxeOf5V+1AK/zi8fyAEXxux1GZkTxypStcD5AcCS1z6+Q==
+"@pandacss/types@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@pandacss/types/-/types-0.16.0.tgz#478c64aefc9444c373d1b11fc99434b263a9da8b"
+  integrity sha512-CjKLutg6Hb/lWSSm85fEGZmdlFJZtYjhJbHQ7Iiicb5V4KK3J6XbxHIghGpHhsoUR4OzGizmIK6/rc2ae+MVyA==
 
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
@@ -20046,7 +20053,18 @@ vite-node@0.34.6:
     picocolors "^1.0.0"
     vite "^3.0.0 || ^4.0.0 || ^5.0.0-0"
 
-vite@4.4.9, "vite@^3.0.0 || ^4.0.0 || ^5.0.0-0", "vite@^3.1.0 || ^4.0.0 || ^5.0.0-0", vite@^4.4.6:
+vite@4.4.11:
+  version "4.4.11"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.11.tgz#babdb055b08c69cfc4c468072a2e6c9ca62102b0"
+  integrity sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==
+  dependencies:
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+"vite@^3.0.0 || ^4.0.0 || ^5.0.0-0", "vite@^3.1.0 || ^4.0.0 || ^5.0.0-0", vite@^4.4.6:
   version "4.4.9"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.4.9.tgz#1402423f1a2f8d66fd8d15e351127c7236d29d3d"
   integrity sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==