It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.wholeloops.com/product/vocal-sauce-bundle/

  1. <!doctype html>
  2. <html class="js" lang="en">
  3.  <head>
  4.    <meta charset="utf-8">
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.    <meta name="viewport" content="width=device-width,initial-scale=1">
  7.    <meta name="theme-color" content="">
  8.    <link rel="canonical" href="https://wholeloops.com/404"><link rel="icon" type="image/png" href="//wholeloops.com/cdn/shop/files/favicon_4.jpg?crop=center&height=32&v=1741314309&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
  9.      404 Not Found
  10. &ndash; Whole Loops</title>
  11.  
  12.    
  13.  
  14.    
  15.  
  16. <meta property="og:site_name" content="Whole Loops">
  17. <meta property="og:url" content="https://wholeloops.com/404">
  18. <meta property="og:title" content="404 Not Found">
  19. <meta property="og:type" content="website">
  20. <meta property="og:description" content="Whole Loops"><meta property="og:image" content="http://wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?height=628&pad_color=ffffff&v=1741314289&width=1200">
  21.  <meta property="og:image:secure_url" content="https://wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?height=628&pad_color=ffffff&v=1741314289&width=1200">
  22.  <meta property="og:image:width" content="1200">
  23.  <meta property="og:image:height" content="628"><meta name="twitter:site" content="@https://x.com/ReidStefan"><meta name="twitter:card" content="summary_large_image">
  24. <meta name="twitter:title" content="404 Not Found">
  25. <meta name="twitter:description" content="Whole Loops">
  26.  
  27.  
  28.    <script src="//wholeloops.com/cdn/shop/t/1/assets/constants.js?v=132983761750457495441741311023" defer="defer"></script>
  29.    <script src="//wholeloops.com/cdn/shop/t/1/assets/pubsub.js?v=25310214064522200911741311024" defer="defer"></script>
  30.    <script src="//wholeloops.com/cdn/shop/t/1/assets/global.js?v=184345515105158409801741311023" defer="defer"></script>
  31.    <script src="//wholeloops.com/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501741311023" defer="defer"></script>
  32.    <script src="//wholeloops.com/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451741311023" defer="defer"></script>
  33.    <script src="//wholeloops.com/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541741311024" defer="defer"></script><script src="//wholeloops.com/cdn/shop/t/1/assets/animations.js?v=88693664871331136111741311022" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="L2bDZXpa8xlgeP1f1LxKWL62LZJMuIbC_cdQWdJl1Eo">
  34. <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74482843903/digital_wallets/dialog">
  35. <meta name="shopify-checkout-api-token" content="b74073f19a0e1281ea6293419910334a">
  36. <meta id="in-context-paypal-metadata" data-shop-id="74482843903" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  37. <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
  38. <link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
  39. <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=74482843903" crossorigin="anonymous"></script>
  40. <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":74482843903,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/74482843903","merchantName":"Whole Loops","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Whole Loops","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
  41. <script id="shopify-features" type="application/json">{"accessToken":"b74073f19a0e1281ea6293419910334a","betas":["rich-media-storefront-analytics"],"domain":"wholeloops.com","predictiveSearch":true,"shopId":74482843903,"smart_payment_buttons_url":"https:\/\/wholeloops.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/wholeloops.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
  42. <script>var Shopify = Shopify || {};
  43. Shopify.shop = "w1q1ty-9y.myshopify.com";
  44. Shopify.locale = "en";
  45. Shopify.currency = {"active":"USD","rate":"1.0"};
  46. Shopify.country = "US";
  47. Shopify.theme = {"name":"Dawn","id":149018378495,"schema_name":"Dawn","schema_version":"15.3.0","theme_store_id":887,"role":"main"};
  48. Shopify.theme.handle = "null";
  49. Shopify.theme.style = {"id":null,"handle":null};
  50. Shopify.cdnHost = "wholeloops.com/cdn";
  51. Shopify.routes = Shopify.routes || {};
  52. Shopify.routes.root = "/";</script>
  53. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  54. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  55. <script>window.ShopifyPay = window.ShopifyPay || {};
  56. window.ShopifyPay.apiHost = "shop.app\/pay";</script>
  57. <script id="shop-js-analytics" type="application/json">{"pageType":"404"}</script>
  58. <script>
  59.  window.Shopify = window.Shopify || {};
  60.  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  61.  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_DZQYbrHp.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"init-windoid":["modules/v2/client.init-windoid_C6Y-p5hs.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BfPvppnU.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CNQYcYAa.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DET7ueM-.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DCgzbysk.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"pay-button":["modules/v2/client.pay-button_BwjdDntS.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_2xXLLPqh.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BWFGsxvA.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DnudBYM4.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_B7P8auxA.en.esm.js","modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_wW55zbHR.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_jwmCktJd.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"],"payment-terms":["modules/v2/client.payment-terms_mPzvk92Q.en.esm.js","modules/v2/chunk.common_CtKaQscI.esm.js","modules/v2/chunk.modal_sYd6knDY.esm.js"]};
  62. </script>
  63. <script id="__st">var __st={"a":74482843903,"offset":-25200,"reqid":"7196cbb9-0a17-4f07-b9e0-5b1daf10e21f-1745557184","pageurl":"wholeloops.com\/404","u":"d1d537c506c0"};</script>
  64. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  65. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
  66. <script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//wholeloops.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
  67. <script crossorigin="anonymous" defer="defer" src="//wholeloops.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
  68. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://wholeloops.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  69. </script>
  70. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  71.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  72. </script>
  73. <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
  74. </script>
  75. <script id="sections-script" data-sections="header" defer="defer" src="//wholeloops.com/cdn/shop/t/1/compiled_assets/scripts.js?455"></script>
  76. <link rel="stylesheet" media="screen" href="https://wholeloops.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  77.  
  78. <style id="shopify-accelerated-checkout-cart">
  79.        #shopify-buyer-consent {
  80.  margin-top: 1em;
  81.  display: inline-block;
  82.  width: 100%;
  83. }
  84.  
  85. #shopify-buyer-consent.hidden {
  86.  display: none;
  87. }
  88.  
  89. #shopify-subscription-policy-button {
  90.  background: none;
  91.  border: none;
  92.  padding: 0;
  93.  text-decoration: underline;
  94.  font-size: inherit;
  95.  cursor: pointer;
  96. }
  97.  
  98. #shopify-subscription-policy-button::before {
  99.  box-shadow: none;
  100. }
  101.  
  102.      </style>
  103. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  104.  
  105.  
  106.    <style data-shopify>
  107.      @font-face {
  108.  font-family: Montserrat;
  109.  font-weight: 400;
  110.  font-style: normal;
  111.  font-display: swap;
  112.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a785b01483406cfda49c1f6567c9d5dd5d48e69f4ecfebbd85337b7965e6c84a") format("woff2"),
  113.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=6c7f3f1ec8f6556a611409c2534eca5c16ca3fa1dc8ec7168366ffc197c0c26f") format("woff");
  114. }
  115.  
  116.      @font-face {
  117.  font-family: Montserrat;
  118.  font-weight: 700;
  119.  font-style: normal;
  120.  font-display: swap;
  121.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b9dd67755f295834d19d2448d8ea257d04c128245f08f9aff5397be16c063f78") format("woff2"),
  122.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=ba7ce11e121456e629494b71b57b043070ea54a79bfcc35d28fc945352e41f83") format("woff");
  123. }
  124.  
  125.      @font-face {
  126.  font-family: Montserrat;
  127.  font-weight: 400;
  128.  font-style: italic;
  129.  font-display: swap;
  130.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=6a2a794f4f87faf43effdb46425cf41d714e81188807a207430965e270f8f9ee") format("woff2"),
  131.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=eb563d3cbc0edfef965a64017869d03a074dc27e1dd0babdc07fa973232fa6d4") format("woff");
  132. }
  133.  
  134.      @font-face {
  135.  font-family: Montserrat;
  136.  font-weight: 700;
  137.  font-style: italic;
  138.  font-display: swap;
  139.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i7.83866c3eec90071fa974c17980ffb42977f9e667.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=218c5120955c221226bc3d4b49563fe308e9f72f517a3ea15669376baab3ea1e") format("woff2"),
  140.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_i7.25524241b12d864609c85325613d60efcf1a87e3.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=7a26ab859e03e0c8728b5c4b10ad8a6a6b0ec7905573de471001d55d77c27c37") format("woff");
  141. }
  142.  
  143.      @font-face {
  144.  font-family: Montserrat;
  145.  font-weight: 700;
  146.  font-style: normal;
  147.  font-display: swap;
  148.  src: url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b9dd67755f295834d19d2448d8ea257d04c128245f08f9aff5397be16c063f78") format("woff2"),
  149.       url("//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=ba7ce11e121456e629494b71b57b043070ea54a79bfcc35d28fc945352e41f83") format("woff");
  150. }
  151.  
  152.  
  153.      
  154.        :root,
  155.        .color-scheme-1 {
  156.          --color-background: 255,255,255;
  157.        
  158.          --gradient-background: #ffffff;
  159.        
  160.  
  161.        
  162.  
  163.        --color-foreground: 18,18,18;
  164.        --color-background-contrast: 191,191,191;
  165.        --color-shadow: 18,18,18;
  166.        --color-button: 18,18,18;
  167.        --color-button-text: 255,255,255;
  168.        --color-secondary-button: 255,255,255;
  169.        --color-secondary-button-text: 18,18,18;
  170.        --color-link: 18,18,18;
  171.        --color-badge-foreground: 18,18,18;
  172.        --color-badge-background: 255,255,255;
  173.        --color-badge-border: 18,18,18;
  174.        --payment-terms-background-color: rgb(255 255 255);
  175.      }
  176.      
  177.        
  178.        .color-scheme-2 {
  179.          --color-background: 243,243,243;
  180.        
  181.          --gradient-background: #f3f3f3;
  182.        
  183.  
  184.        
  185.  
  186.        --color-foreground: 18,18,18;
  187.        --color-background-contrast: 179,179,179;
  188.        --color-shadow: 18,18,18;
  189.        --color-button: 18,18,18;
  190.        --color-button-text: 243,243,243;
  191.        --color-secondary-button: 243,243,243;
  192.        --color-secondary-button-text: 18,18,18;
  193.        --color-link: 18,18,18;
  194.        --color-badge-foreground: 18,18,18;
  195.        --color-badge-background: 243,243,243;
  196.        --color-badge-border: 18,18,18;
  197.        --payment-terms-background-color: rgb(243 243 243);
  198.      }
  199.      
  200.        
  201.        .color-scheme-3 {
  202.          --color-background: 36,40,51;
  203.        
  204.          --gradient-background: #242833;
  205.        
  206.  
  207.        
  208.  
  209.        --color-foreground: 255,255,255;
  210.        --color-background-contrast: 47,52,66;
  211.        --color-shadow: 18,18,18;
  212.        --color-button: 255,255,255;
  213.        --color-button-text: 0,0,0;
  214.        --color-secondary-button: 36,40,51;
  215.        --color-secondary-button-text: 255,255,255;
  216.        --color-link: 255,255,255;
  217.        --color-badge-foreground: 255,255,255;
  218.        --color-badge-background: 36,40,51;
  219.        --color-badge-border: 255,255,255;
  220.        --payment-terms-background-color: rgb(36 40 51);
  221.      }
  222.      
  223.        
  224.        .color-scheme-4 {
  225.          --color-background: 18,18,18;
  226.        
  227.          --gradient-background: #121212;
  228.        
  229.  
  230.        
  231.  
  232.        --color-foreground: 255,255,255;
  233.        --color-background-contrast: 146,146,146;
  234.        --color-shadow: 18,18,18;
  235.        --color-button: 255,255,255;
  236.        --color-button-text: 18,18,18;
  237.        --color-secondary-button: 18,18,18;
  238.        --color-secondary-button-text: 255,255,255;
  239.        --color-link: 255,255,255;
  240.        --color-badge-foreground: 255,255,255;
  241.        --color-badge-background: 18,18,18;
  242.        --color-badge-border: 255,255,255;
  243.        --payment-terms-background-color: rgb(18 18 18);
  244.      }
  245.      
  246.        
  247.        .color-scheme-5 {
  248.          --color-background: 51,79,180;
  249.        
  250.          --gradient-background: #334fb4;
  251.        
  252.  
  253.        
  254.  
  255.        --color-foreground: 255,255,255;
  256.        --color-background-contrast: 23,35,81;
  257.        --color-shadow: 18,18,18;
  258.        --color-button: 255,255,255;
  259.        --color-button-text: 51,79,180;
  260.        --color-secondary-button: 51,79,180;
  261.        --color-secondary-button-text: 255,255,255;
  262.        --color-link: 255,255,255;
  263.        --color-badge-foreground: 255,255,255;
  264.        --color-badge-background: 51,79,180;
  265.        --color-badge-border: 255,255,255;
  266.        --payment-terms-background-color: rgb(51 79 180);
  267.      }
  268.      
  269.        
  270.        .color-scheme-e4eea1c7-2e18-449a-95f6-ab8ebb53b4dd {
  271.          --color-background: 255,255,255;
  272.        
  273.          --gradient-background: #ffffff;
  274.        
  275.  
  276.        
  277.  
  278.        --color-foreground: 18,18,18;
  279.        --color-background-contrast: 191,191,191;
  280.        --color-shadow: 18,18,18;
  281.        --color-button: 18,18,18;
  282.        --color-button-text: 255,255,255;
  283.        --color-secondary-button: 255,255,255;
  284.        --color-secondary-button-text: 18,18,18;
  285.        --color-link: 18,18,18;
  286.        --color-badge-foreground: 18,18,18;
  287.        --color-badge-background: 255,255,255;
  288.        --color-badge-border: 18,18,18;
  289.        --payment-terms-background-color: rgb(255 255 255);
  290.      }
  291.      
  292.        
  293.        .color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a {
  294.          --color-background: 255,255,255;
  295.        
  296.          --gradient-background: radial-gradient(rgba(248, 202, 152, 1), rgba(237, 161, 95, 1) 100%);
  297.        
  298.  
  299.        
  300.  
  301.        --color-foreground: 18,18,18;
  302.        --color-background-contrast: 191,191,191;
  303.        --color-shadow: 18,18,18;
  304.        --color-button: 18,18,18;
  305.        --color-button-text: 255,255,255;
  306.        --color-secondary-button: 255,255,255;
  307.        --color-secondary-button-text: 18,18,18;
  308.        --color-link: 18,18,18;
  309.        --color-badge-foreground: 18,18,18;
  310.        --color-badge-background: 255,255,255;
  311.        --color-badge-border: 18,18,18;
  312.        --payment-terms-background-color: rgb(255 255 255);
  313.      }
  314.      
  315.        
  316.        .color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 {
  317.          --color-background: 0,0,0;
  318.        
  319.          --gradient-background: rgba(0,0,0,0);
  320.        
  321.  
  322.        
  323.  
  324.        --color-foreground: 18,18,18;
  325.        --color-background-contrast: 128,128,128;
  326.        --color-shadow: 18,18,18;
  327.        --color-button: 18,18,18;
  328.        --color-button-text: 0,0,0;
  329.        --color-secondary-button: 0,0,0;
  330.        --color-secondary-button-text: 18,18,18;
  331.        --color-link: 18,18,18;
  332.        --color-badge-foreground: 18,18,18;
  333.        --color-badge-background: 0,0,0;
  334.        --color-badge-border: 18,18,18;
  335.        --payment-terms-background-color: rgb(0 0 0);
  336.      }
  337.      
  338.  
  339.      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-e4eea1c7-2e18-449a-95f6-ab8ebb53b4dd, .color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a, .color-scheme-a55ec3a5-72d2-4d81-aa50-add327ab9dd9 {
  340.        color: rgba(var(--color-foreground), 0.75);
  341.        background-color: rgb(var(--color-background));
  342.      }
  343.  
  344.      :root {
  345.        --font-body-family: Montserrat, sans-serif;
  346.        --font-body-style: normal;
  347.        --font-body-weight: 400;
  348.        --font-body-weight-bold: 700;
  349.  
  350.        --font-heading-family: Montserrat, sans-serif;
  351.        --font-heading-style: normal;
  352.        --font-heading-weight: 700;
  353.  
  354.        --font-body-scale: 1.0;
  355.        --font-heading-scale: 1.0;
  356.  
  357.        --media-padding: px;
  358.        --media-border-opacity: 0.05;
  359.        --media-border-width: 1px;
  360.        --media-radius: 0px;
  361.        --media-shadow-opacity: 0.0;
  362.        --media-shadow-horizontal-offset: 0px;
  363.        --media-shadow-vertical-offset: 4px;
  364.        --media-shadow-blur-radius: 5px;
  365.        --media-shadow-visible: 0;
  366.  
  367.        --page-width: 120rem;
  368.        --page-width-margin: 0rem;
  369.  
  370.        --product-card-image-padding: 0.0rem;
  371.        --product-card-corner-radius: 0.0rem;
  372.        --product-card-text-alignment: left;
  373.        --product-card-border-width: 0.0rem;
  374.        --product-card-border-opacity: 0.1;
  375.        --product-card-shadow-opacity: 0.0;
  376.        --product-card-shadow-visible: 0;
  377.        --product-card-shadow-horizontal-offset: 0.0rem;
  378.        --product-card-shadow-vertical-offset: 0.4rem;
  379.        --product-card-shadow-blur-radius: 0.5rem;
  380.  
  381.        --collection-card-image-padding: 0.0rem;
  382.        --collection-card-corner-radius: 0.0rem;
  383.        --collection-card-text-alignment: left;
  384.        --collection-card-border-width: 0.0rem;
  385.        --collection-card-border-opacity: 0.1;
  386.        --collection-card-shadow-opacity: 0.0;
  387.        --collection-card-shadow-visible: 0;
  388.        --collection-card-shadow-horizontal-offset: 0.0rem;
  389.        --collection-card-shadow-vertical-offset: 0.4rem;
  390.        --collection-card-shadow-blur-radius: 0.5rem;
  391.  
  392.        --blog-card-image-padding: 0.0rem;
  393.        --blog-card-corner-radius: 0.0rem;
  394.        --blog-card-text-alignment: left;
  395.        --blog-card-border-width: 0.0rem;
  396.        --blog-card-border-opacity: 0.1;
  397.        --blog-card-shadow-opacity: 0.0;
  398.        --blog-card-shadow-visible: 0;
  399.        --blog-card-shadow-horizontal-offset: 0.0rem;
  400.        --blog-card-shadow-vertical-offset: 0.4rem;
  401.        --blog-card-shadow-blur-radius: 0.5rem;
  402.  
  403.        --badge-corner-radius: 4.0rem;
  404.  
  405.        --popup-border-width: 1px;
  406.        --popup-border-opacity: 0.1;
  407.        --popup-corner-radius: 0px;
  408.        --popup-shadow-opacity: 0.05;
  409.        --popup-shadow-horizontal-offset: 0px;
  410.        --popup-shadow-vertical-offset: 4px;
  411.        --popup-shadow-blur-radius: 5px;
  412.  
  413.        --drawer-border-width: 1px;
  414.        --drawer-border-opacity: 0.1;
  415.        --drawer-shadow-opacity: 0.0;
  416.        --drawer-shadow-horizontal-offset: 0px;
  417.        --drawer-shadow-vertical-offset: 4px;
  418.        --drawer-shadow-blur-radius: 5px;
  419.  
  420.        --spacing-sections-desktop: 0px;
  421.        --spacing-sections-mobile: 0px;
  422.  
  423.        --grid-desktop-vertical-spacing: 8px;
  424.        --grid-desktop-horizontal-spacing: 8px;
  425.        --grid-mobile-vertical-spacing: 4px;
  426.        --grid-mobile-horizontal-spacing: 4px;
  427.  
  428.        --text-boxes-border-opacity: 0.1;
  429.        --text-boxes-border-width: 0px;
  430.        --text-boxes-radius: 0px;
  431.        --text-boxes-shadow-opacity: 0.0;
  432.        --text-boxes-shadow-visible: 0;
  433.        --text-boxes-shadow-horizontal-offset: 0px;
  434.        --text-boxes-shadow-vertical-offset: 4px;
  435.        --text-boxes-shadow-blur-radius: 5px;
  436.  
  437.        --buttons-radius: 0px;
  438.        --buttons-radius-outset: 0px;
  439.        --buttons-border-width: 1px;
  440.        --buttons-border-opacity: 1.0;
  441.        --buttons-shadow-opacity: 0.0;
  442.        --buttons-shadow-visible: 0;
  443.        --buttons-shadow-horizontal-offset: 0px;
  444.        --buttons-shadow-vertical-offset: 4px;
  445.        --buttons-shadow-blur-radius: 5px;
  446.        --buttons-border-offset: 0px;
  447.  
  448.        --inputs-radius: 0px;
  449.        --inputs-border-width: 1px;
  450.        --inputs-border-opacity: 0.55;
  451.        --inputs-shadow-opacity: 0.0;
  452.        --inputs-shadow-horizontal-offset: 0px;
  453.        --inputs-margin-offset: 0px;
  454.        --inputs-shadow-vertical-offset: 4px;
  455.        --inputs-shadow-blur-radius: 5px;
  456.        --inputs-radius-outset: 0px;
  457.  
  458.        --variant-pills-radius: 40px;
  459.        --variant-pills-border-width: 1px;
  460.        --variant-pills-border-opacity: 0.55;
  461.        --variant-pills-shadow-opacity: 0.0;
  462.        --variant-pills-shadow-horizontal-offset: 0px;
  463.        --variant-pills-shadow-vertical-offset: 4px;
  464.        --variant-pills-shadow-blur-radius: 5px;
  465.      }
  466.  
  467.      *,
  468.      *::before,
  469.      *::after {
  470.        box-sizing: inherit;
  471.      }
  472.  
  473.      html {
  474.        box-sizing: border-box;
  475.        font-size: calc(var(--font-body-scale) * 62.5%);
  476.        height: 100%;
  477.      }
  478.  
  479.      body {
  480.        display: grid;
  481.        grid-template-rows: auto auto 1fr auto;
  482.        grid-template-columns: 100%;
  483.        min-height: 100%;
  484.        margin: 0;
  485.        font-size: 1.5rem;
  486.        letter-spacing: 0.06rem;
  487.        line-height: calc(1 + 0.8 / var(--font-body-scale));
  488.        font-family: var(--font-body-family);
  489.        font-style: var(--font-body-style);
  490.        font-weight: var(--font-body-weight);
  491.      }
  492.  
  493.      @media screen and (min-width: 750px) {
  494.        body {
  495.          font-size: 1.6rem;
  496.        }
  497.      }
  498.    </style>
  499.  
  500.    <link href="//wholeloops.com/cdn/shop/t/1/assets/base.css?v=159841507637079171801741311022" rel="stylesheet" type="text/css" media="all" />
  501.    <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-cart-items.css?v=123238115697927560811741311023" media="print" onload="this.media='all'">
  502.      <link rel="preload" as="font" href="//wholeloops.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=a785b01483406cfda49c1f6567c9d5dd5d48e69f4ecfebbd85337b7965e6c84a" type="font/woff2" crossorigin>
  503.      
  504.  
  505.      <link rel="preload" as="font" href="//wholeloops.com/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=dzFxMXR5LTl5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=d2hvbGVsb29wcy5teXNob3BpZnkuY29t&h3=d2hvbGVsb29wcy5jb20&hmac=b9dd67755f295834d19d2448d8ea257d04c128245f08f9aff5397be16c063f78" type="font/woff2" crossorigin>
  506.      
  507. <link
  508.        rel="stylesheet"
  509.        href="//wholeloops.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561741311023"
  510.        media="print"
  511.        onload="this.media='all'"
  512.      ><script>
  513.      if (Shopify.designMode) {
  514.        document.documentElement.classList.add('shopify-design-mode');
  515.      }
  516.    </script>
  517.  <script src="https://cdn.shopify.com/extensions/848204f5-f4fc-4e57-b936-246697ca05f5/essential-countdown-28/assets/countdown_timer_essential_apps.min.js" type="text/javascript" defer="defer"></script>
  518. <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  519. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 74482843903,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "404"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  520. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 74482843903,storefrontBaseUrl: "https://wholeloops.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"802029823","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-P8ZRRMGH\\\",\\\"google_tag_ids\\\":[\\\"GT-P8ZRRMGH\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-TQED4RNMS6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"5eac266b39be96dbf2c723365d038540","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Whole Loops","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"w1q1ty-9y.myshopify.com","countryCode":"US","storefrontUrl":"https://wholeloops.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://wholeloops.com/cdn","fe9401c6w6fcd3e4fp464410b4m1f17cd9f",{"modern":"","legacy":""},{"shopId":"74482843903","storefrontBaseUrl":"https://wholeloops.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fe9401c6w6fcd3e4fp464410b4m1f17cd9f"});</script><script>
  521.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  522.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  523.  window.ShopifyAnalytics.meta.currency = 'USD';
  524.  var meta = {"page":{}};
  525.  for (var attr in meta) {
  526.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  527.  }
  528. </script>
  529. <script class="analytics">
  530.  (function () {
  531.    var customDocumentWrite = function(content) {
  532.      var jquery = null;
  533.  
  534.      if (window.jQuery) {
  535.        jquery = window.jQuery;
  536.      } else if (window.Checkout && window.Checkout.$) {
  537.        jquery = window.Checkout.$;
  538.      }
  539.  
  540.      if (jquery) {
  541.        jquery('body').append(content);
  542.      }
  543.    };
  544.  
  545.    var hasLoggedConversion = function(token) {
  546.      if (token) {
  547.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  548.      }
  549.      return false;
  550.    }
  551.  
  552.    var setCookieIfConversion = function(token) {
  553.      if (token) {
  554.        var twoMonthsFromNow = new Date(Date.now());
  555.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  556.  
  557.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  558.      }
  559.    }
  560.  
  561.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  562.    if (trekkie.integrations) {
  563.      return;
  564.    }
  565.    trekkie.methods = [
  566.      'identify',
  567.      'page',
  568.      'ready',
  569.      'track',
  570.      'trackForm',
  571.      'trackLink'
  572.    ];
  573.    trekkie.factory = function(method) {
  574.      return function() {
  575.        var args = Array.prototype.slice.call(arguments);
  576.        args.unshift(method);
  577.        trekkie.push(args);
  578.        return trekkie;
  579.      };
  580.    };
  581.    for (var i = 0; i < trekkie.methods.length; i++) {
  582.      var key = trekkie.methods[i];
  583.      trekkie[key] = trekkie.factory(key);
  584.    }
  585.    trekkie.load = function(config) {
  586.      trekkie.config = config || {};
  587.      trekkie.config.initialDocumentCookie = document.cookie;
  588.      var first = document.getElementsByTagName('script')[0];
  589.      var script = document.createElement('script');
  590.      script.type = 'text/javascript';
  591.      script.onerror = function(e) {
  592.        var scriptFallback = document.createElement('script');
  593.        scriptFallback.type = 'text/javascript';
  594.        scriptFallback.onerror = function(error) {
  595.                var Monorail = {
  596.      produce: function produce(monorailDomain, schemaId, payload) {
  597.        var currentMs = new Date().getTime();
  598.        var event = {
  599.          schema_id: schemaId,
  600.          payload: payload,
  601.          metadata: {
  602.            event_created_at_ms: currentMs,
  603.            event_sent_at_ms: currentMs
  604.          }
  605.        };
  606.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  607.      },
  608.      sendRequest: function sendRequest(endpointUrl, payload) {
  609.        // Try the sendBeacon API
  610.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  611.          var blobData = new window.Blob([payload], {
  612.            type: 'text/plain'
  613.          });
  614.  
  615.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  616.            return true;
  617.          } // sendBeacon was not successful
  618.  
  619.        } // XHR beacon
  620.  
  621.        var xhr = new XMLHttpRequest();
  622.  
  623.        try {
  624.          xhr.open('POST', endpointUrl);
  625.          xhr.setRequestHeader('Content-Type', 'text/plain');
  626.          xhr.send(payload);
  627.        } catch (e) {
  628.          console.log(e);
  629.        }
  630.  
  631.        return false;
  632.      },
  633.      isIos12: function isIos12() {
  634.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  635.      }
  636.    };
  637.    Monorail.produce('monorail-edge.shopifysvc.com',
  638.      'trekkie_storefront_load_errors/1.1',
  639.      {shop_id: 74482843903,
  640.      theme_id: 149018378495,
  641.      app_name: "storefront",
  642.      context_url: window.location.href,
  643.      source_url: "//wholeloops.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js"});
  644.  
  645.        };
  646.        scriptFallback.async = true;
  647.        scriptFallback.src = '//wholeloops.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js';
  648.        first.parentNode.insertBefore(scriptFallback, first);
  649.      };
  650.      script.async = true;
  651.      script.src = '//wholeloops.com/cdn/s/trekkie.storefront.423a314223fb7e8d7c94337fcd62d7ad8c06d7a5.min.js';
  652.      first.parentNode.insertBefore(script, first);
  653.    };
  654.    trekkie.load(
  655.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74482843903,"isMerchantRequest":null,"themeId":149018378495,"themeCityHash":"10276515378561447084","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  656.    );
  657.  
  658.    var loaded = false;
  659.    trekkie.ready(function() {
  660.      if (loaded) return;
  661.      loaded = true;
  662.  
  663.      window.ShopifyAnalytics.lib = window.trekkie;
  664.  
  665.      var originalDocumentWrite = document.write;
  666.      document.write = customDocumentWrite;
  667.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  668.      document.write = originalDocumentWrite;
  669.  
  670.      window.ShopifyAnalytics.lib.page(null,{"shopifyEmitted":true});
  671.  
  672.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  673.      var token = match? match[1]: undefined;
  674.      if (!hasLoggedConversion(token)) {
  675.        setCookieIfConversion(token);
  676.        
  677.      }
  678.    });
  679.  
  680.  
  681.        var eventsListenerScript = document.createElement('script');
  682.        eventsListenerScript.async = true;
  683.        eventsListenerScript.src = "//wholeloops.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
  684.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  685.  
  686. })();</script>
  687. <script
  688.  defer
  689.  src="https://wholeloops.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.1.min.js"
  690.  data-application="storefront-renderer"
  691.  data-shop-id="74482843903"
  692.  data-render-region="gcp-us-east1"
  693.  data-page-type="404"
  694.  data-theme-instance-id="149018378495"
  695.  data-monorail-region="shop_domain"
  696.  data-resource-timing-sampling-rate="10"
  697.  data-shs="true"
  698. ></script>
  699. </head>
  700.  
  701.  <body class="gradient animate--hover-vertical-lift">
  702.    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
  703.      Skip to content
  704.    </a><!-- BEGIN sections: header-group -->
  705. <div id="shopify-section-sections--19145892593919__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991741311023" media="print" onload="this.media='all'">
  706. <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851741311023" media="print" onload="this.media='all'">
  707. <link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=147478906057189667651741311023" media="print" onload="this.media='all'">
  708. <link
  709.  rel="stylesheet"
  710.  href="//wholeloops.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221741311023"
  711.  media="print"
  712.  onload="this.media='all'"
  713. ><link rel="stylesheet" href="//wholeloops.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101741311023" media="print" onload="this.media='all'"><style>
  714.  header-drawer {
  715.    justify-self: start;
  716.    margin-left: -1.2rem;
  717.  }@media screen and (min-width: 990px) {
  718.      header-drawer {
  719.        display: none;
  720.      }
  721.    }.menu-drawer-container {
  722.    display: flex;
  723.  }
  724.  
  725.  .list-menu {
  726.    list-style: none;
  727.    padding: 0;
  728.    margin: 0;
  729.  }
  730.  
  731.  .list-menu--inline {
  732.    display: inline-flex;
  733.    flex-wrap: wrap;
  734.  }
  735.  
  736.  summary.list-menu__item {
  737.    padding-right: 2.7rem;
  738.  }
  739.  
  740.  .list-menu__item {
  741.    display: flex;
  742.    align-items: center;
  743.    line-height: calc(1 + 0.3 / var(--font-body-scale));
  744.  }
  745.  
  746.  .list-menu__item--link {
  747.    text-decoration: none;
  748.    padding-bottom: 1rem;
  749.    padding-top: 1rem;
  750.    line-height: calc(1 + 0.8 / var(--font-body-scale));
  751.  }
  752.  
  753.  @media screen and (min-width: 750px) {
  754.    .list-menu__item--link {
  755.      padding-bottom: 0.5rem;
  756.      padding-top: 0.5rem;
  757.    }
  758.  }
  759. </style><style data-shopify>.header {
  760.    padding: 10px 3rem 10px 3rem;
  761.  }
  762.  
  763.  .section-header {
  764.    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
  765.    margin-bottom: 0px;
  766.  }
  767.  
  768.  @media screen and (min-width: 750px) {
  769.    .section-header {
  770.      margin-bottom: 0px;
  771.    }
  772.  }
  773.  
  774.  @media screen and (min-width: 990px) {
  775.    .header {
  776.      padding-top: 20px;
  777.      padding-bottom: 20px;
  778.    }
  779.  }</style><script src="//wholeloops.com/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491741311022" defer="defer"></script>
  780.  
  781. <sticky-header
  782.  
  783.    data-sticky-type="on-scroll-up"
  784.  
  785.  class="header-wrapper color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient header-wrapper--border-bottom"
  786. ><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
  787.  
  788. <header-drawer data-breakpoint="tablet">
  789.  <details id="Details-menu-drawer-container" class="menu-drawer-container">
  790.    <summary
  791.      class="header__icon header__icon--menu header__icon--summary link focus-inset"
  792.      aria-label="Menu"
  793.    >
  794.      <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg>
  795. <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  796. </span>
  797.    </summary>
  798.    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
  799.      <div class="menu-drawer__inner-container">
  800.        <div class="menu-drawer__navigation-container">
  801.          <nav class="menu-drawer__navigation">
  802.            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
  803.                      id="HeaderDrawer-home"
  804.                      href="/"
  805.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  806.                      
  807.                    >
  808.                      Home
  809.                    </a></li><li><details id="Details-menu-drawer-menu-item-2">
  810.                      <summary
  811.                        id="HeaderDrawer-drum-kits"
  812.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  813.                      >
  814.                        Drum Kits
  815.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  816. </span>
  817.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  818. </span>
  819.                      </summary>
  820.                      <div
  821.                        id="link-drum-kits"
  822.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  823.                        tabindex="-1"
  824.                      >
  825.                        <div class="menu-drawer__inner-submenu">
  826.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  827.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  828. </span>
  829.                            Drum Kits
  830.                          </button>
  831.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  832.                                    id="HeaderDrawer-drum-kits-disrespectful-808s"
  833.                                    href="/collections/808"
  834.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  835.                                    
  836.                                  >
  837.                                    Disrespectful 808s
  838.                                  </a></li><li><a
  839.                                    id="HeaderDrawer-drum-kits-raw-hits"
  840.                                    href="/collections/raw-hits"
  841.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  842.                                    
  843.                                  >
  844.                                    Raw Hits
  845.                                  </a></li><li><a
  846.                                    id="HeaderDrawer-drum-kits-hot-tropics"
  847.                                    href="/collections/hot-tropics"
  848.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  849.                                    
  850.                                  >
  851.                                    Hot Tropics
  852.                                  </a></li><li><a
  853.                                    id="HeaderDrawer-drum-kits-urban-beets"
  854.                                    href="/collections/urban-beets"
  855.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  856.                                    
  857.                                  >
  858.                                    Urban Beets
  859.                                  </a></li><li><a
  860.                                    id="HeaderDrawer-drum-kits-bundles"
  861.                                    href="/products/drums-bundle"
  862.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  863.                                    
  864.                                  >
  865.                                    Bundles
  866.                                  </a></li></ul>
  867.                        </div>
  868.                      </div>
  869.                    </details></li><li><details id="Details-menu-drawer-menu-item-3">
  870.                      <summary
  871.                        id="HeaderDrawer-presets"
  872.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  873.                      >
  874.                        Presets
  875.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  876. </span>
  877.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  878. </span>
  879.                      </summary>
  880.                      <div
  881.                        id="link-presets"
  882.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  883.                        tabindex="-1"
  884.                      >
  885.                        <div class="menu-drawer__inner-submenu">
  886.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  887.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  888. </span>
  889.                            Presets
  890.                          </button>
  891.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  892.                                    id="HeaderDrawer-presets-ableton"
  893.                                    href="/collections/ableton-presets"
  894.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  895.                                    
  896.                                  >
  897.                                    Ableton
  898.                                  </a></li><li><a
  899.                                    id="HeaderDrawer-presets-fl-studio"
  900.                                    href="/collections/fl-studio-presets"
  901.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  902.                                    
  903.                                  >
  904.                                    FL Studio
  905.                                  </a></li><li><a
  906.                                    id="HeaderDrawer-presets-logic-pro"
  907.                                    href="/collections/logic"
  908.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  909.                                    
  910.                                  >
  911.                                    Logic Pro
  912.                                  </a></li><li><a
  913.                                    id="HeaderDrawer-presets-waves-studioverse"
  914.                                    href="/collections/waves-studioracks"
  915.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  916.                                    
  917.                                  >
  918.                                    Waves StudioVerse
  919.                                  </a></li><li><a
  920.                                    id="HeaderDrawer-presets-universal-audio"
  921.                                    href="/collections/uad-presets"
  922.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  923.                                    
  924.                                  >
  925.                                    Universal Audio
  926.                                  </a></li><li><a
  927.                                    id="HeaderDrawer-presets-slate-digital"
  928.                                    href="/collections/slate-digital"
  929.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  930.                                    
  931.                                  >
  932.                                    Slate Digital
  933.                                  </a></li><li><a
  934.                                    id="HeaderDrawer-presets-izotope-ozone"
  935.                                    href="/collections/izotope-presets"
  936.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  937.                                    
  938.                                  >
  939.                                    iZotope Ozone
  940.                                  </a></li></ul>
  941.                        </div>
  942.                      </div>
  943.                    </details></li><li><details id="Details-menu-drawer-menu-item-4">
  944.                      <summary
  945.                        id="HeaderDrawer-templates"
  946.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  947.                      >
  948.                        Templates
  949.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  950. </span>
  951.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  952. </span>
  953.                      </summary>
  954.                      <div
  955.                        id="link-templates"
  956.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  957.                        tabindex="-1"
  958.                      >
  959.                        <div class="menu-drawer__inner-submenu">
  960.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  961.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  962. </span>
  963.                            Templates
  964.                          </button>
  965.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  966.                                    id="HeaderDrawer-templates-ableton"
  967.                                    href="/collections/ableton-templates"
  968.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  969.                                    
  970.                                  >
  971.                                    Ableton
  972.                                  </a></li><li><a
  973.                                    id="HeaderDrawer-templates-logic-pro"
  974.                                    href="/collections/logic-pro-templates"
  975.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  976.                                    
  977.                                  >
  978.                                    Logic Pro
  979.                                  </a></li><li><a
  980.                                    id="HeaderDrawer-templates-pro-tools"
  981.                                    href="/collections/pro-tools-templates"
  982.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  983.                                    
  984.                                  >
  985.                                    Pro Tools
  986.                                  </a></li><li><a
  987.                                    id="HeaderDrawer-templates-fl-studio"
  988.                                    href="/collections/fl-studio-templates"
  989.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  990.                                    
  991.                                  >
  992.                                    FL Studio
  993.                                  </a></li><li><a
  994.                                    id="HeaderDrawer-templates-studio-one"
  995.                                    href="/collections/studio-one-templates"
  996.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  997.                                    
  998.                                  >
  999.                                    Studio One
  1000.                                  </a></li><li><a
  1001.                                    id="HeaderDrawer-templates-cubase"
  1002.                                    href="/collections/cubase-templates"
  1003.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1004.                                    
  1005.                                  >
  1006.                                    Cubase
  1007.                                  </a></li><li><a
  1008.                                    id="HeaderDrawer-templates-luna"
  1009.                                    href="/collections/luna-templates"
  1010.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1011.                                    
  1012.                                  >
  1013.                                    Luna
  1014.                                  </a></li></ul>
  1015.                        </div>
  1016.                      </div>
  1017.                    </details></li><li><details id="Details-menu-drawer-menu-item-5">
  1018.                      <summary
  1019.                        id="HeaderDrawer-sounds"
  1020.                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1021.                      >
  1022.                        Sounds
  1023.                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  1024. </span>
  1025.                        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1026. </span>
  1027.                      </summary>
  1028.                      <div
  1029.                        id="link-sounds"
  1030.                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
  1031.                        tabindex="-1"
  1032.                      >
  1033.                        <div class="menu-drawer__inner-submenu">
  1034.                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  1035.                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  1036. </span>
  1037.                            Sounds
  1038.                          </button>
  1039.                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
  1040.                                    id="HeaderDrawer-sounds-serum-banks"
  1041.                                    href="/collections/serum-presets"
  1042.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1043.                                    
  1044.                                  >
  1045.                                    Serum Banks
  1046.                                  </a></li><li><a
  1047.                                    id="HeaderDrawer-sounds-midi-packs"
  1048.                                    href="/collections/midi-packs"
  1049.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1050.                                    
  1051.                                  >
  1052.                                    MIDI Packs
  1053.                                  </a></li><li><a
  1054.                                    id="HeaderDrawer-sounds-vocal-sample-packs"
  1055.                                    href="/collections/vocal-samples"
  1056.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1057.                                    
  1058.                                  >
  1059.                                    Vocal Sample Packs
  1060.                                  </a></li><li><a
  1061.                                    id="HeaderDrawer-sounds-guitar-sample-packs"
  1062.                                    href="/collections/sample-packs"
  1063.                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
  1064.                                    
  1065.                                  >
  1066.                                    Guitar Sample Packs
  1067.                                  </a></li></ul>
  1068.                        </div>
  1069.                      </div>
  1070.                    </details></li><li><a
  1071.                      id="HeaderDrawer-courses"
  1072.                      href="/collections/courses"
  1073.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1074.                      
  1075.                    >
  1076.                      Courses
  1077.                    </a></li><li><a
  1078.                      id="HeaderDrawer-contact"
  1079.                      href="/pages/contact"
  1080.                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
  1081.                      
  1082.                    >
  1083.                      Contact
  1084.                    </a></li></ul>
  1085.          </nav>
  1086.          <div class="menu-drawer__utility-links"><a
  1087.                href="https://wholeloops.com/customer_authentication/redirect?locale=en&region_country=US"
  1088.                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
  1089.                rel="nofollow"
  1090.              ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
  1091. </span></account-icon>Log in</a><div class="menu-drawer__localization header-localization">
  1092. </div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
  1093.                  <a href="https://x.com/ReidStefan" class="list-social__link link">
  1094.                    <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
  1095. </span>
  1096.                    <span class="visually-hidden">X (Twitter)</span>
  1097.                  </a>
  1098.                </li><li class="list-social__item">
  1099.                  <a href="https://www.facebook.com/reidstefan" class="list-social__link link">
  1100.                    <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
  1101. </span>
  1102.                    <span class="visually-hidden">Facebook</span>
  1103.                  </a>
  1104.                </li><li class="list-social__item">
  1105.                  <a href="https://www.instagram.com/reidstefan" class="list-social__link link">
  1106.                    <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
  1107. </span>
  1108.                    <span class="visually-hidden">Instagram</span>
  1109.                  </a>
  1110.                </li><li class="list-social__item">
  1111.                  <a href="https://www.tiktok.com/@realestpuppet?lang=en" class="list-social__link link">
  1112.                    <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
  1113. </span>
  1114.                    <span class="visually-hidden">TikTok</span>
  1115.                  </a>
  1116.                </li><li class="list-social__item">
  1117.                  <a href="https://www.youtube.com/@ReidStefanMusic" class="list-social__link link">
  1118.                    <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
  1119. </span>
  1120.                    <span class="visually-hidden">YouTube</span>
  1121.                  </a>
  1122.                </li></ul>
  1123.          </div>
  1124.        </div>
  1125.      </div>
  1126.    </div>
  1127.  </details>
  1128. </header-drawer>
  1129. <a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
  1130.            
  1131.            <img src="//wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=600" alt="Whole Loops" srcset="//wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=90 90w, //wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=135 135w, //wholeloops.com/cdn/shop/files/Whole_Loops_Logo_NEW.png?v=1741314289&amp;width=180 180w" width="90" height="90.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 180px) 50vw, 90px">
  1132.          </div></a>
  1133.  
  1134. <nav class="header__inline-menu">
  1135.  <ul class="list-menu list-menu--inline" role="list"><li><a
  1136.            id="HeaderMenu-home"
  1137.            href="/"
  1138.            class="header__menu-item list-menu__item link link--text focus-inset"
  1139.            
  1140.          >
  1141.            <span
  1142.            >Home</span>
  1143.          </a></li><li><header-menu>
  1144.            <details id="Details-HeaderMenu-2">
  1145.              <summary
  1146.                id="HeaderMenu-drum-kits"
  1147.                class="header__menu-item list-menu__item link focus-inset"
  1148.              >
  1149.                <span
  1150.                >Drum Kits</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1151. </summary>
  1152.              <ul
  1153.                id="HeaderMenu-MenuList-2"
  1154.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1155.                role="list"
  1156.                tabindex="-1"
  1157.              ><li><a
  1158.                        id="HeaderMenu-drum-kits-disrespectful-808s"
  1159.                        href="/collections/808"
  1160.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1161.                        
  1162.                      >
  1163.                        Disrespectful 808s
  1164.                      </a></li><li><a
  1165.                        id="HeaderMenu-drum-kits-raw-hits"
  1166.                        href="/collections/raw-hits"
  1167.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1168.                        
  1169.                      >
  1170.                        Raw Hits
  1171.                      </a></li><li><a
  1172.                        id="HeaderMenu-drum-kits-hot-tropics"
  1173.                        href="/collections/hot-tropics"
  1174.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1175.                        
  1176.                      >
  1177.                        Hot Tropics
  1178.                      </a></li><li><a
  1179.                        id="HeaderMenu-drum-kits-urban-beets"
  1180.                        href="/collections/urban-beets"
  1181.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1182.                        
  1183.                      >
  1184.                        Urban Beets
  1185.                      </a></li><li><a
  1186.                        id="HeaderMenu-drum-kits-bundles"
  1187.                        href="/products/drums-bundle"
  1188.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1189.                        
  1190.                      >
  1191.                        Bundles
  1192.                      </a></li></ul>
  1193.            </details>
  1194.          </header-menu></li><li><header-menu>
  1195.            <details id="Details-HeaderMenu-3">
  1196.              <summary
  1197.                id="HeaderMenu-presets"
  1198.                class="header__menu-item list-menu__item link focus-inset"
  1199.              >
  1200.                <span
  1201.                >Presets</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1202. </summary>
  1203.              <ul
  1204.                id="HeaderMenu-MenuList-3"
  1205.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1206.                role="list"
  1207.                tabindex="-1"
  1208.              ><li><a
  1209.                        id="HeaderMenu-presets-ableton"
  1210.                        href="/collections/ableton-presets"
  1211.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1212.                        
  1213.                      >
  1214.                        Ableton
  1215.                      </a></li><li><a
  1216.                        id="HeaderMenu-presets-fl-studio"
  1217.                        href="/collections/fl-studio-presets"
  1218.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1219.                        
  1220.                      >
  1221.                        FL Studio
  1222.                      </a></li><li><a
  1223.                        id="HeaderMenu-presets-logic-pro"
  1224.                        href="/collections/logic"
  1225.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1226.                        
  1227.                      >
  1228.                        Logic Pro
  1229.                      </a></li><li><a
  1230.                        id="HeaderMenu-presets-waves-studioverse"
  1231.                        href="/collections/waves-studioracks"
  1232.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1233.                        
  1234.                      >
  1235.                        Waves StudioVerse
  1236.                      </a></li><li><a
  1237.                        id="HeaderMenu-presets-universal-audio"
  1238.                        href="/collections/uad-presets"
  1239.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1240.                        
  1241.                      >
  1242.                        Universal Audio
  1243.                      </a></li><li><a
  1244.                        id="HeaderMenu-presets-slate-digital"
  1245.                        href="/collections/slate-digital"
  1246.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1247.                        
  1248.                      >
  1249.                        Slate Digital
  1250.                      </a></li><li><a
  1251.                        id="HeaderMenu-presets-izotope-ozone"
  1252.                        href="/collections/izotope-presets"
  1253.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1254.                        
  1255.                      >
  1256.                        iZotope Ozone
  1257.                      </a></li></ul>
  1258.            </details>
  1259.          </header-menu></li><li><header-menu>
  1260.            <details id="Details-HeaderMenu-4">
  1261.              <summary
  1262.                id="HeaderMenu-templates"
  1263.                class="header__menu-item list-menu__item link focus-inset"
  1264.              >
  1265.                <span
  1266.                >Templates</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1267. </summary>
  1268.              <ul
  1269.                id="HeaderMenu-MenuList-4"
  1270.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1271.                role="list"
  1272.                tabindex="-1"
  1273.              ><li><a
  1274.                        id="HeaderMenu-templates-ableton"
  1275.                        href="/collections/ableton-templates"
  1276.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1277.                        
  1278.                      >
  1279.                        Ableton
  1280.                      </a></li><li><a
  1281.                        id="HeaderMenu-templates-logic-pro"
  1282.                        href="/collections/logic-pro-templates"
  1283.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1284.                        
  1285.                      >
  1286.                        Logic Pro
  1287.                      </a></li><li><a
  1288.                        id="HeaderMenu-templates-pro-tools"
  1289.                        href="/collections/pro-tools-templates"
  1290.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1291.                        
  1292.                      >
  1293.                        Pro Tools
  1294.                      </a></li><li><a
  1295.                        id="HeaderMenu-templates-fl-studio"
  1296.                        href="/collections/fl-studio-templates"
  1297.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1298.                        
  1299.                      >
  1300.                        FL Studio
  1301.                      </a></li><li><a
  1302.                        id="HeaderMenu-templates-studio-one"
  1303.                        href="/collections/studio-one-templates"
  1304.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1305.                        
  1306.                      >
  1307.                        Studio One
  1308.                      </a></li><li><a
  1309.                        id="HeaderMenu-templates-cubase"
  1310.                        href="/collections/cubase-templates"
  1311.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1312.                        
  1313.                      >
  1314.                        Cubase
  1315.                      </a></li><li><a
  1316.                        id="HeaderMenu-templates-luna"
  1317.                        href="/collections/luna-templates"
  1318.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1319.                        
  1320.                      >
  1321.                        Luna
  1322.                      </a></li></ul>
  1323.            </details>
  1324.          </header-menu></li><li><header-menu>
  1325.            <details id="Details-HeaderMenu-5">
  1326.              <summary
  1327.                id="HeaderMenu-sounds"
  1328.                class="header__menu-item list-menu__item link focus-inset"
  1329.              >
  1330.                <span
  1331.                >Sounds</span><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
  1332. </summary>
  1333.              <ul
  1334.                id="HeaderMenu-MenuList-5"
  1335.                class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
  1336.                role="list"
  1337.                tabindex="-1"
  1338.              ><li><a
  1339.                        id="HeaderMenu-sounds-serum-banks"
  1340.                        href="/collections/serum-presets"
  1341.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1342.                        
  1343.                      >
  1344.                        Serum Banks
  1345.                      </a></li><li><a
  1346.                        id="HeaderMenu-sounds-midi-packs"
  1347.                        href="/collections/midi-packs"
  1348.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1349.                        
  1350.                      >
  1351.                        MIDI Packs
  1352.                      </a></li><li><a
  1353.                        id="HeaderMenu-sounds-vocal-sample-packs"
  1354.                        href="/collections/vocal-samples"
  1355.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1356.                        
  1357.                      >
  1358.                        Vocal Sample Packs
  1359.                      </a></li><li><a
  1360.                        id="HeaderMenu-sounds-guitar-sample-packs"
  1361.                        href="/collections/sample-packs"
  1362.                        class="header__menu-item list-menu__item link link--text focus-inset caption-large"
  1363.                        
  1364.                      >
  1365.                        Guitar Sample Packs
  1366.                      </a></li></ul>
  1367.            </details>
  1368.          </header-menu></li><li><a
  1369.            id="HeaderMenu-courses"
  1370.            href="/collections/courses"
  1371.            class="header__menu-item list-menu__item link link--text focus-inset"
  1372.            
  1373.          >
  1374.            <span
  1375.            >Courses</span>
  1376.          </a></li><li><a
  1377.            id="HeaderMenu-contact"
  1378.            href="/pages/contact"
  1379.            class="header__menu-item list-menu__item link link--text focus-inset"
  1380.            
  1381.          >
  1382.            <span
  1383.            >Contact</span>
  1384.          </a></li></ul>
  1385. </nav>
  1386.  
  1387. <div class="header__icons header__icons--localization header-localization">
  1388.      <div class="desktop-localization-wrapper">
  1389. </div>
  1390.      
  1391.  
  1392. <details-modal class="header__search">
  1393.  <details>
  1394.    <summary
  1395.      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
  1396.      aria-haspopup="dialog"
  1397.      aria-label="Search"
  1398.    >
  1399.      <span>
  1400.        <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
  1401. </span>
  1402.        <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1403. </span>
  1404.      </span>
  1405.    </summary>
  1406.    <div
  1407.      class="search-modal modal__content gradient"
  1408.      role="dialog"
  1409.      aria-modal="true"
  1410.      aria-label="Search"
  1411.    >
  1412.      <div class="modal-overlay"></div>
  1413.      <div
  1414.        class="search-modal__content search-modal__content-bottom"
  1415.        tabindex="-1"
  1416.      ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
  1417.          <div class="field">
  1418.            <input
  1419.              class="search__input field__input"
  1420.              id="Search-In-Modal"
  1421.              type="search"
  1422.              name="q"
  1423.              value=""
  1424.              placeholder="Search"role="combobox"
  1425.                aria-expanded="false"
  1426.                aria-owns="predictive-search-results"
  1427.                aria-controls="predictive-search-results"
  1428.                aria-haspopup="listbox"
  1429.                aria-autocomplete="list"
  1430.                autocorrect="off"
  1431.                autocomplete="off"
  1432.                autocapitalize="off"
  1433.                spellcheck="false">
  1434.            <label class="field__label" for="Search-In-Modal">Search</label>
  1435.            <input type="hidden" name="options[prefix]" value="last">
  1436.            <button
  1437.              type="reset"
  1438.              class="reset__button field__button hidden"
  1439.              aria-label="Clear search term"
  1440.            >
  1441.              <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg>
  1442. </span>
  1443.            </button>
  1444.            <button class="search__button field__button" aria-label="Search">
  1445.              <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg>
  1446. </span>
  1447.            </button>
  1448.          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
  1449.  
  1450. <div class="predictive-search__loading-state">
  1451.  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
  1452.  
  1453. </div>
  1454. </div>
  1455.  
  1456.            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
  1457.          type="button"
  1458.          class="search-modal__close-button modal__close-button link link--text focus-inset"
  1459.          aria-label="Close"
  1460.        >
  1461.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1462. </span>
  1463.        </button>
  1464.      </div>
  1465.    </div>
  1466.  </details>
  1467. </details-modal>
  1468.  
  1469. <a
  1470.          href="https://wholeloops.com/customer_authentication/redirect?locale=en&region_country=US"
  1471.          class="header__icon header__icon--account link focus-inset small-hide"
  1472.          rel="nofollow"
  1473.        ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg>
  1474. </span></account-icon><span class="visually-hidden">Log in</span>
  1475.        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
  1476.        
  1477.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg>
  1478. </span>
  1479.        
  1480.        <span class="visually-hidden">Cart</span></a>
  1481.    </div>
  1482.  </header>
  1483. </sticky-header>
  1484.  
  1485. <cart-notification>
  1486.  <div class="cart-notification-wrapper page-width">
  1487.    <div
  1488.      id="cart-notification"
  1489.      class="cart-notification focus-inset color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient"
  1490.      aria-modal="true"
  1491.      aria-label="Item added to your cart"
  1492.      role="dialog"
  1493.      tabindex="-1"
  1494.    >
  1495.      <div class="cart-notification__header">
  1496.        <h2 class="cart-notification__heading caption-large text-body"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg>
  1497. Item added to your cart
  1498.        </h2>
  1499.        <button
  1500.          type="button"
  1501.          class="cart-notification__close modal__close-button link link--text focus-inset"
  1502.          aria-label="Close"
  1503.        >
  1504.          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
  1505. </span>
  1506.        </button>
  1507.      </div>
  1508.      <div id="cart-notification-product" class="cart-notification-product"></div>
  1509.      <div class="cart-notification__links">
  1510.        <a
  1511.          href="/cart"
  1512.          id="cart-notification-button"
  1513.          class="button button--secondary button--full-width"
  1514.        >View cart</a>
  1515.        <form action="/cart" method="post" id="cart-notification-form">
  1516.          <button class="button button--primary button--full-width" name="checkout">
  1517.            Check out
  1518.          </button>
  1519.        </form>
  1520.        <button type="button" class="link button-label">Continue shopping</button>
  1521.      </div>
  1522.    </div>
  1523.  </div>
  1524. </cart-notification>
  1525. <style data-shopify>
  1526.  .cart-notification {
  1527.    display: none;
  1528.  }
  1529. </style>
  1530.  
  1531.  
  1532. <script type="application/ld+json">
  1533.  {
  1534.    "@context": "http://schema.org",
  1535.    "@type": "Organization",
  1536.    "name": "Whole Loops",
  1537.    
  1538.      "logo": "https:\/\/wholeloops.com\/cdn\/shop\/files\/Whole_Loops_Logo_NEW.png?v=1741314289\u0026width=500",
  1539.    
  1540.    "sameAs": [
  1541.      "https:\/\/x.com\/ReidStefan",
  1542.      "https:\/\/www.facebook.com\/reidstefan",
  1543.      "",
  1544.      "https:\/\/www.instagram.com\/reidstefan",
  1545.      "https:\/\/www.tiktok.com\/@realestpuppet?lang=en",
  1546.      "",
  1547.      "",
  1548.      "https:\/\/www.youtube.com\/@ReidStefanMusic",
  1549.      ""
  1550.    ],
  1551.    "url": "https:\/\/wholeloops.com"
  1552.  }
  1553. </script>
  1554. </div>
  1555. <!-- END sections: header-group -->
  1556.  
  1557.    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  1558.      <div id="shopify-section-template--19145891938559__main" class="shopify-section"><style type="text/css">
  1559.  .template-404 .title + * {
  1560.    margin-top: 1rem;
  1561.  }
  1562.  
  1563.  @media screen and (min-width: 750px) {
  1564.    .template-404 .title + * {
  1565.      margin-top: 2rem;
  1566.    }
  1567.  }
  1568. </style>
  1569.  
  1570. <div class="template-404 page-width page-margin center">
  1571.  <p>
  1572.    404
  1573.  </p>
  1574.  <h1 class="title">
  1575.    Page not found
  1576.  </h1>
  1577.  <a href="/collections/all" class="button">
  1578.    Continue shopping
  1579.  </a>
  1580. </div>
  1581. </div>
  1582.    </main>
  1583.  
  1584.    <!-- BEGIN sections: footer-group -->
  1585. <div id="shopify-section-sections--19145892561151__footer" class="shopify-section shopify-section-group-footer-group">
  1586. <link href="//wholeloops.com/cdn/shop/t/1/assets/section-footer.css?v=60318643098753476351741311024" rel="stylesheet" type="text/css" media="all" />
  1587. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261741311023" rel="stylesheet" type="text/css" media="all" />
  1588. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991741311023" rel="stylesheet" type="text/css" media="all" />
  1589. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501741311023" rel="stylesheet" type="text/css" media="all" />
  1590. <link href="//wholeloops.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991741311023" rel="stylesheet" type="text/css" media="all" />
  1591. <style data-shopify>.footer {
  1592.    margin-top: 0px;
  1593.  }
  1594.  
  1595.  .section-sections--19145892561151__footer-padding {
  1596.    padding-top: 27px;
  1597.    padding-bottom: 27px;
  1598.  }
  1599.  
  1600.  @media screen and (min-width: 750px) {
  1601.    .footer {
  1602.      margin-top: 0px;
  1603.    }
  1604.  
  1605.    .section-sections--19145892561151__footer-padding {
  1606.      padding-top: 36px;
  1607.      padding-bottom: 36px;
  1608.    }
  1609.  }</style><footer class="footer color-scheme-b89a00c9-ccc1-4a6b-8b5d-e971812a438a gradient section-sections--19145892561151__footer-padding"><div class="footer__content-top page-width"><div
  1610.          class="footer-block--newsletter scroll-trigger animate--slide-in"
  1611.          
  1612.            data-cascade
  1613.          
  1614.        ><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
  1615.                <div class="newsletter-form__field-wrapper">
  1616.                  <div class="field">
  1617.                    <input
  1618.                      id="NewsletterForm--sections--19145892561151__footer"
  1619.                      type="email"
  1620.                      name="contact[email]"
  1621.                      class="field__input"
  1622.                      value=""
  1623.                      aria-required="true"
  1624.                      autocorrect="off"
  1625.                      autocapitalize="off"
  1626.                      autocomplete="email"
  1627.                      
  1628.                      placeholder="Email"
  1629.                      required
  1630.                    >
  1631.                    <label class="field__label" for="NewsletterForm--sections--19145892561151__footer">
  1632.                      Email
  1633.                    </label>
  1634.                    <button
  1635.                      type="submit"
  1636.                      class="newsletter-form__button field__button"
  1637.                      name="commit"
  1638.                      id="Subscribe"
  1639.                      aria-label="Subscribe"
  1640.                    >
  1641.                      <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
  1642. </span>
  1643.                    </button>
  1644.                  </div></div></form></div>
  1645.  
  1646. <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
  1647.      <a href="https://www.facebook.com/reidstefan" class="link list-social__link">
  1648.        <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg>
  1649. </span>
  1650.        <span class="visually-hidden">Facebook</span>
  1651.      </a>
  1652.    </li><li class="list-social__item">
  1653.      <a href="https://www.instagram.com/reidstefan" class="link list-social__link">
  1654.        <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg>
  1655. </span>
  1656.        <span class="visually-hidden">Instagram</span>
  1657.      </a>
  1658.    </li><li class="list-social__item">
  1659.      <a href="https://www.youtube.com/@ReidStefanMusic" class="link list-social__link">
  1660.        <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg>
  1661. </span>
  1662.        <span class="visually-hidden">YouTube</span>
  1663.      </a>
  1664.    </li><li class="list-social__item">
  1665.      <a href="https://www.tiktok.com/@realestpuppet?lang=en" class="link list-social__link">
  1666.        <span class="svg-wrapper"><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg>
  1667. </span>
  1668.        <span class="visually-hidden">TikTok</span>
  1669.      </a>
  1670.    </li><li class="list-social__item">
  1671.      <a href="https://x.com/ReidStefan" class="link list-social__link">
  1672.        <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg>
  1673. </span>
  1674.        <span class="visually-hidden">X (Twitter)</span>
  1675.      </a>
  1676.    </li></ul>
  1677. </div>
  1678.      </div><div
  1679.    class="footer__content-bottom scroll-trigger animate--slide-in"
  1680.    
  1681.      data-cascade
  1682.    
  1683.  >
  1684.    <div class="footer__content-bottom-wrapper page-width">
  1685.      <div class="footer__column footer__localization isolate"></div>
  1686.      <div class="footer__column footer__column--info"></div>
  1687.    </div>
  1688.    <div class="footer__content-bottom-wrapper page-width">
  1689.      <div class="footer__copyright caption">
  1690.        <small class="copyright__content"
  1691.          >&copy; 2025, <a href="/" title="">Whole Loops</a></small>
  1692.        <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></small></div>
  1693.    </div>
  1694.  </div>
  1695. </footer>
  1696.  
  1697.  
  1698. </div>
  1699. <!-- END sections: footer-group -->
  1700.  
  1701.    <ul hidden>
  1702.      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
  1703.      <li id="a11y-new-window-message">Opens in a new window.</li>
  1704.    </ul>
  1705.  
  1706.    <script>
  1707.      window.shopUrl = 'https://wholeloops.com';
  1708.      window.routes = {
  1709.        cart_add_url: '/cart/add',
  1710.        cart_change_url: '/cart/change',
  1711.        cart_update_url: '/cart/update',
  1712.        cart_url: '/cart',
  1713.        predictive_search_url: '/search/suggest',
  1714.      };
  1715.  
  1716.      window.cartStrings = {
  1717.        error: `There was an error while updating your cart. Please try again.`,
  1718.        quantityError: `You can only add [quantity] of this item to your cart.`,
  1719.      };
  1720.  
  1721.      window.variantStrings = {
  1722.        addToCart: `Add to cart`,
  1723.        soldOut: `Sold out`,
  1724.        unavailable: `Unavailable`,
  1725.        unavailable_with_option: `[value] - Unavailable`,
  1726.      };
  1727.  
  1728.      window.quickOrderListStrings = {
  1729.        itemsAdded: `[quantity] items added`,
  1730.        itemAdded: `[quantity] item added`,
  1731.        itemsRemoved: `[quantity] items removed`,
  1732.        itemRemoved: `[quantity] item removed`,
  1733.        viewCart: `View cart`,
  1734.        each: `[money]/ea`,
  1735.        min_error: `This item has a minimum of [min]`,
  1736.        max_error: `This item has a maximum of [max]`,
  1737.        step_error: `You can only add this item in increments of [step]`,
  1738.      };
  1739.  
  1740.      window.accessibilityStrings = {
  1741.        imageAvailable: `Image [index] is now available in gallery view`,
  1742.        shareSuccess: `Link copied to clipboard`,
  1743.        pauseSlideshow: `Pause slideshow`,
  1744.        playSlideshow: `Play slideshow`,
  1745.        recipientFormExpanded: `Gift card recipient form expanded`,
  1746.        recipientFormCollapsed: `Gift card recipient form collapsed`,
  1747.        countrySelectorSearchCount: `[count] countries/regions found`,
  1748.      };
  1749.    </script><script src="//wholeloops.com/cdn/shop/t/1/assets/predictive-search.js?v=57209189334897115771741311024" defer="defer"></script><div id="shopify-block-AWFNNenlBR2N5d2ZuU__12657775114333427046" class="shopify-block shopify-app-block"><script>
  1750.    window.essentialCountdownTimerConfigs = [{"id":"cm7y6966000mhjnucmo7l8um6","name":"Easter Sale","title":"Easter Sale 50% Off Sale Ends in:","customTitle":"","endDate":"2025-05-01T01:42:00.000Z","startDate":"2025-04-17T17:18:00.000Z","subheading":"Get 50% off all orders during Easter 2025","fixedMinutes":"120","repeat":false,"timerType":"toDate","type":"top-bar","published":true,"timerPlacement":"","showOnProducts":[],"showOnCollections":[],"legendCopyDays":"Days","legendCopyHours":"Hrs","legendCopyMins":"Mins","legendCopySecs":"Secs","CTAType":"button","CTALink":"https://w1q1ty-9y.myshopify.com","closeButton":false,"buttonText":"Shop now!","updatedAt":"2025-04-17T17:18:35.269Z","createdAt":"2025-03-07T02:44:01.421Z","onceItEnds":"hide","style":{"font":"","position":"top-page","stickyBar":false,"timerSize":"22","titleSize":"18","borderSize":"0","buttonText":"Shop now!","legendSize":"10","timerColor":"#202223","titleColor":"#202223","borderColor":"#c5c8d1","gradientEnd":"#FFFFFF","legendColor":"#6d7175","singleColor":"#FFFFFF","gradientTurn":"90","gradientStart":"#DDDDDD","backgroundType":"singleBackground","buttonFontSize":"14","closeIconColor":"#6d7175","subheadingSize":"14","buttonFontColor":"#FFFFFF","subheadingColor":"#202223","buttonBorderRadius":"4","announcementBarStyle":"line-centered","buttonBackgroundColor":"#202223"},"recurringDays":[],"startType":"today","endType":"never","productTags":[],"showInCountries":[],"locationType":"","translations":[],"showOnProductsInCollections":[],"duration":1153404044}];
  1751.  
  1752.  const essentialCollectionId = null;
  1753.  window.essentialCountdownTimerMeta = {
  1754.    productData: null,
  1755.    productCollections: null,
  1756.  };
  1757.  window.essentialProductTags = null
  1758. </script>
  1759.  
  1760. </div></body>
  1761. </html>
  1762.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda