1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta content="IE=edge" http-equiv="X-UA-Compatible" /> 6 <meta content="width=device-width,initial-scale=1" name="viewport" /> 7 <link rel="canonical" href="https://elementsofficial.com/cart" /> 8 9 <title>Your Shopping Cart | Elements</title> 10 11 12<meta name="description" content="The official website and shop of Elements. Find the latest content, buy merch, and support your favorite creator." /> 13<meta property="og:site_name" content="Elements" /> 14<meta property="og:url" content="https://elementsofficial.com/cart" /> 15<meta property="og:description" content="The official website and shop of Elements. Find the latest content, buy merch, and support your favorite creator." /> 16 17 18 19 20 21<meta property="og:title" content="Your Shopping Cart | Elements" /> 22<meta property="og:type" content="website" /> 23 24 25 <meta property="og:image" content="https://imgproxy.fourthwall.dev/lUZSHGkfsnxDgQSu5E8wBthS8QoIqpGqauGQvfdVpg4/w:1200/sm:1/enc/TIfz2dJQZ5Dd87uq/L0Zg3UNBMblVmZDK/9YYlswV51JnfxeRf/JkI1wsbqyAQxC1xQ/8dqgL6vncr9F_sY-/mrSKt61Xdg9Fimhl/yl5ly69NjZpMNOUb/jzVNkZB5t5pgoHSt/yw6zbQ-o0lVg5bFY/INvFnDzvQ3jffLh_/8AnLKaXb9K774V3F/r6HRZbjpqBEGMme4/ymGx2OdcyMFIH9OA/Ubvo1DRFBBniEAVF/dsSKQ2zkcbK3hlnd/1wM3hRaduWNclIFj.png" /> 26 <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/lUZSHGkfsnxDgQSu5E8wBthS8QoIqpGqauGQvfdVpg4/w:1200/sm:1/enc/TIfz2dJQZ5Dd87uq/L0Zg3UNBMblVmZDK/9YYlswV51JnfxeRf/JkI1wsbqyAQxC1xQ/8dqgL6vncr9F_sY-/mrSKt61Xdg9Fimhl/yl5ly69NjZpMNOUb/jzVNkZB5t5pgoHSt/yw6zbQ-o0lVg5bFY/INvFnDzvQ3jffLh_/8AnLKaXb9K774V3F/r6HRZbjpqBEGMme4/ymGx2OdcyMFIH9OA/Ubvo1DRFBBniEAVF/dsSKQ2zkcbK3hlnd/1wM3hRaduWNclIFj.png" /> 27 <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/lUZSHGkfsnxDgQSu5E8wBthS8QoIqpGqauGQvfdVpg4/w:1200/sm:1/enc/TIfz2dJQZ5Dd87uq/L0Zg3UNBMblVmZDK/9YYlswV51JnfxeRf/JkI1wsbqyAQxC1xQ/8dqgL6vncr9F_sY-/mrSKt61Xdg9Fimhl/yl5ly69NjZpMNOUb/jzVNkZB5t5pgoHSt/yw6zbQ-o0lVg5bFY/INvFnDzvQ3jffLh_/8AnLKaXb9K774V3F/r6HRZbjpqBEGMme4/ymGx2OdcyMFIH9OA/Ubvo1DRFBBniEAVF/dsSKQ2zkcbK3hlnd/1wM3hRaduWNclIFj.png" /> 28 29<meta name="twitter:card" content="summary_large_image" /> 30<meta name="twitter:title" content="Your Shopping Cart | Elements" /> 31<meta name="twitter:description" content="The official website and shop of Elements. Find the latest content, buy merch, and support your favorite creator." /> 32 33 34 <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/HQIF_J3qzBLoVz3msNQm3tORakiLaE-WXBkRFgL5Cvg/rs:fill:192:192:0/bg:7d0000/sm:1/enc/nswAXBN8lybzGu1N/wjaW-s7zWX6Cr_qS/ic-AnUHyrsynibHG/yy8dvaNow3RfTVTF/naEnMs6LA06MyGco/dTH_9S6RNtCzkH8G/BjFYk1gECp8CiDcQ/ISnaUnfC4X5H7RY1/V1pJBpRoZiZZ_A32/c1Xw2srkWVgOd4gy/ShUkV496paQCmVj2/a05YSVKNLfa5QvrN.png" sizes="96x96" type="image/png" /> 35<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/HQIF_J3qzBLoVz3msNQm3tORakiLaE-WXBkRFgL5Cvg/rs:fill:192:192:0/bg:7d0000/sm:1/enc/nswAXBN8lybzGu1N/wjaW-s7zWX6Cr_qS/ic-AnUHyrsynibHG/yy8dvaNow3RfTVTF/naEnMs6LA06MyGco/dTH_9S6RNtCzkH8G/BjFYk1gECp8CiDcQ/ISnaUnfC4X5H7RY1/V1pJBpRoZiZZ_A32/c1Xw2srkWVgOd4gy/ShUkV496paQCmVj2/a05YSVKNLfa5QvrN.png" sizes="48x48" type="image/png" /> 36 37 38 <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/HQIF_J3qzBLoVz3msNQm3tORakiLaE-WXBkRFgL5Cvg/rs:fill:192:192:0/bg:7d0000/sm:1/enc/nswAXBN8lybzGu1N/wjaW-s7zWX6Cr_qS/ic-AnUHyrsynibHG/yy8dvaNow3RfTVTF/naEnMs6LA06MyGco/dTH_9S6RNtCzkH8G/BjFYk1gECp8CiDcQ/ISnaUnfC4X5H7RY1/V1pJBpRoZiZZ_A32/c1Xw2srkWVgOd4gy/ShUkV496paQCmVj2/a05YSVKNLfa5QvrN.png" sizes="180x180" type="image/png" /> 39 40 41<meta content="#ffffff" name="msapplication-TileColor" /> 42<meta content="1.0.0" name="version" /> 43 44 45 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/5d5867e7-e64a-481b-91f3-6f5c283853bf/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOwIJobZI=" crossorigin="anonymous" /> 46 47 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/29ac8ec3-aa59-4f4b-bdd3-a03ba4d8a516/assets/styles/css-variables.scss.css?v=9a1dc2513ccc11b22866a8978eab0a2d2a131c47d300ec6786f28496592524bc" media="all" integrity="sha256-mh3CUTzMEbIoZqiXjqsKLSoTHEfTAOxnhvKEllklJLw=" crossorigin="anonymous" /> 48 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/29ac8ec3-aa59-4f4b-bdd3-a03ba4d8a516/assets/styles/theme.scss.css?v=b36d97841891dac5fe9e0924b54f845c06ac80a69cb779062bff8c05b122e20a" media="all" integrity="sha256-s22XhBiR2sX+ngkktU+EXAasgKact3kGK/+MBbEi4go=" crossorigin="anonymous" /> 49
50 <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin> 51<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
52<script src="/platform/geo/redirect.js"></script>
vendor: 1 bytes, line 52
52
53<script src="https://js.stripe.com/v3/" async></script>
53 54<link rel="alternate" href="https://elementsofficial.com/cart" hreflang="x-default" /> 55<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-AQ" /> 56<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-AS" /> 57<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-BQ" /> 58<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-EC" /> 59<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-FM" /> 60<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-GU" /> 61<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-IO" /> 62<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-MH" /> 63<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-MP" /> 64<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-PR" /> 65<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-PW" /> 66<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-SV" /> 67<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-TC" /> 68<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-UM" /> 69<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-US" /> 70<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-VG" /> 71<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-VI" /> 72<link rel="alternate" href="https://elementsofficial.com/en-usd/cart" hreflang="en-ZW" /> 73<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-AD" /> 74<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-AT" /> 75<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-AX" /> 76<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-BE" /> 77<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-BG" /> 78<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-BL" /> 79<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-CY" /> 80<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-DE" /> 81<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-EE" /> 82<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-ES" /> 83<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-FI" /> 84<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-FR" /> 85<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-GF" /> 86<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-GP" /> 87<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-GR" /> 88<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-HR" /> 89<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-IE" /> 90<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-IT" /> 91<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-LT" /> 92<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-LU" /> 93<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-LV" /> 94<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-MC" /> 95<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-ME" /> 96<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-MF" /> 97<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-MQ" /> 98<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-MT" /> 99<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-NL" /> 100<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-PM" /> 101<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-PT" /> 102<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-RE" /> 103<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-SI" /> 104<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-SK" /> 105<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-SM" /> 106<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-TF" /> 107<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-VA" /> 108<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-YT" /> 109<link rel="alternate" href="https://elementsofficial.com/en-eur/cart" hreflang="en-XK" /> 110<link rel="alternate" href="https://elementsofficial.com/en-cad/cart" hreflang="en-CA" /> 111<link rel="alternate" href="https://elementsofficial.com/en-gbp/cart" hreflang="en-GB" /> 112<link rel="alternate" href="https://elementsofficial.com/en-gbp/cart" hreflang="en-GG" /> 113<link rel="alternate" href="https://elementsofficial.com/en-gbp/cart" hreflang="en-GS" /> 114<link rel="alternate" href="https://elementsofficial.com/en-gbp/cart" hreflang="en-IM" /> 115<link rel="alternate" href="https://elementsofficial.com/en-gbp/cart" hreflang="en-JE" /> 116<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-AU" /> 117<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-CC" /> 118<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-CX" /> 119<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-HM" /> 120<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-KI" /> 121<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-NF" /> 122<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-NR" /> 123<link rel="alternate" href="https://elementsofficial.com/en-aud/cart" hreflang="en-TV" /> 124<link rel="alternate" href="https://elementsofficial.com/en-nzd/cart" hreflang="en-CK" /> 125<link rel="alternate" href="https://elementsofficial.com/en-nzd/cart" hreflang="en-NU" /> 126<link rel="alternate" href="https://elementsofficial.com/en-nzd/cart" hreflang="en-NZ" /> 127<link rel="alternate" href="https://elementsofficial.com/en-nzd/cart" hreflang="en-PN" /> 128<link rel="alternate" href="https://elementsofficial.com/en-nzd/cart" hreflang="en-TK" /> 129<link rel="alternate" href="https://elementsofficial.com/en-sek/cart" hreflang="en-SE" /> 130<link rel="alternate" href="https://elementsofficial.com/en-nok/cart" hreflang="en-BV" /> 131<link rel="alternate" href="https://elementsofficial.com/en-nok/cart" hreflang="en-NO" /> 132<link rel="alternate" href="https://elementsofficial.com/en-nok/cart" hreflang="en-SJ" /> 133<link rel="alternate" href="https://elementsofficial.com/en-dkk/cart" hreflang="en-DK" /> 134<link rel="alternate" href="https://elementsofficial.com/en-dkk/cart" hreflang="en-FO" /> 135<link rel="alternate" href="https://elementsofficial.com/en-dkk/cart" hreflang="en-GL" /> 136<link rel="alternate" href="https://elementsofficial.com/en-pln/cart" hreflang="en-PL" /> 137<link rel="alternate" href="https://elementsofficial.com/en-inr/cart" hreflang="en-IN" /> 138<link rel="alternate" href="https://elementsofficial.com/en-jpy/cart" hreflang="en-JP" /> 139<link rel="alternate" href="https://elementsofficial.com/en-myr/cart" hreflang="en-MY" /> 140<link rel="alternate" href="https://elementsofficial.com/en-sgd/cart" hreflang="en-SG" /> 141<link rel="alternate" href="https://elementsofficial.com/en-mxn/cart" hreflang="en-MX" /> 142<link rel="alternate" href="https://elementsofficial.com/en-brl/cart" hreflang="en-BR" /> 143<link rel="alternate" href="https://elementsofficial.com/en-chf/cart" hreflang="en-CH" /> 144<link rel="alternate" href="https://elementsofficial.com/en-chf/cart" hreflang="en-LI" />
vendor: 68 bytes, lines 144-145
144 145<script src="https://www.google.com/recaptcha/enterprise.js?render=
1456LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt
vendor: 18 bytes, line 145
145" async></script>
146<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
146 147<style> 148 .grecaptcha-badge { display: none !important; } 149</style>
150<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
vendor: 1 bytes, line 150
150
151<script> 152 window.shopName = 'Elements'; 153 window.shopId = 'sh_5063c82d-4732-4b41-a9cb-70bb3295510f'; 154 window.cookie_policy = 'ShowInEu'; 155</script>
155 156<!-- Google Tag Manager -->
157<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 158new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 159j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 160'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f); 161})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
161 162<!-- End Google Tag Manager -->
163<script>window.creatorGa4Id = ''; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
vendor: 1 bytes, line 163
163
164<script> 165 (function () { 166 function setCookie(name, value, days) { 167 if (typeof days === 'undefined') days = 90; 168 var expires = new Date(Date.now() + days * 86400000).toUTCString(); 169 document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/'; 170 } 171 172 function getCookie(name) { 173 var cookies = document.cookie.split('; '); 174 for (var i = 0; i < cookies.length; i++) { 175 if (cookies[i].indexOf(name + '=') === 0) { 176 return cookies[i].split('=')[1]; 177 } 178 } 179 return null; 180 } 181 182 function handleTrackingParams() { 183 var params = window.location.search.substring(1).split('&'); 184 var paramMap = {}; 185 186 for (var i = 0; i < params.length; i++) { 187 var kv = params[i].split('='); 188 if (kv.length === 2) { 189 paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]); 190 } 191 } 192 193 if (!getCookie('_fbp')) { 194 var randomPart = Math.floor(Math.random() * 10000000000); 195 var fbp = 'fb.1.' + Date.now() + '.' + randomPart; 196 setCookie('_fbp', fbp); 197 } 198 199 for (var key in paramMap) { 200 if (paramMap.hasOwnProperty(key)) { 201 var value = paramMap[key]; 202 var isUTM = key.indexOf('utm_') === 0; 203 204 if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') { 205 continue; 206 } 207 208 if (isUTM || key === 'gclid' || key === 'fbclid') { 209 setCookie(key, value); 210 } 211 212 if (key === 'fbclid' && !getCookie('_fbc')) { 213 var fbc = 'fb.1.' + Date.now() + '.' + value; 214 setCookie('_fbc', fbc); 215 } 216 } 217 } 218 } 219 220 handleTrackingParams(); 221 })(); 222</script>
vendor: 1 bytes, line 222
222
223<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
223 224<meta name='theme-color' content='#0e0e0e' /> 225<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/29ac8ec3-aa59-4f4b-bdd3-a03ba4d8a516/assets/styles/custom_sections.css?v=e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855" media="all">
226<script> 227 (function() { 228 window.addEventListener('cart:updated', function(event) { 229 var cart = event.detail; 230 if (!cart || !cart.items || !cart.items.length) return; 231 var currency = 'USD'; 232 var isZeroDecimal = currency === 'JPY'; 233 var items = cart.items.map(function(item) { 234 var price = isZeroDecimal ? item.price : item.price / 100; 235 return { 236 item_id: item.id || item.offer_id, 237 item_name: item.title || item.name, 238 item_brand: `Elements`, 239 price: price, 240 quantity: item.quantity || 1 241 }; 242 }); 243 var value = isZeroDecimal ? cart.total_price : cart.total_price / 100; 244 dataLayer.push({ ecommerce: null }); 245 dataLayer.push({ 246 event: "view_cart", 247 ecommerce: { 248 currency: currency, 249 value: value, 250 items: items 251 }, 252 shopId: 'sh_5063c82d-4732-4b41-a9cb-70bb3295510f' 253 }); 254 }, { once: true }); 255 })(); 256</script>
vendor: 1 bytes, line 256
256
257<script type="text/javascript"> 258 var currentCart = {"id":null,"item_count":0,"unique_item_count":0,"items":[]}; 259</script>
vendor: 1 bytes, line 259
259
260<script type="module"> 261 function iframeReady(section, iframe, url, appId, settings) { 262 const baseIframeUrl = url; 263 264 function buildUrl(url, params) { 265 if (!params) return url; 266 var qs = Object.keys(params) 267 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 268 .join('&'); 269 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 270 } 271 272 const appHmac = window.appHmac && window.appHmac[appId]; 273 274 const params = { 275 hmac: appHmac, 276 timestamp: window.hmacTimestamp, 277 tier_id: window.tierId, 278 supporter_id: window.supporterId, 279 shop_id: window.shopId, 280 }; 281 282 iframe.src = buildUrl(baseIframeUrl, appHmac ? params : null); 283 iframe.onload = null 284 285 // Extract origin from URL for security checking 286 let expectedOrigin; 287 try { 288 expectedOrigin = new URL(url).origin; 289 } catch (e) { 290 console.warn('Could not parse URL origin:', url); 291 } 292 293 // Listen for messages specifically from this iframe 294 const messageHandler = (event) => { 295 // Check if the message is from this specific iframe 296 if (event.source !== iframe.contentWindow) { 297 return; // Ignore messages from other iframes/windows 298 } 299 300 // Optional: Also verify the origin for security 301 if (expectedOrigin && event.origin !== expectedOrigin) { 302 console.warn('Message received from unexpected origin:', event.origin); 303 return; 304 } 305 306 if (event.data.type === 'RESIZE') { 307 iframe.style.height = event.data.data.height + 'px'; 308 } else if (event.data.type === 'CLOSE') { 309 section.style.height = '0px'; 310 } 311 }; 312 313 window.addEventListener('message', messageHandler); 314 315 // Store the handler for cleanup (optional) 316 iframe._messageHandler = messageHandler; 317 } 318 319 class Hmac extends HTMLElement { 320 constructor() { 321 super() 322 this.section = this.parentElement.parentElement; 323 this.iframe = this.querySelector('iframe') 324 this.url = this.getAttribute('url') 325 this.appId = this.getAttribute('app_id') 326 this.settings = this.getAttribute('settings') 327 } 328 329 connectedCallback() { 330 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 331 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 332 } else { 333 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 334 } 335 } 336 337 disconnectedCallback() { 338 if (this.iframe && this.iframe._messageHandler) { 339 window.removeEventListener('message', this.iframe._messageHandler); 340 delete this.iframe._messageHandler; 341 } 342 } 343 } 344 345 customElements.define('app-hmac-component', Hmac) 346</script>
346 347 348 </head> 349 350 351 352 353 354 355 <body class="body cart " > 356 <!-- Google Tag Manager (noscript) --> 357<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 358height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 359<!-- End Google Tag Manager (noscript) --> 360 361 <a href="#main-content" class="skip-link">Skip to content</a> 362 363 <div class="page"> 364 <div> 365 <div id="fw-section-announcement-bar-9de8de73-738c-4b02-9c39-e528aa28d9f4" class="fw-section"><section class="announcement-bar"> 366 <div class="wrapper"> 367 368 369 370 371 372 373 374 <div class="announcement-bar__inner"> 375 376 377 378 <div class="announcement-bar__label"> 379 Limited-Time Sale Available Now! 380 </div> 381 382 383 384 </div> 385 386 </div> 387</section> 388 389 390</div><div id="fw-section-header" class="fw-section"> 391 392 393 394 395 396<header 397 data-testid='main.single.section' 398 class='header' 399> 400 <div class='wrapper'> 401 <div class='header__grid header__grid--search header--middle-center header__size--md'> 402 <div class='header__mobile-menu hidden@sm'> 403 <button data-drawer-trigger-primary='mobile-menu' class='header__icon' aria-label='Open menu'> 404 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 405 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/> 406</svg> 407 408 </button> 409 </div> 410 411 412 413 <div class='header__logo-container'><div class='header__logo'> 414 <a href='/' class='header__logo-link'> 415 416 417 418 419 <img 420 src="https://imgproxy.fourthwall.dev/XNsO2Ksf5fC2sjNTK_Dy21qEVm01gda5VG5KPDpAQkw/w:320/sm:1/enc/aoYEx5-t7b6EesZt/JCt938zjXLsDh0zD/TpRDOXM3lAEvwRDV/VIM2drtQylOLPdi2/UHnMsxhwMctwx1MG/OPXFKk01IJ6ysYyc/Jk8s5Eoz3ZEi2-yg/gW0Bk_bRrK_MMFWh/oyS0OHqiJ8dDFFxQ/DRwRl5CJrntjFgrK/Y1nCBzWudAWjv8ja/DkfyLK3VO_c5UKWu/RY0sijijRS8hs9zj/wmNRUoQO902k-Rfu/rrQ6X3KYA5C8sBiB/sBl9RA_AbV3i6nBA.webp" 421 srcset="https://imgproxy.fourthwall.dev/XNsO2Ksf5fC2sjNTK_Dy21qEVm01gda5VG5KPDpAQkw/w:320/sm:1/enc/aoYEx5-t7b6EesZt/JCt938zjXLsDh0zD/TpRDOXM3lAEvwRDV/VIM2drtQylOLPdi2/UHnMsxhwMctwx1MG/OPXFKk01IJ6ysYyc/Jk8s5Eoz3ZEi2-yg/gW0Bk_bRrK_MMFWh/oyS0OHqiJ8dDFFxQ/DRwRl5CJrntjFgrK/Y1nCBzWudAWjv8ja/DkfyLK3VO_c5UKWu/RY0sijijRS8hs9zj/wmNRUoQO902k-Rfu/rrQ6X3KYA5C8sBiB/sBl9RA_AbV3i6nBA.webp 1x, https://imgproxy.fourthwall.dev/HZOppWsK_RAZoyWluWeFR5GYVHWmWwdHsFWm8U3ToRw/w:320/dpr:2/sm:1/enc/aoYEx5-t7b6EesZt/JCt938zjXLsDh0zD/TpRDOXM3lAEvwRDV/VIM2drtQylOLPdi2/UHnMsxhwMctwx1MG/OPXFKk01IJ6ysYyc/Jk8s5Eoz3ZEi2-yg/gW0Bk_bRrK_MMFWh/oyS0OHqiJ8dDFFxQ/DRwRl5CJrntjFgrK/Y1nCBzWudAWjv8ja/DkfyLK3VO_c5UKWu/RY0sijijRS8hs9zj/wmNRUoQO902k-Rfu/rrQ6X3KYA5C8sBiB/sBl9RA_AbV3i6nBA.webp 2x" 422 alt="Elements" 423 class="header__logo-image header__logo-image--md" 424 itemprop="logo" 425 > 426 427 428 </a> 429 </div> 430 </div> 431 432 433 <div class='header__nav-container visible@sm'> 434 <nav class='header__nav' aria-label='Primary'> 435 <ul class='header__list list--horizontal'> 436 437 <li class="header__list-item"> 438 <a 439 href="/" 440 class="header__link" 441 442 > 443 Home 444 445 446 </a> 447 448 449 </li> 450 451 <li class="header__list-item"> 452 <a 453 href="/pages/store" 454 class="header__link" 455 456 > 457 Store 458 459 460 </a> 461 462 463 </li> 464 465 <li class="header__list-item"> 466 <a 467 href="/pages/media" 468 class="header__link" 469 470 > 471 Media 472 473 474 </a> 475 476 477 </li> 478 479 <li class="header__list-item"> 480 <a 481 href="/pages/about" 482 class="header__link" 483 484 > 485 About 486 487 488 </a> 489 490 491 </li> 492 493 </ul> 494 </nav> 495 </div> 496 497 498 <div class='header__icons'> 499 <ul class='header__list list list--horizontal'> 500 501 502 503 504 505 506 <li class="header__list-item visible@sm"> 507 <a 508 509 href="https://youtube.com/channel/UCAs2QhnwejcPgxjNgvYe4dg" 510 511 target="_blank" 512 class="header__icon" 513 aria-label="Youtube (opens in a new tab)" 514 > 515 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 516<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.901
5167 10.1575 13.7817 10.2342Z" fill="currentColor"/> 517</svg> 518 519 520 </a> 521 </li> 522 523 524 525 526 <li class="header__list-item visible@sm"> 527 <a 528 529 href="https://instagram.com/elementsband.us" 530 531 target="_blank" 532 class="header__icon" 533 aria-label="Instagram (opens in a new tab)" 534 > 535 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 536<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 537</svg> 538 539 540 </a> 541 </li> 542 543 544 545 546 <li class="header__list-item visible@sm"> 547 <a 548 549 href="https://tiktok.com/@elementsbandar" 550 551 target="_blank" 552 class="header__icon" 553 aria-label="Tiktok (opens in a new tab)" 554 > 555 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 556<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7329 0C14.0629 2.83809 15.6469 4.53015 18.401 4.71015V7.90226C16.805 8.05826 15.4069 7.53624 13.7809 6.55221V12.5224C13.7809 20.1067 5.51259 22.4767 2.18848 17.0406C0.0524123 13.5424 1.36045 7.40424 8.21268 7.15823V10.5243C7.69066 10.6083 7.13264 10.7403 6.62263 10.9144C5.09858 11.4304 4.23455 12.3964 4.47456 14.1005C4.93657 17.3646 10.9248 18.3306 10.4267 11.9524V0.00600019H13.7329V0Z" fill="currentColor"/> 557</svg> 558 559 560 </a> 561 </li> 562 563 564 565 566 <li class="header__list-item visible@sm"> 567 <a 568 569 href="https://facebook.com/elementsbandar" 570 571 target="_blank" 572 class="header__icon" 573 aria-label="Facebook (opens in a new tab)" 574 > 575 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 576<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.98779 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/> 577</svg> 578 579 580 </a> 581 </li> 582 583 584 585 586 <li class="header__list-item visible@sm"> 587 <a 588 589 href="https://x.com/ElementsbandAR" 590 591 target="_blank" 592 class="header__icon" 593 aria-label="X (opens in a new tab)" 594 > 595 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 596<path d="M11.6666 8.66091L18.1824 1.25H16.6389L10.9788 7.68347L6.4615 1.25H1.25L8.08258 10.9795L1.25 18.75H2.7935L8.76683 11.9546L13.5385 18.75H18.75M3.35058 2.38888H5.72183L16.6378 17.6671H14.2659" fill="currentColor"/> 597</svg> 598 599 </a> 600 </li> 601 602 603 604 605 <li class="header__list-item visible@sm"> 606 <a 607 608 href="https://open.spotify.com/artist/3Tc5dzk9n6gtKlFkxV0wqK" 609 610 target="_blank" 611 class="header__icon" 612 aria-label="Spotify (opens in a new tab)" 613 > 614 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 615<path d="M10.0006 0.150391C4.56099 0.150391 0.151703 4.55968 0.151703 9.99926C0.151703 15.4388 4.56099 19.8481 10.0006 19.8481C15.4401 19.8481 19.8494 15.4388 19.8494 9.99926C19.8494 4.55968 15.4401 0.150391 10.0006 0.150391ZM14.5169 14.3568C14.3405 14.6473 13.9618 14.7379 13.6724 14.5614C11.359 13.1477 8.44808 12.829 5.01968 13.6123C4.68919 13.6876 4.35988 13.4806 4.2846 13.1513C4.20933 12.8208 4.41515 12.4915 4.74682 12.4162C8.49866 11.5588 11.7165 11.9281 14.3134 13.5135C14.6027 13.6888 14.6945 14.0675 14.5169 14.3568ZM15.7224 11.6752C15.5001 12.0363 15.0273 12.1504 14.6663 11.9281C12.02 10.3015 7.98352 9.8299 4.8515 10.7802C4.44573 10.9025 4.01645 10.6744 3.89295 10.2686C3.77064 9.86283 3.99998 9.43472 4.40457 9.31123C7.98234 8.22566 12.4293 8.75139 15.4684 10.6203C15.8306 10.8414 15.9435 11.3142 15.7224 11.6752ZM15.8259 8.88194C12.6516 6.99661 7.41427 6.82372 4.3834 7.74345C3.89648 7.89164 3.38252 7.61643 3.23433 7.12951C3.08731 6.6426 3.36135 6.12863 3.84826 5.98044C7.32724 4.92428 13.1114 5.12893 16.7656 7.2977C17.2032 7.55762 17.3466 8.12334 17.0879 8.5
6155968C16.8291 8.9972 16.2623 9.14186 15.8259 8.88194Z" fill="currentColor"/> 616</svg> 617 618 619 </a> 620 </li> 621 622 623 624 625 626 627 628 629 630 <li class='header__list-item visible@sm'> 631 <a class='header__link header__link--icon' tabindex='0' role='button' aria-label='Currency selector, current: USD'> 632 USD 633 634 635 <span class='header__link-icon'> 636 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 637 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 638</svg> 639 640 </span> 641 642 </a> 643 644 645 <div class='header__dropdown header__dropdown--content'> 646 <ul class='header__dropdown-inner'> 647 648 <li class='header__dropdown-item'> 649 <a 650 class='header__dropdown-link' 651 href='/localization?currency=USD&return_to=/cart' 652 > 653 USD 654 </a> 655 </li> 656 657 <li class='header__dropdown-item'> 658 <a 659 class='header__dropdown-link' 660 href='/localization?currency=EUR&return_to=/cart' 661 > 662 EUR 663 </a> 664 </li> 665 666 <li class='header__dropdown-item'> 667 <a 668 class='header__dropdown-link' 669 href='/localization?currency=CAD&return_to=/cart' 670 > 671 CAD 672 </a> 673 </li> 674 675 <li class='header__dropdown-item'> 676 <a 677 class='header__dropdown-link' 678 href='/localization?currency=GBP&return_to=/cart' 679 > 680 GBP 681 </a> 682 </li> 683 684 <li class='header__dropdown-item'> 685 <a 686 class='header__dropdown-link' 687 href='/localization?currency=AUD&return_to=/cart' 688 > 689 AUD 690 </a> 691 </li> 692 693 <li class='header__dropdown-item'> 694 <a 695 class='header__dropdown-link' 696 href='/localization?currency=NZD&return_to=/cart' 697 > 698 NZD 699 </a> 700 </li> 701 702 <li class='header__dropdown-item'> 703 <a 704 class='header__dropdown-link' 705 href='/localization?currency=SEK&return_to=/cart' 706 > 707 SEK 708 </a> 709 </li> 710 711 <li class='header__dropdown-item'> 712 <a 713 class='header__dropdown-link' 714 href='/localization?currency=NOK&return_to=/cart' 715 > 716 NOK 717 </a> 718 </li> 719 720 <li class='header__dropdown-item'> 721 <a 722 class='header__dropdown-link' 723 href='/localization?currency=DKK&return_to=/cart' 724 > 725 DKK 726 </a> 727 </li> 728 729 <li class='header__dropdown-item'> 730 <a 731 class='header__dropdown-link' 732 href='/localization?currency=PLN&return_to=/cart' 733 > 734 PLN 735 </a> 736 </li> 737 738 <li class='header__dropdown-item'> 739 <a 740 class='header__dropdown-link' 741 href='/localization?currency=INR&return_to=/cart' 742 > 743 INR 744 </a> 745 </li> 746 747 <li class='header__dropdown-item'> 748 <a 749 class='header__dropdown-link' 750 href='/localization?currency=JPY&return_to=/cart' 751 > 752 JPY 753 </a> 754 </li> 755 756 <li class='header__dropdown-item'> 757 <a 758 class='header__dropdown-link' 759 href='/localization?currency=MYR&return_to=/cart' 760 > 761 MYR 762 </a> 763 </li> 764 765 <li class='header__dropdown-item'> 766 <a 767 class='header__dropdown-link' 768 href='/localization?currency=SGD&return_to=/cart' 769 > 770 SGD 771 </a> 772 </li> 773 774 <li class='header__dropdown-item'> 775 <a 776 class='header__dropdown-link' 777 href='/localization?currency=MXN&return_to=/cart' 778 > 779 MXN 780 </a> 781 </li> 782 783 <li class='header__dropdown-item'> 784 <a 785 class='header__dropdown-link' 786 href='/localization?currency=BRL&return_to=/cart' 787 > 788 BRL 789 </a> 790 </li> 791 792 <li class='header__dropdown-item'> 793 <a 794 class='header__dropdown-link' 795 href='/localization?currency=CHF&return_to=/cart' 796 > 797 CHF 798 </a> 799 </li> 800 801 </ul> 802 </div> 803 804 </li> 805 806 807 808 <li class='header__list-item'> 809 <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
810 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 811<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/> 812</svg> 813 814 </button> 815 </li> 816 817 818 819 820 <li class='header__list-item'> 821 <a 822 href='/cart' 823 class='header__icon' 824 aria-label='Cart' 825 > 826 <div 827 data-cart-widget="widget" 828 data-testid="cart.icon" 829 class="cart-widget cart-widget--icons empty" 830> 831 832 <span data-cart-widget="quantity" class="cart-widget__items"></span> 833 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 834 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 1.5C7.40211 1.5 6.83677 1.72464 6.4264 2.11207C6.0175 2.49812 5.79646 3.0122 5.79646 3.53846V4.46154H10.2035V3.53846C10.2035 3.0122 9.98249 2.49812 9.57359 2.11207C9.16322 1.72464 8.59788 1.5 7.99999 1.5ZM11.7035 4.46154V3.53846C11.7035 2.58564 11.3022 1.68119 10.6033 1.02137C9.90591 0.362928 8.96875 0 7.99999 0C7.03123 0 6.09408 0.362928 5.39666 1.02137C4.69777 1.68119 4.29646 2.58564 4.29646 3.53846V4.46154H2.96808C2.09126 4.46154 1.34979 5.11042 1.23353 5.97949L0.15814 14.018C0.0177587 15.0673 0.833995 16 1.89269 16H14.1073C15.166 16 15.9822 15.0673 15.8419 14.018L14.7665 5.97949C14.6502 5.11042 13.9087 4.46154 13.0319 4.46154H11.7035ZM2.96808 5.96154C2.84282 5.96154 2.73689 6.05424 2.72028 6.17839L1.64489 14.2169C1.62484 14.3668 1.74145 14.5 1.89269 14.5H14.1073C14.2586 14.5 14.3752 14.3668 14.3551 14.2169L13.2797 6.17839C13.2631 6.05424 13.1572 5.96154 13.0319 5.96154H2.96808Z" fill="currentColor"/> 835</svg> 836 837 838</div> 839 </a> 840 </li> 841 </ul> 842 843 <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div> 844 845 </div> 846 </div> 847 848 <search-header> 849 <div class='search-header'> 850 <div class='search-header__inner'> 851 <form class='search-header__form' action='/search' method='get'> 852 <button type='submit' class='search-header__button' aria-label='Search'> 853 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 854<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/> 855</svg> 856 857 </button> 858 <input 859 type='search' 860 name='q' 861 class='search-header__input' 862 placeholder='Search' 863 aria-label='Search' 864 autocomplete='off' 865 > 866 <button class='search-header__button' type='button' aria-label='Close search'> 867 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 868 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 869</svg> 870 871 </button> 872 </form> 873 </div> 874</div> 875 876 </search-header> 877 878 </div> 879</header> 880 881 882<aside 883 data-drawer="mobile-menu" 884 class="drawer hidden@sm" 885> 886 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 887 <div class="drawer__content drawer__content--small mobile-menu"> 888 <div class="mobile-menu__section mobile-menu__section--header"> 889 <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu"> 890 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 891 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 892</svg> 893 894 </button> 895 </div> 896 <div class="mobile-menu__section mobile-menu__section--body"> 897 <div class="mobile-menu__nav"> 898 <ul class="mobile-menu__list"> 899 900 <li class="mobile-menu__list-item"> 901 902 <a 903 href="/" 904 class="mobile-menu__link" 905 > 906 Home 907 </a> 908 909 910 911 </li> 912 913 <li class="mobile-menu__list-item"> 914 915 <a 916 href="/pages/store" 917 class="mobile-menu__link" 918 > 919 Store 920 </a> 921 922 923 924 </li> 925 926 <li class="mobile-menu__list-item"> 927 928 <a 929 href="/pages/media" 930 class="mobile-menu__link" 931 > 932 Media 933 </a> 934 935 936 937 </li> 938 939 <li class="mobile-menu__list-item"> 940 941 <a 942 href="/pages/about" 943 class="mobile-menu__link" 944 > 945 About 946 </a> 947 948 949 950 </li> 951 952 953 954 <li class="mobile-menu__list-item"> 955 <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger" role="button" tabindex="0"> 956 USD 957 958 959 <div class="mobile-menu__link-icon"> 960 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 961 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 962</svg> 963 964 </div> 965 966 </a> 967 968 969 <div class="mobile-menu__dropdown mobile-menu__dropdown--content"> 970 <ul class="mobile-menu__dropdown-inner"> 971 972 <li class="mobile-menu__dropdown-item"> 973 <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/cart"> 974 USD 975 </a> 976 </li> 977 978 <li class="mobile-menu__dropdown-item"> 979 <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/cart"> 980 EUR 981 </a> 982 </li> 983 984 <li class="mobile-menu__dropdown-item"> 985 <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/cart"> 986 CAD 987 </a> 988 </li> 989 990 <li class="mobile-menu__dropdown-item"> 991 <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/cart"> 992 GBP 993 </a> 994 </li> 995 996 <li class="mobile-menu__dropdown-item"> 997 <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/cart"> 998 AUD 999 </a> 1000 </li> 1001 1002 <li class="mobile-menu__dropdown-item"> 1003 <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/cart"> 1004 NZD 1005 </a> 1006 </li> 1007 1008 <li class="mobile-menu__dropdown-item"> 1009 <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/cart"> 1010 SEK 1011 </a> 1012 </li> 1013 1014 <li class="mobile-menu__dropdown-item"> 1015 <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/cart"> 1016 NOK 1017 </a> 1018 </li> 1019 1020 <li class="mobile-menu__dropdown-item"> 1021 <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/cart"> 1022 DKK 1023 </a> 1024 </li> 1025 1026 <li class="mobile-menu__dropdown-item"> 1027 <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/cart"> 1028 PLN 1029 </a> 1030 </li> 1031 1032 <li class="mobile-menu__dropdown-item"> 1033 <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/cart"> 1034 INR 1035 </a> 1036 </li> 1037 1038 <li class="mobile-menu__dropdown-item"> 1039 <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/cart"> 1040 JPY 1041 </a> 1042 </li> 1043 1044 <li class="mobile-menu__dropdown-item"> 1045 <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/cart"> 1046 MYR 1047 </a> 1048 </li> 1049 1050 <li class="mobile-menu__dropdown-item"> 1051 <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/cart"> 1052 SGD 1053 </a> 1054 </li> 1055 1056 <li class="mobile-menu__dropdown-item"> 1057 <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/cart"> 1058 MXN 1059 </a> 1060 </li> 1061 1062 <li class="mobile-menu__dropdown-item"> 1063 <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/cart"> 1064 BRL 1065 </a> 1066 </li> 1067 1068 <li class="mobile-menu__dropdown-item"> 1069 <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/cart"> 1070 CHF 1071 </a> 1072 </li> 1073 1074 </ul> 1075 </div> 1076 1077 </li> 1078 1079 </ul> 1080 </div> 1081 </div> 1082 <div class="mobile-menu__section mobile-menu__section--socials"> 1083 <div class="mobile-menu__list-social"> 1084 <ul class="mobile-menu__socials"> 1085 1086 1087 1088 1089 1090 <li class="mobile-menu__social"> 1091 <a 1092 1093 href="https://youtube.com/channel/UCAs2QhnwejcPgxjNgvYe4dg" 1094 1095 target="_blank" 1096 class="mobile-menu__social-link" 1097 aria-label="Youtube (opens in a new tab)" 1098 > 1099 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1100<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.901
11007 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1101</svg> 1102 1103 1104 </a> 1105 </li> 1106 1107 1108 1109 1110 <li class="mobile-menu__social"> 1111 <a 1112 1113 href="https://instagram.com/elementsband.us" 1114 1115 target="_blank" 1116 class="mobile-menu__social-link" 1117 aria-label="Instagram (opens in a new tab)" 1118 > 1119 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1120<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 1121</svg> 1122 1123 1124 </a> 1125 </li> 1126 1127 1128 1129 1130 <li class="mobile-menu__social"> 1131 <a 1132 1133 href="https://tiktok.com/@elementsbandar" 1134 1135 target="_blank" 1136 class="mobile-menu__social-link" 1137 aria-label="Tiktok (opens in a new tab)" 1138 > 1139 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1140<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7329 0C14.0629 2.83809 15.6469 4.53015 18.401 4.71015V7.90226C16.805 8.05826 15.4069 7.53624 13.7809 6.55221V12.5224C13.7809 20.1067 5.51259 22.4767 2.18848 17.0406C0.0524123 13.5424 1.36045 7.40424 8.21268 7.15823V10.5243C7.69066 10.6083 7.13264 10.7403 6.62263 10.9144C5.09858 11.4304 4.23455 12.3964 4.47456 14.1005C4.93657 17.3646 10.9248 18.3306 10.4267 11.9524V0.00600019H13.7329V0Z" fill="currentColor"/> 1141</svg> 1142 1143 1144 </a> 1145 </li> 1146 1147 1148 1149 1150 <li class="mobile-menu__social"> 1151 <a 1152 1153 href="https://facebook.com/elementsbandar" 1154 1155 target="_blank" 1156 class="mobile-menu__social-link" 1157 aria-label="Facebook (opens in a new tab)" 1158 > 1159 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1160<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.98779 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/> 1161</svg> 1162 1163 1164 </a> 1165 </li> 1166 1167 1168 1169 1170 <li class="mobile-menu__social"> 1171 <a 1172 1173 href="https://x.com/ElementsbandAR" 1174 1175 target="_blank" 1176 class="mobile-menu__social-link" 1177 aria-label="X (opens in a new tab)" 1178 > 1179 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1180<path d="M11.6666 8.66091L18.1824 1.25H16.6389L10.9788 7.68347L6.4615 1.25H1.25L8.08258 10.9795L1.25 18.75H2.7935L8.76683 11.9546L13.5385 18.75H18.75M3.35058 2.38888H5.72183L16.6378 17.6671H14.2659" fill="currentColor"/> 1181</svg> 1182 1183 </a> 1184 </li> 1185 1186 1187 1188 1189 <li class="mobile-menu__social"> 1190 <a 1191 1192 href="https://open.spotify.com/artist/3Tc5dzk9n6gtKlFkxV0wqK" 1193 1194 target="_blank" 1195 class="mobile-menu__social-link" 1196 aria-label="Spotify (opens in a new tab)" 1197 > 1198 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1199<path d="M10.0006 0.150391C4.56099 0.150391 0.151703 4.55968 0.151703 9.99926C0.151703 15.4388 4.56099 19.8481 10.0006 19.8481C15.4401 19.8481 19.8494 15.4388 19.8494 9.99926C19.8494 4.55968 15.4401 0.150391 10.0006 0.150391ZM14.5169 14.3568C14.3405 14.6473 13.9618 14.7379 13.6724 14.5614C11.359 13.1477 8.44808 12.829 5.01968 13.6123C4.68919 13.6876 4.35988 13.4806 4.2846 13.1513C4.20933 12.8208 4.41515 12.4915 4.74682 12.4162C8.49866 11.5588 11.7165 11.9281 14.3134 13.5135C14.6027 13.6888 14.6945 14.0675 14.5169 14.3568ZM15.7224 11.6752C15.5001 12.0363 15.0273 12.1504 14.6663 11.9281C12.02 10.3015 7.98352 9.8299 4.8515 10.7802C4.44573 10.9025 4.01645 10.6744 3.89295 10.2686C3.77064 9.86283 3.99998 9.43472 4.40457 9.31123C7.98234 8.22566 12.4293 8.75139 15.4684 10.6203C15.8306 10.8414 15.9435 11.3142 15.7224 11.6752ZM15.8259 8.88194C12.6516 6.99661 7.41427 6.82372 4.3834 7.74345C3.89648 7.89164 3.38252 7.61643 3.23433 7.12951C3.08731 6.6426 3.36135 6.12863 3.84826 5.98044C7.32724 4.92428 13.1114 5.12893 16.7656 7.2977C17.2032 7.55762 17.3466 8.12334 17.0879 8.5
11995968C16.8291 8.9972 16.2623 9.14186 15.8259 8.88194Z" fill="currentColor"/> 1200</svg> 1201 1202 1203 </a> 1204 </li> 1205 1206 1207 1208 </ul> 1209 </div> 1210 </div> 1211 </div> 1212</aside> 1213
1214<script> 1215 const currencyData = { 1216 locale: 'en-US', 1217 currency: 'USD', 1218 showTax: false, 1219 } 1220</script>
1220 1221 1222 1223 1224</div> 1225 </div> 1226 1227 <main id="main-content" class="page__main"> 1228 <div class="main main--cart"> 1229 <div class="main__sections main__sections--space" data-testid="main.sections"> 1230 <div id="fw-section-cart" class="fw-section"> 1231<section class="cart-container" data-cart="cart" data-testid="main.single.section"> 1232 <div class="container container--10 wrapper"> 1233 <div id="cart-component" class="cart-container__cart-component"></div> 1234 </div> 1235</section> 1236</div> 1237 1238 <div id="fw-section-cart-product-recommendations" class="fw-section"> 1239<section data-testid="main.single.section" class="cart-product-recommendations"> 1240 <cart-product-recommendations /> 1241</section> 1242 1243<template id="product-template"> 1244 <div> 1245 <div data-testid="product" class="product-tile" data-id="fw-section-cart-product-recommendations"> 1246 <a href="" class="tile"> 1247 <div class="tile__image"> 1248 <div class="image image--background-color"> 1249 <div class="image__object"> 1250 <img 1251 alt="" 1252 class="tile__item" 1253 > 1254 </div> 1255 </div> 1256 </div> 1257 1258 1259 <div class="tile__description tile__description--center"> 1260 <h3 class="tile__heading"> 1261 </h3> 1262 1263 1264 <p class="tile__prices"> 1265 <span class="tile__price tile__price--offer"> 1266 </span> 1267 1268 <span class="tile__price tile__price--original"> 1269 <span class="tile__price-amount"></span> 1270 </span> 1271 </p> 1272 </div> 1273 1274 </a> 1275 </div> 1276 </div> 1277</template> 1278</div> 1279 </div> 1280</div> 1281 1282 </main> 1283 1284 <div class="page__footer"> 1285 <div id="fw-section-footer" class="fw-section"><style> 1286 .section-fw-section-footer-padding { 1287 padding-top: 15px; 1288 padding-bottom: 15px; 1289 } 1290 1291 @media screen and (min-width: 640px) { 1292 .section-fw-section-footer-padding { 1293 padding-top: 20px; 1294 padding-bottom: 20px; 1295 } 1296 } 1297</style> 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314<footer data-testid="main.single.section" class="footer section-fw-section-footer-padding"> 1315 1316 <div class="wrapper container"> 1317 <div class="footer__inner"> 1318 1319 <div class="footer__top"> 1320 <div class="col-grid col-grid--middle col-grid--4-8@md col-grid--reversed@md"> 1321 <div> 1322 1323 <div class="footer__socials"> 1324 <ul class="footer__list footer__list--socials"> 1325 1326 1327 1328 1329 1330 <li class="footer__list-item footer__list-item--social"> 1331 <a 1332 1333 href="https://youtube.com/channel/UCAs2QhnwejcPgxjNgvYe4dg" 1334 1335 target="_blank" 1336 class="footer__social-link" 1337 aria-label="Youtube (opens in a new tab)" 1338 > 1339 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1340<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/> 1341</svg> 1342 1343 1344 </a> 1345 </li> 1346 1347 1348 1349 1350 <li class="footer__list-item footer__list-item--social"> 1351 <a 1352 1353 href="https://instagram.com/elementsband.us" 1354 1355 target="_blank" 1356 class="footer__social-link" 1357 aria-label="Instagram (opens in a new tab)" 1358 > 1359 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1360<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 1361</svg> 1362 1363 1364 </a> 1365 </li> 1366 1367 1368 1369 1370 <li class="footer__list-item footer__list-item--social"> 1371 <a 1372 1373 href="https://tiktok.com/@elementsbandar" 1374 1375 target="_blank" 1376 class="footer__social-link" 1377 aria-label="Tiktok (opens in a new tab)" 1378 > 1379 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1380<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7329 0C14.0629 2.83809 15.6469 4.53015 18.401 4.71015V7.90226C16.805 8.05826 15.4069 7.53624 13.7809 6.55221V12.5224C13.7809 20.1067 5.51259 22.4767 2.18848 17.0406C0.0524123 13.5424 1.36045 7.40424 8.21268 7.15823V10.5243C7.69066 10.6083 7.13264 10.7403 6.62263 10.9144C5.09858 11.4304 4.23455 12.3964 4.47456 14.1005C4.93657 17.3646 10.9248 18.3306 10.4267 11.9524V0.00600019H13.7329V0Z" fill="currentColor"/> 1381</svg> 1382 1383 1384 </a> 1385 </li> 1386 1387 1388 1389 1390 <li class="footer__list-item footer__list-item--social"> 1391 <a 1392 1393 href="https://facebook.com/elementsbandar" 1394 1395 target="_blank" 1396 class="footer__social-link" 1397 aria-label="Facebook (opens in a new tab)" 1398 > 1399 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1400<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.987
140079 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/> 1401</svg> 1402 1403 1404 </a> 1405 </li> 1406 1407 1408 1409 1410 <li class="footer__list-item footer__list-item--social"> 1411 <a 1412 1413 href="https://x.com/ElementsbandAR" 1414 1415 target="_blank" 1416 class="footer__social-link" 1417 aria-label="X (opens in a new tab)" 1418 > 1419 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1420<path d="M11.6666 8.66091L18.1824 1.25H16.6389L10.9788 7.68347L6.4615 1.25H1.25L8.08258 10.9795L1.25 18.75H2.7935L8.76683 11.9546L13.5385 18.75H18.75M3.35058 2.38888H5.72183L16.6378 17.6671H14.2659" fill="currentColor"/> 1421</svg> 1422 1423 </a> 1424 </li> 1425 1426 1427 1428 1429 <li class="footer__list-item footer__list-item--social"> 1430 <a 1431 1432 href="https://open.spotify.com/artist/3Tc5dzk9n6gtKlFkxV0wqK" 1433 1434 target="_blank" 1435 class="footer__social-link" 1436 aria-label="Spotify (opens in a new tab)" 1437 > 1438 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1439<path d="M10.0006 0.150391C4.56099 0.150391 0.151703 4.55968 0.151703 9.99926C0.151703 15.4388 4.56099 19.8481 10.0006 19.8481C15.4401 19.8481 19.8494 15.4388 19.8494 9.99926C19.8494 4.55968 15.4401 0.150391 10.0006 0.150391ZM14.5169 14.3568C14.3405 14.6473 13.9618 14.7379 13.6724 14.5614C11.359 13.1477 8.44808 12.829 5.01968 13.6123C4.68919 13.6876 4.35988 13.4806 4.2846 13.1513C4.20933 12.8208 4.41515 12.4915 4.74682 12.4162C8.49866 11.5588 11.7165 11.9281 14.3134 13.5135C14.6027 13.6888 14.6945 14.0675 14.5169 14.3568ZM15.7224 11.6752C15.5001 12.0363 15.0273 12.1504 14.6663 11.9281C12.02 10.3015 7.98352 9.8299 4.8515 10.7802C4.44573 10.9025 4.01645 10.6744 3.89295 10.2686C3.77064 9.86283 3.99998 9.43472 4.40457 9.31123C7.98234 8.22566 12.4293 8.75139 15.4684 10.6203C15.8306 10.8414 15.9435 11.3142 15.7224 11.6752ZM15.8259 8.88194C12.6516 6.99661 7.41427 6.82372 4.3834 7.74345C3.89648 7.89164 3.38252 7.61643 3.23433 7.12951C3.08731 6.6426 3.36135 6.12863 3.84826 5.98044C7.32724 4.92428 13.1114 5.12893 16.7656 7.2977C17.2032 7.55762 17.3466 8.12334 17.0879 8.55968C16.8291 8.9972 16.2623 9.14186 15.8259 8.88194Z" fill="currentColor"/> 1440</svg> 1441 1442 1443 </a> 1444 </li> 1445 1446 1447 1448 </ul> 1449 </div> 1450 1451 </div> 1452 1453 <div> 1454 <nav class="footer__nav" aria-label="Footer"> 1455 <ul class="footer__list footer__list--menu"> 1456 1457 1458 <li class="footer__list-item"> 1459 <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD"> 1460 USD 1461 1462 <span class="footer__link-icon"> 1463 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 1464 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 1465</svg> 1466 1467 </span> 1468 1469 </a> 1470 1471 <div class="footer__dropdown footer__dropdown--content"> 1472 <ul class="footer__dropdown-inner"> 1473 1474 <li class="footer__dropdown-item"> 1475 <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/cart"> 1476 USD 1477 </a> 1478 </li> 1479 1480 <li class="footer__dropdown-item"> 1481 <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/cart"> 1482 EUR 1483 </a> 1484 </li> 1485 1486 <li class="footer__dropdown-item"> 1487 <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/cart"> 1488 CAD 1489 </a> 1490 </li> 1491 1492 <li class="footer__dropdown-item"> 1493 <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/cart"> 1494 GBP 1495 </a> 1496 </li> 1497 1498 <li class="footer__dropdown-item"> 1499 <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/cart"> 1500 AUD 1501 </a> 1502 </li> 1503 1504 <li class="footer__dropdown-item"> 1505 <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/cart"> 1506 NZD 1507 </a> 1508 </li> 1509 1510 <li class="footer__dropdown-item"> 1511 <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/cart"> 1512 SEK 1513 </a> 1514 </li> 1515 1516 <li class="footer__dropdown-item"> 1517 <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/cart"> 1518 NOK 1519 </a> 1520 </li> 1521 1522 <li class="footer__dropdown-item"> 1523 <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/cart"> 1524 DKK 1525 </a> 1526 </li> 1527 1528 <li class="footer__dropdown-item"> 1529 <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/cart"> 1530 PLN 1531 </a> 1532 </li> 1533 1534 <li class="footer__dropdown-item"> 1535 <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/cart"> 1536 INR 1537 </a> 1538 </li> 1539 1540 <li class="footer__dropdown-item"> 1541 <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/cart"> 1542 JPY 1543 </a> 1544 </li> 1545 1546 <li class="footer__dropdown-item"> 1547 <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/cart"> 1548 MYR 1549 </a> 1550 </li> 1551 1552 <li class="footer__dropdown-item"> 1553 <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/cart"> 1554 SGD 1555 </a> 1556 </li> 1557 1558 <li class="footer__dropdown-item"> 1559 <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/cart"> 1560 MXN 1561 </a> 1562 </li> 1563 1564 <li class="footer__dropdown-item"> 1565 <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/cart"> 1566 BRL 1567 </a> 1568 </li> 1569 1570 <li class="footer__dropdown-item"> 1571 <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/cart"> 1572 CHF 1573 </a> 1574 </li> 1575 1576 </ul> 1577 </div> 1578 1579 </li> 1580 1581 1582 1583 1584 <li class="footer__list-item"> 1585 <a href="/contact" class="footer__menu-link" >Contact Support</a> 1586 </li> 1587 1588 <li class="footer__list-item"> 1589 <a href="/pages/terms-of-service" class="footer__menu-link" >Terms of Service</a> 1590 </li> 1591 1592 <li class="footer__list-item"> 1593 <a href="/pages/privacy-policy" class="footer__menu-link" >Privacy Policy</a> 1594 </li> 1595 1596 <li class="footer__list-item"> 1597 <a href="/pages/returns-faq" class="footer__menu-link" >Returns & FAQ</a> 1598 </li> 1599 1600 1601 </ul> 1602 </nav> 1603 </div> 1604 </div> 1605 </div> 1606 1607 <div class="footer__bottom"> 1608 <ul class="footer__list footer__list--bottom"> 1609 <li class="footer__list-item">
1609<div class="footer__copy">© 2026 Elements</div></li> 1610 1611 <li class="footer__list-item"><div class="footer__powered-by">Powered by <a href="https://fourthwall.com/?utm_source=footer&utm_medium=fourthwall&utm_campaign=poweredby" style="padding-left: 0;" target="_blank" rel="noopener">Fourthwall</a></div></li> 1612 1613 </ul> 1614 </div> 1615 1616 </div> 1617 </div> 1618</footer> 1619 1620 1621</div> 1622 </div> 1623 </div> 1624 1625
1625<script> 1626 var fourthwallTheme = { 1627 strings: { 1628 addToCart: "Add to Cart", 1629 redeemGift: "Redeem Your Gift", 1630 viewCart: "View Cart", 1631 checkout: "Checkout", 1632 outOfStock: "Out of Stock", 1633 unavailable: "Not Available", 1634 soldOut: "Sold Out", 1635 soldOutSuffix: " - Sold Out", 1636 missingQuantityError: "Please choose the quantity.", 1637 generalError: "An error occurred. Please try refreshing the page.", 1638 item: "item", 1639 items: "items", 1640 startShopping: "Start Shopping", 1641 subtotal: "Subtotal", 1642 plusTax: "(plus tax)", 1643 backToShopping: "Back to Shopping", 1644 cart: { 1645 heading: "[item_count] [item_count_label] in your cart for [total]", 1646 emptyHeading: "Your Shopping Cart is Empty", 1647 tableHeader: { 1648 item: "Item", 1649 quantity: "Quantity", 1650 price: "Price" 1651 }, 1652 deleteModal: { 1653 heading: "Are you sure you want to remove [title] from your cart?", 1654 cancel: "Cancel", 1655 delete: "Delete" 1656 } 1657 }, 1658 newsletter: { 1659 missingEmailError: 'Please enter your email.', 1660 invalidEmailError: 'Please enter a valid email.', 1661 subscribeSuccess: 'Thanks for subscribing!' 1662 }, 1663 donation: { 1664 missingAmountError: 'Please select or enter the donation amount.', 1665 invalidAmountError: 'Please enter a valid donation amount.', 1666 missingNameError: 'Please enter your name.', 1667 missingMessageError: 'Please enter the message.' 1668 }, 1669 checkoutErrors: { 1670 default: "There was an issue with your checkout. Please review your cart and try again.", 1671 CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.", 1672 CHECKOUT_STOCK_NOT_ENOUGH_QUANTITY: "Some items in your cart are no longer available in the requested quantity. Please update your cart and try again." 1673 } 1674 }, 1675 urls: { 1676 cart: "/cart", 1677 cartItemLocalizedPrefix: "", 1678 cartAddUrl: "/cart/add", 1679 cartChangeUrl: "/cart/change", 1680 productsUrlPrefix: "/products", 1681 allProductsCollection: "/collections/all", 1682 } 1683 }; 1684</script>
1684 1685 1686 1687
1687<script src="https://themes.fourthwall.dev/themes-library/assets/5d5867e7-e64a-481b-91f3-6f5c283853bf/assets/theme.js?v=331899505b2cc5e82dd4ae2bc725397941971302b9f339a55a53775b9c79ebfe" rel="preload" integrity="sha256-MxiZUFssxegt1K4rxyU5eUGXEwK58zmlWlN3W5x56/4=" crossorigin="anonymous"></script>
1687 1688 1689 1690<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1691 1692 1693 <div class="admin-bar-container hidden"> 1694 <div id="admin-bar" class="admin-bar sticky hidden"> 1695 <div class="wrapper"> 1696 <div> 1697 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1698 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1699 </svg> 1700 </div> 1701 <div class="actions"> 1702 <div class='desktop'> 1703 <div class="dropdown"> 1704 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1705 <div class="dropdown-content" id="desktop-switcher"> 1706 <ul> 1707 <li class="dropdown-item" data-mode="creator">Admin</li> 1708 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1709 </ul> 1710 </div> 1711 </div> 1712 1713 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1714 </div> 1715 1716 <div class='mobile'> 1717 <div class="dropdown"> 1718 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1719 <div class="dropdown-content" id="mobile-switcher"> 1720 <ul> 1721 <li class="dropdown-item" data-mode="creator">Admin</li> 1722 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1723 </ul> 1724 </div> 1725 </div> 1726 1727 <div class="dropdown mobile"> 1728 <button class="dropdown-button pill" data-target="mobile-links"> 1729 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1730 <g id="Dots horizontal"> 1731 <g> 1732 <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1733 <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1734 <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1735 </g> 1736 </g> 1737 </svg> 1738 </button> 1739 <div class="dropdown-content" id="mobile-links"> 1740 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1741 </div> 1742 </div> 1743 </div> 1744 1745 <div class="pill close"> 1746 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1747 <g> 1748 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1749 </g> 1750 </svg> 1751 </div> 1752 </div> 1753 </div> 1754 </div> 1755 1756 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1757 <div class="wrapper"> 1758 <div> 1759 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1760 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1761 </svg> 1762 </div> 1763 </div> 1764 </div> 1765</div> 1766
1767<script> 1768 const cookieModule = { 1769 setCookie: function (name, value, days = 365, maxAge) { 1770 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1771 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1772 1773 if (maxAge) { 1774 cookieString += `; max-age=${maxAge}`; 1775 } 1776 1777 document.cookie = cookieString; 1778 }, 1779 1780 getCookie: function (name) { 1781 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1782 return cookie ? cookie.split('=')[1] : null; 1783 } 1784 }; 1785 1786 const AdminBar = { 1787 adminBar: document.getElementById("admin-bar"), 1788 adminBarContainer: document.querySelector(".admin-bar-container"), 1789 adminBarSmall: document.getElementById("admin-bar-small"), 1790 closeButton: document.querySelector('#admin-bar .close'), 1791 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1792 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1793 dropdownContents: document.querySelectorAll(".dropdown-content"), 1794 inIframe: () => { 1795 try { 1796 return window.self !== window.top; 1797 } catch (e) { 1798 return true; 1799 } 1800 }, 1801 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1802 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1803 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1804 verifyCreator: () => { 1805 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1806 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1807 }, 1808 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1809 toggleDropdown: (dropdownContent) => { 1810 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1811 }, 1812 init() { 1813 if ( 1814 !AdminBar.inThemeEditor() && 1815 cookieModule.getCookie('core_dashboard_visited') 1816 ) { 1817 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1818 AdminBar.adminBarContainer.classList.toggle('hidden'); 1819 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1820 AdminBar.adminBarSmall.classList.toggle('hidden'); 1821 } else { 1822 AdminBar.adminBar.classList.toggle('hidden'); 1823 } 1824 } 1825 1826 AdminBar.closeButton.addEventListener('click', () => { 1827 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1828 AdminBar.adminBar.classList.toggle('hidden'); 1829 AdminBar.adminBarSmall.classList.toggle('hidden'); 1830 }); 1831 1832 AdminBar.adminBarSmall.addEventListener('click', () => { 1833 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1834 AdminBar.adminBar.classList.toggle('hidden'); 1835 AdminBar.adminBarSmall.classList.toggle('hidden'); 1836 }); 1837 1838 // Add event listeners to each dropdown button 1839 AdminBar.dropdownButtons.forEach((button) => { 1840 button.addEventListener("click", () => { 1841 const dropdownId = button.getAttribute("data-target"); 1842 const dropdownContent = document.getElementById(dropdownId); 1843 AdminBar.toggleDropdown(dropdownContent); 1844 }); 1845 }); 1846 1847 // Close the dropdowns when clicking outside 1848 document.addEventListener("click", (event) => { 1849 AdminBar.dropdownButtons.forEach((button) => { 1850 const dropdownId = button.getAttribute("data-target"); 1851 const dropdownContent = document.getElementById(dropdownId); 1852 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 1853 dropdownContent.style.display = "none"; 1854 } 1855 }); 1856 }); 1857 1858 document.querySelectorAll(".dropdown-content li").forEach((item) => { 1859 item.addEventListener("click", (event) => { 1860 const mode = event.target.getAttribute("data-mode"); 1861 if (mode === 'creator') { 1862 cookieModule.setCookie('view_as', 'creator'); 1863 AdminBar.verifyCreator(); 1864 } else { 1865 cookieModule.setCookie('view_as', 'supporter'); 1866 window.location.reload(); 1867 } 1868 }); 1869 }); 1870 }, 1871 }; 1872
1873 AdminBar.init(); 1874</script>
1874 1875 1876<style> 1877 .admin-bar-container { 1878 height: 56px; 1879 } 1880 1881 .hidden { 1882 display: none; 1883 } 1884 1885 .admin-bar, 1886 .admin-bar-small { 1887 z-index: 1000; 1888 background-color: rgba(0, 0, 0, 0.7); 1889 backdrop-filter: blur(15px); 1890 -webkit-backdrop-filter: blur(15px); 1891 height: 56px; 1892 width: 100%; 1893 } 1894 1895 .admin-bar-small { 1896 width: 73px; 1897 cursor: pointer; 1898 } 1899 1900 .sticky { 1901 position: fixed; 1902 bottom: 0; 1903 } 1904 1905 .admin-bar a { 1906 color: #FDFCFB; 1907 padding: 14px; 1908 font-size: 14px; 1909 text-decoration: none; 1910 } 1911 1912 .admin-bar button { 1913 padding: 14px; 1914 font-size: 14px; 1915 } 1916 1917 .admin-bar .wrapper, 1918 .admin-bar-small .wrapper { 1919 display: flex; 1920 justify-content: space-between; 1921 align-items: center; 1922 padding: 10px 20px; 1923 } 1924 1925 .admin-bar-small .wrapper { 1926 padding: 12px 20px; 1927 } 1928 1929 .admin-bar .pill { 1930 display: flex; 1931 justify-content: center; 1932 align-items: center; 1933 gap: 10px; 1934 text-transform: capitalize; 1935 1936 padding: 6px 14px; 1937 border-radius: 100px; 1938 background: rgba(253, 252, 251, 0.12); 1939 1940 cursor: pointer; 1941 } 1942 1943 .admin-bar .pill:hover { 1944 background: rgba(253, 252, 251, 0.22); 1945 } 1946 1947 .admin-bar .close { 1948 padding: 6px 11px; 1949 } 1950 1951 .admin-bar .actions, 1952 .admin-bar .actions .desktop, 1953 .admin-bar .actions .mobile { 1954 display: flex; 1955 gap: 10px; 1956 } 1957 1958 .admin-bar .actions .desktop, 1959 .admin-bar .actions .edit-page { 1960 display: none; 1961 } 1962 1963 @media (min-width: 768px) { 1964 .admin-bar a, 1965 .admin-bar button { 1966 font-size: 16px; 1967 } 1968 1969 .admin-bar .actions .desktop, 1970 .admin-bar .actions .edit-page { 1971 display: flex; 1972 gap: 10px; 1973 } 1974 1975 .admin-bar .actions .mobile { 1976 display: none; 1977 } 1978 } 1979 1980 .dropdown { 1981 position: relative; 1982 } 1983 1984 .dropdown-content { 1985 display: none; 1986 position: absolute; 1987 background-color: rgba(0,0,0,0.9); 1988 min-width: 130px; 1989 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1990 bottom: 100%; /* Position above the button */ 1991 border-radius: 10px; 1992 bottom: calc((100% + 8px) - 0px); 1993 right: 0; 1994 } 1995 1996 /* Style for each list item */ 1997 .dropdown-content .dropdown-item { 1998 color: white; 1999 padding: 12px 16px; 2000 text-decoration: none; 2001 white-space: nowrap; 2002 display: block; 2003 cursor: pointer; 2004 border-radius: 10px; 2005 } 2006 2007 .dropdown-content .dropdown-item:hover { 2008 background-color: rgba(255,255,255,0.2) 2009 } 2010 2011 /* Style for the button */ 2012 .dropdown-button { 2013 color: white; 2014 padding: 10px 20px; 2015 border: none; 2016 border-radius: 5px; 2017 cursor: pointer; 2018 line-height: 24px; 2019 } 2020</style> 2021 2022</body> 2023</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.