

<!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">

  



  <!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Spectrum Public Docs | Integration documentation for Spectrum — covering ecommerce, API, and related platform topics.</title>
<meta name="generator" content="Jekyll v3.10.0" />
<meta property="og:title" content="Spectrum Public Docs" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Integration documentation for Spectrum — covering ecommerce, API, and related platform topics." />
<meta property="og:description" content="Integration documentation for Spectrum — covering ecommerce, API, and related platform topics." />
<link rel="canonical" href="https://docs.spectrumcustomizer.com/assets/css/just-the-docs-head-nav.css" />
<meta property="og:url" content="https://docs.spectrumcustomizer.com/assets/css/just-the-docs-head-nav.css" />
<meta property="og:site_name" content="Spectrum Public Docs" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Spectrum Public Docs" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"Integration documentation for Spectrum — covering ecommerce, API, and related platform topics.","headline":"Spectrum Public Docs","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://docs.spectrumcustomizer.com/assets/images/spectrum-logo.svg"}},"url":"https://docs.spectrumcustomizer.com/assets/css/just-the-docs-head-nav.css"}</script>
<!-- End Jekyll SEO tag -->


  <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon.png">
<link rel="apple-touch-icon" href="/assets/images/favicon.png">
<meta name="theme-color" content="#2A163C"><script>
  (function () {
    try {
      if (localStorage.getItem('spectrum-theme') === 'light' &&
          window.jtd && typeof jtd.setTheme === 'function') {
        jtd.setTheme('spectrum');
      }
    } catch (e) {}
  })();
</script><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap">


</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="Spectrum Public 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">Introduction</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Ecommerce submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/ecommerce/" class="nav-list-link">Ecommerce</a><ul class="nav-list"><li class="nav-list-item"><a href="/ecommerce/front-end-integration/" class="nav-list-link">Front End Integration</a></li><li class="nav-list-item"><a href="/ecommerce/load-design/" class="nav-list-link">Load Design</a></li><li class="nav-list-item"><a href="/ecommerce/add-to-cart/" class="nav-list-link">Add to Cart</a></li><li class="nav-list-item"><a href="/ecommerce/save-design/" class="nav-list-link">Save Design</a></li><li class="nav-list-item"><a href="/ecommerce/generate-cart-item/" class="nav-list-link">Generate Cart Item</a></li><li class="nav-list-item"><a href="/ecommerce/pricing-and-availability/" class="nav-list-link">Pricing & Availability</a></li><li class="nav-list-item"><a href="/ecommerce/order-acknowledgement/" class="nav-list-link">Order Acknowledgement</a></li><li class="nav-list-item"><a href="/ecommerce/shipment-notification/" class="nav-list-link">Shipment Notification</a></li><li class="nav-list-item"><a href="/ecommerce/update-order-status/" class="nav-list-link">Update Order Status</a></li><li class="nav-list-item"><a href="/ecommerce/order-search/" class="nav-list-link">Order Search</a></li><li class="nav-list-item"><a href="/ecommerce/integration-driver/" class="nav-list-link">Integration Driver</a></li><li class="nav-list-item"><a href="/ecommerce/production-related-file-delivery/" class="nav-list-link">Production Related File Delivery</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Spectrum and Shopify Integration submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/ecommerce/spectrum-and-shopify-integration/" class="nav-list-link">Spectrum and Shopify Integration</a><ul class="nav-list"><li class="nav-list-item"><a href="/ecommerce/spectrum-and-shopify-integration/overall-flow/" class="nav-list-link">Overall Flow</a></li><li class="nav-list-item"><a href="/ecommerce/spectrum-and-shopify-integration/product-set-up-add-ons/" class="nav-list-link">Product Set Up: "Add-ons"</a></li><li class="nav-list-item"><a href="/ecommerce/spectrum-and-shopify-integration/line-item-properties/" class="nav-list-link">Line Item Properties</a></li><li class="nav-list-item"><a href="/ecommerce/spectrum-and-shopify-integration/shopify-cart/" class="nav-list-link">Shopify Cart</a></li><li class="nav-list-item"><a href="/ecommerce/spectrum-and-shopify-integration/shopify-app/" class="nav-list-link">Shopify App</a></li></ul></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="API submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/api/" class="nav-list-link">API</a><ul class="nav-list"><li class="nav-list-item"><a href="/api/environments/" class="nav-list-link">Environments</a></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Image QueryString API submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/api/image-querystring-api/" class="nav-list-link">Image QueryString API</a><ul class="nav-list"><li class="nav-list-item"><a href="/api/image-querystring-api/image-transforms/" class="nav-list-link">Image Transforms</a></li><li class="nav-list-item"><a href="/api/image-querystring-api/image-filters/" class="nav-list-link">Image Filters</a></li><li class="nav-list-item"><a href="/api/image-querystring-api/image-encoding/" class="nav-list-link">Image Encoding</a></li></ul></li><li class="nav-list-item"><a href="/api/rendering/" class="nav-list-link">Rendering</a></li><li class="nav-list-item"><a href="/api/webtoprint-w2p/" class="nav-list-link">WebToPrint (W2P)</a></li><li class="nav-list-item"><a href="/api/assets/" class="nav-list-link">Assets</a></li><li class="nav-list-item"><a href="/api/rate-limiting/" class="nav-list-link">Rate Limiting</a></li><li class="nav-list-item"><a href="/api/reference/" class="nav-list-link">API Reference</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Marketing submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/marketing/" class="nav-list-link">Marketing</a><ul class="nav-list"><li class="nav-list-item"><a href="/marketing/share/" class="nav-list-link">Share</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="General submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/general/" class="nav-list-link">General</a><ul class="nav-list"><li class="nav-list-item"><a href="/general/glossary/" class="nav-list-link">Glossary</a></li><li class="nav-list-item"><a href="/general/holiday-2026/" class="nav-list-link">Holiday 2026</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Admin submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/admin/" class="nav-list-link">Admin</a><ul class="nav-list"><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="User Management submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/admin/user-management/" class="nav-list-link">User Management</a><ul class="nav-list"><li class="nav-list-item"><a href="/admin/user-management/passkeys/" class="nav-list-link">Passkeys</a></li><li class="nav-list-item"><a href="/admin/user-management/manage-users/" class="nav-list-link">Manage Users</a></li><li class="nav-list-item"><a href="/admin/user-management/managing-your-profile/" class="nav-list-link">Managing Your Profile</a></li><li class="nav-list-item"><a href="/admin/user-management/adding-users/" class="nav-list-link">Adding Users</a></li><li class="nav-list-item"><a href="/admin/user-management/editing-and-deleting-users/" class="nav-list-link">Editing & Deleting Users</a></li><li class="nav-list-item"><a href="/admin/user-management/impersonating-a-user/" class="nav-list-link">Impersonating a User</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Products submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/admin/products/" class="nav-list-link">Products</a><ul class="nav-list"><li class="nav-list-item"><a href="/admin/products/products-overview/" class="nav-list-link">Products Overview</a></li><li class="nav-list-item"><a href="/admin/products/managing-product-components/" class="nav-list-link">Managing Product Components</a></li><li class="nav-list-item"><a href="/admin/products/reordering-component-selections/" class="nav-list-link">Reordering Component Selections</a></li><li class="nav-list-item"><a href="/admin/products/component-selection-availability/" class="nav-list-link">Component Selection Availability</a></li><li class="nav-list-item"><a href="/admin/products/lookbooks/" class="nav-list-link">LookBooks</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Personalization submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/admin/personalization/" class="nav-list-link">Personalization</a><ul class="nav-list"><li class="nav-list-item"><a href="/admin/personalization/graphic-stock-art/" class="nav-list-link">(Graphic) Stock Art</a></li><li class="nav-list-item"><a href="/admin/personalization/stock-artwork-design-guidelines/" class="nav-list-link">Stock Artwork Design Guidelines</a></li><li class="nav-list-item"><a href="/admin/personalization/prints-and-patterns/" class="nav-list-link">Prints & Patterns</a></li><li class="nav-list-item"><a href="/admin/personalization/colors/" class="nav-list-link">Colors</a></li><li class="nav-list-item"><a href="/admin/personalization/fonts/" class="nav-list-link">Fonts</a></li><li class="nav-list-item"><a href="/admin/personalization/categories/" class="nav-list-link">Categories</a></li></ul></li><li class="nav-list-item"><button class="nav-list-expander btn-reset" aria-label="Moderation submenu" aria-expanded="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button><a href="/admin/moderation/" class="nav-list-link">Moderation</a><ul class="nav-list"><li class="nav-list-item"><a href="/admin/moderation/text/" class="nav-list-link">Text</a></li><li class="nav-list-item"><a href="/admin/moderation/allowed-images/" class="nav-list-link">Allowed Images</a></li><li class="nav-list-item"><a href="/admin/moderation/order-approval/" class="nav-list-link">Order Approval</a></li></ul></li><li class="nav-list-item"><a href="/admin/image-creator/" class="nav-list-link">Image Creator</a></li><li class="nav-list-item"><a href="/admin/orders/" class="nav-list-link">Orders</a></li><li class="nav-list-item"><a href="/admin/reporting/" class="nav-list-link">Reporting</a></li><li class="nav-list-item"><a href="/admin/notifications/" class="nav-list-link">Notifications</a></li></ul></li></ul>
  
</nav>


<div class="d-md-block d-none site-footer">
  
  
    <!-- Custom sidebar footer: Spectrum dark/light theme toggle. -->
<button
  type="button"
  class="theme-toggle"
  id="spectrum-theme-toggle"
  aria-pressed="true"
  title="Toggle dark / light mode"
>
  <span class="theme-toggle-icon" aria-hidden="true"></span>
  <span class="theme-toggle-label">Dark mode</span>
</button>

<script>
  (function () {
    // Maps our two UI modes to the generated Just the Docs color-scheme CSS.
    function cssTheme(mode) {
      return mode === 'light' ? 'spectrum' : 'spectrum-dark';
    }

    function apply(mode, persist) {
      if (window.jtd && typeof jtd.setTheme === 'function') {
        jtd.setTheme(cssTheme(mode));
      }
      if (persist) {
        try { localStorage.setItem('spectrum-theme', mode); } catch (e) {}
      }
      var btn = document.getElementById('spectrum-theme-toggle');
      if (!btn) return;
      var isDark = mode !== 'light';
      btn.setAttribute('aria-pressed', String(isDark));
      var label = btn.querySelector('.theme-toggle-label');
      if (label) label.textContent = isDark ? 'Dark mode' : 'Light mode';
    }

    function init() {
      var stored;
      try { stored = localStorage.getItem('spectrum-theme'); } catch (e) {}
      var mode = stored === 'light' ? 'light' : 'dark';
      apply(mode, false);

      var btn = document.getElementById('spectrum-theme-toggle');
      if (!btn) return;
      var handler = function () {
        var current = btn.getAttribute('aria-pressed') === 'true' ? 'dark' : 'light';
        apply(current === 'dark' ? 'light' : 'dark', true);
      };
      if (window.jtd && typeof jtd.addEvent === 'function') {
        jtd.addEvent(btn, 'click', handler);
      } else {
        btn.addEventListener('click', handler);
      }
    }

    if (window.jtd && typeof jtd.onReady === 'function') {
      jtd.onReady(init);
    } else {
      document.addEventListener('DOMContentLoaded', init);
    }
  })();
</script>

  
  </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 Spectrum Public Docs" autocomplete="off">
    <label for="search-input" class="search-label">
      <span class="sr-only">Search Spectrum Public 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>

  
  
  
    <nav aria-label="Auxiliary" class="aux-nav">
  <ul class="aux-nav-list">
    <li class="aux-nav-list-item">
        <a href="/api/reference/" class="site-button"
          
        >
          API Reference
        </a>
      </li>
    
  </ul>
</nav>

  
</div>

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

          

          
            
          
        </main>
        
<hr>
<footer>
  

  <div class="site-info">
	<p>Copyright ©2026 All rights reserved | <a href="https://www.spectrumcustomizer.com/privacy-policy">Terms &amp; Privacy</a></p>
</div>


  
    <div class="d-flex mt-2">
      
      
    </div>
  <div class="d-md-none mt-4 fs-2">
    
    
      <!-- Custom sidebar footer: Spectrum dark/light theme toggle. -->
<button
  type="button"
  class="theme-toggle"
  id="spectrum-theme-toggle"
  aria-pressed="true"
  title="Toggle dark / light mode"
>
  <span class="theme-toggle-icon" aria-hidden="true"></span>
  <span class="theme-toggle-label">Dark mode</span>
</button>

<script>
  (function () {
    // Maps our two UI modes to the generated Just the Docs color-scheme CSS.
    function cssTheme(mode) {
      return mode === 'light' ? 'spectrum' : 'spectrum-dark';
    }

    function apply(mode, persist) {
      if (window.jtd && typeof jtd.setTheme === 'function') {
        jtd.setTheme(cssTheme(mode));
      }
      if (persist) {
        try { localStorage.setItem('spectrum-theme', mode); } catch (e) {}
      }
      var btn = document.getElementById('spectrum-theme-toggle');
      if (!btn) return;
      var isDark = mode !== 'light';
      btn.setAttribute('aria-pressed', String(isDark));
      var label = btn.querySelector('.theme-toggle-label');
      if (label) label.textContent = isDark ? 'Dark mode' : 'Light mode';
    }

    function init() {
      var stored;
      try { stored = localStorage.getItem('spectrum-theme'); } catch (e) {}
      var mode = stored === 'light' ? 'light' : 'dark';
      apply(mode, false);

      var btn = document.getElementById('spectrum-theme-toggle');
      if (!btn) return;
      var handler = function () {
        var current = btn.getAttribute('aria-pressed') === 'true' ? 'dark' : 'light';
        apply(current === 'dark' ? 'light' : 'dark', true);
      };
      if (window.jtd && typeof jtd.addEvent === 'function') {
        jtd.addEvent(btn, 'click', handler);
      } else {
        btn.addEventListener('click', handler);
      }
    }

    if (window.jtd && typeof jtd.onReady === 'function') {
      jtd.onReady(init);
    } else {
      document.addEventListener('DOMContentLoaded', init);
    }
  })();
</script>

    
  </div>
</footer>

      </div>
    </div>
    
      

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

    
  </div>

  
</body>
</html>

