

<!DOCTYPE html>

<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">

  <link rel="stylesheet" href="/assets/css/just-the-docs-default.css">

  <link rel="stylesheet" href="/assets/css/just-the-docs-head-nav.css" id="jtd-head-nav-stylesheet">

  <style id="jtd-nav-activation">
  
    .site-nav ul li a {
      background-image: none;
    }

  </style>

  

  
    <script src="/assets/js/vendor/lunr.min.js"></script>
  

  <script src="/assets/js/just-the-docs.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  

  <link rel="icon" href="/assets/images/brand/favicon.ico" type="image/x-icon">



  <!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Qwidgets Docs | How to use Qwidgets to plan, track, and manage your investments.</title>
<meta name="generator" content="Jekyll v3.10.0" />
<meta property="og:title" content="Qwidgets Docs" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="How to use Qwidgets to plan, track, and manage your investments." />
<meta property="og:description" content="How to use Qwidgets to plan, track, and manage your investments." />
<link rel="canonical" href="https://docs.qwidgets.com/assets/css/just-the-docs-head-nav.css" />
<meta property="og:url" content="https://docs.qwidgets.com/assets/css/just-the-docs-head-nav.css" />
<meta property="og:site_name" content="Qwidgets Docs" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Qwidgets Docs" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"How to use Qwidgets to plan, track, and manage your investments.","headline":"Qwidgets Docs","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://docs.qwidgets.com/assets/images/brand/logo.png"}},"url":"https://docs.qwidgets.com/assets/css/just-the-docs-head-nav.css"}</script>
<!-- End Jekyll SEO tag -->


  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<meta name="color-scheme" content="dark">

<script src="/assets/js/quiz.js" defer></script>


</head>

<body>
  <a class="skip-to-main" href="#main-content">Skip to main content</a>
  <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  <symbol id="svg-link" viewBox="0 0 24 24">
  <title>Link</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
  </svg>
</symbol>

  <symbol id="svg-menu" viewBox="0 0 24 24">
  <title>Menu</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
    <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
  </svg>
</symbol>

  <symbol id="svg-arrow-right" viewBox="0 0 24 24">
  <title>Expand</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
    <polyline points="9 18 15 12 9 6"></polyline>
  </svg>
</symbol>

  <!-- Feather. MIT License: https://github.com/feathericons/feather/blob/master/LICENSE -->
<symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link">
  <title id="svg-external-link-title">(external link)</title>
  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>
</symbol>

  
    <symbol id="svg-doc" viewBox="0 0 24 24">
  <title>Document</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
    <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
  </svg>
</symbol>

    <symbol id="svg-search" viewBox="0 0 24 24">
  <title>Search</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
    <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
  </svg>
</symbol>

  
  
    <!-- Bootstrap Icons. MIT License: https://github.com/twbs/icons/blob/main/LICENSE.md -->
<symbol id="svg-copy" viewBox="0 0 16 16">
  <title>Copy</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
  </svg>
</symbol>
<symbol id="svg-copied" viewBox="0 0 16 16">
  <title>Copied</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16">
    <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/>
  </svg>
</symbol>

  
</svg>

  
    <header class="side-bar">
  <div class="site-header">
    <a href="/" class="site-title lh-tight">
  <div class="site-logo" role="img" aria-label="Qwidgets Docs"></div>

</a>
    <button id="menu-button" class="site-button btn-reset" aria-label="Menu" aria-expanded="false">
      <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg>
    </button>
  </div>

  <nav aria-label="Main" id="site-nav" class="site-nav">
  
  
    <ul class="nav-list"><li class="nav-list-item"><a href="/" class="nav-list-link">Home</a></li><li class="nav-list-item"><a href="/getting-started/" class="nav-list-link">Getting Started</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Workspaces submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/workspaces/" class="nav-list-link">Workspaces</a><ul class="nav-list"><li class="nav-list-item"><a href="/workspaces/canvas/" class="nav-list-link">The canvas</a></li><li class="nav-list-item"><a href="/workspaces/composing/" class="nav-list-link">Composing widgets</a></li><li class="nav-list-item"><a href="/workspaces/saving/" class="nav-list-link">Saving</a></li><li class="nav-list-item"><a href="/workspaces/copying/" class="nav-list-link">Copying shared workspaces</a></li><li class="nav-list-item"><a href="/workspaces/sharing/" class="nav-list-link">Sharing by link</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Options submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/options/" class="nav-list-link">Options</a><ul class="nav-list"><li class="nav-list-item"><a href="/options/option-chain/" class="nav-list-link">Option chain</a></li><li class="nav-list-item"><a href="/options/trade-analysis/" class="nav-list-link">Trade analysis</a></li><li class="nav-list-item"><a href="/options/option-charting/" class="nav-list-link">Option charting</a></li><li class="nav-list-item"><a href="/options/book-management/" class="nav-list-link">Book management</a></li><li class="nav-list-item"><a href="/options/stress-testing/" class="nav-list-link">Stress testing</a></li><li class="nav-list-item"><a href="/options/option-search/" class="nav-list-link">Option search</a></li><li class="nav-list-item"><a href="/options/calendar-search/" class="nav-list-link">Calendar search</a></li><li class="nav-list-item"><a href="/options/trade-screener/" class="nav-list-link">Trade screener</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Equities submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/equities/" class="nav-list-link">Equities</a><ul class="nav-list"><li class="nav-list-item"><a href="/equities/stocks/" class="nav-list-link">Stocks and quotes</a></li><li class="nav-list-item"><a href="/equities/stock-screener/" class="nav-list-link">Stock screener</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Prediction markets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/prediction-markets/" class="nav-list-link">Prediction markets</a><ul class="nav-list"><li class="nav-list-item"><a href="/prediction-markets/events-and-markets/" class="nav-list-link">Events and markets</a></li><li class="nav-list-item"><a href="/prediction-markets/search/" class="nav-list-link">Prediction search</a></li><li class="nav-list-item"><a href="/prediction-markets/distribution-builder/" class="nav-list-link">Distribution builder</a></li></ul></li><li class="nav-list-item"><a href="/compute/" class="nav-list-link">AI compute</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Accounts and connections submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/accounts/" class="nav-list-link">Accounts and connections</a><ul class="nav-list"><li class="nav-list-item"><a href="/accounts/access/" class="nav-list-link">Access and sign-in</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Brokerage accounts submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/accounts/brokerage/" class="nav-list-link">Brokerage accounts</a><ul class="nav-list"><li class="nav-list-item"><a href="/accounts/brokerage/campaign-journal/" class="nav-list-link">Campaign Journal</a></li><li class="nav-list-item"><a href="/accounts/brokerage/performance/" class="nav-list-link">Performance</a></li><li class="nav-list-item"><a href="/accounts/brokerage/transactions/" class="nav-list-link">Transactions</a></li></ul></li><li class="nav-list-item"><a href="/accounts/kalshi/" class="nav-list-link">Kalshi account</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/" class="nav-list-link">Widgets</a><ul class="nav-list"><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Prediction Data widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/prediction-data/" class="nav-list-link">Prediction Data widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/event-contract-search/" class="nav-list-link">Prediction Search</a></li><li class="nav-list-item"><a href="/widgets/event-contract-event/" class="nav-list-link">Prediction Event</a></li><li class="nav-list-item"><a href="/widgets/event-contract-event-history/" class="nav-list-link">Prediction Event History</a></li><li class="nav-list-item"><a href="/widgets/event-contract-event-chart/" class="nav-list-link">Event Chart</a></li><li class="nav-list-item"><a href="/widgets/event-contract-market/" class="nav-list-link">Market Chart</a></li><li class="nav-list-item"><a href="/widgets/event-contract-market-candle/" class="nav-list-link">Prediction Market Candle</a></li><li class="nav-list-item"><a href="/widgets/event-contract-order-book/" class="nav-list-link">Prediction Order Book</a></li><li class="nav-list-item"><a href="/widgets/event-contract-related-events/" class="nav-list-link">Related Events</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Prediction Account widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/prediction-account/" class="nav-list-link">Prediction Account widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/event-contract-account/" class="nav-list-link">Prediction Account</a></li><li class="nav-list-item"><a href="/widgets/event-contract-portfolio/" class="nav-list-link">Prediction Portfolio</a></li><li class="nav-list-item"><a href="/widgets/event-contract-orders/" class="nav-list-link">Prediction Orders</a></li><li class="nav-list-item"><a href="/widgets/event-contract-order/" class="nav-list-link">Prediction Order</a></li><li class="nav-list-item"><a href="/widgets/event-contract-trade-ticket/" class="nav-list-link">Prediction Trade Ticket</a></li><li class="nav-list-item"><a href="/widgets/event-contract-settlements/" class="nav-list-link">Prediction Settlements</a></li><li class="nav-list-item"><a href="/widgets/event-contract-portfolio-optimizer/" class="nav-list-link">Prediction Distribution Builder</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Equities Data widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/equities-data/" class="nav-list-link">Equities Data widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/equity-stock/" class="nav-list-link">Stock</a></li><li class="nav-list-item"><a href="/widgets/equity-price-chart/" class="nav-list-link">Price Chart</a></li><li class="nav-list-item"><a href="/widgets/equity-option-chain/" class="nav-list-link">Option Chain</a></li><li class="nav-list-item"><a href="/widgets/equity-option-chart/" class="nav-list-link">Option Chart</a></li><li class="nav-list-item"><a href="/widgets/equity-trade-screener/" class="nav-list-link">Trade Screener</a></li><li class="nav-list-item"><a href="/widgets/equity-trade-analyzer/" class="nav-list-link">Trade Analysis</a></li><li class="nav-list-item"><a href="/widgets/equity-option/" class="nav-list-link">Option</a></li><li class="nav-list-item"><a href="/widgets/equity-watchlist/" class="nav-list-link">Watchlist</a></li><li class="nav-list-item"><a href="/widgets/equity-market-clock/" class="nav-list-link">Market Clock</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Equities Account widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/equities-account/" class="nav-list-link">Equities Account widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/equity-balance/" class="nav-list-link">Account Balance</a></li><li class="nav-list-item"><a href="/widgets/equity-positions/" class="nav-list-link">Portfolio</a></li><li class="nav-list-item"><a href="/widgets/equity-book/" class="nav-list-link">Book</a></li><li class="nav-list-item"><a href="/widgets/equity-orders/" class="nav-list-link">Orders</a></li><li class="nav-list-item"><a href="/widgets/equity-order/" class="nav-list-link">Order</a></li><li class="nav-list-item"><a href="/widgets/equity-trade-ticket/" class="nav-list-link">Trade Ticket</a></li><li class="nav-list-item"><a href="/widgets/equity-campaign-journal/" class="nav-list-link">Campaign Journal</a></li><li class="nav-list-item"><a href="/widgets/equity-performance/" class="nav-list-link">Performance</a></li><li class="nav-list-item"><a href="/widgets/equity-transactions/" class="nav-list-link">Transactions</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="News widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/news/" class="nav-list-link">News widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/link-list/" class="nav-list-link">Link List</a></li><li class="nav-list-item"><a href="/widgets/article/" class="nav-list-link">Article</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="AI widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/ai/" class="nav-list-link">AI widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/ai-prompt/" class="nav-list-link">AI Prompt</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Utilities widgets submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/widgets/groups/utilities/" class="nav-list-link">Utilities widgets</a><ul class="nav-list"><li class="nav-list-item"><a href="/widgets/note/" class="nav-list-link">Note</a></li><li class="nav-list-item"><a href="/widgets/markdown/" class="nav-list-link">Markdown</a></li><li class="nav-list-item"><a href="/widgets/countdown/" class="nav-list-link">Countdown</a></li><li class="nav-list-item"><a href="/widgets/time/" class="nav-list-link">Time</a></li></ul></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Explainers submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/explainers/" class="nav-list-link">Explainers</a><ul class="nav-list"><li class="nav-list-item"><a href="/explainers/price-paths/" class="nav-list-link">Price paths for multi-expiration books</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Tutorials submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/tutorials/" class="nav-list-link">Tutorials</a><ul class="nav-list"><li class="nav-list-item"><a href="/tutorials/stress-test-multi-expiration-book/" class="nav-list-link">Stress test a multi-expiration book</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Reference submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/reference/" class="nav-list-link">Reference</a><ul class="nav-list"><li class="nav-list-item"><a href="/reference/coverage/" class="nav-list-link">Coverage Matrix</a></li><li class="nav-list-item"><a href="/reference/glossary/" class="nav-list-link">Glossary</a></li><li class="nav-list-item"><a href="/reference/disclosures/" class="nav-list-link">Disclosures & Model Limits</a></li></ul></li></ul>
  <ul class="nav-list"></ul>
</nav>


<div class="d-md-block d-none site-footer">
  
  
    <div class="qw-nav-footer">
  <a href="https://predictions.qwidgets.com" class="btn btn-primary" target="_blank" rel="noopener">Open Qwidgets</a>
</div>

  
  </div>
</header>

  
  <div class="main" id="top">
    <div id="main-header" class="main-header">
  
    

<div class="search" role="search">
  <div class="search-input-wrap">
    <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search Qwidgets Docs" autocomplete="off">
    <label for="search-input" class="search-label">
      <span class="sr-only">Search Qwidgets Docs</span>
      <svg viewBox="0 0 24 24" class="search-icon" aria-hidden="true"><use xlink:href="#svg-search"></use></svg>
    </label>
  </div>
  <div id="search-results" class="search-results"></div>
</div>

  
  
  
</div>

    <div class="main-content-wrap">
      
      <div id="main-content" class="main-content">
        <main>
          
            

          

          
            
          
        </main>
        
<hr>
<footer>
  
    <p><a href="#top" id="back-to-top">Back to top</a></p>
  

  <p class="text-small mb-0">
  Qwidgets is free to use. Nothing here is investment advice; see
  <a href="/reference/disclosures/">Disclosures &amp; Model Limits</a>.
</p>


  <div class="d-md-none mt-4 fs-2">
    
    
      <div class="qw-nav-footer">
  <a href="https://predictions.qwidgets.com" class="btn btn-primary" target="_blank" rel="noopener">Open Qwidgets</a>
</div>

    
  </div>
</footer>

      </div>
    </div>
    
      

<div class="search-overlay"></div>

    
  </div>

  
    





<script type="module">
  
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11.4.1/dist/mermaid.esm.min.mjs';
  

  var config = {}
;
  mermaid.initialize(config);
  mermaid.run({
    querySelector: '.language-mermaid',
  });
</script>



  
</body>
</html>

