PageSourceSearch

https://gamingbrew.com/cart

html gamingbrew.com collected 2026-09-27 11:57:15 UTC 84,824 bytes, 2,024 lines download raw bytes

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://gamingbrew.com/cart" />
8
9    <title>Your Shopping Cart | Gamingbrew</title>
10
11    
12<meta name="description" content="At Gamingbrew, we create playtested 5E player options, immersive lore, and powerful dungeon master tools—all designed to make your games unforgettable. Empowering players and inspiring dungeon masters is at the heart of everything we do! " />
13<meta property="og:site_name" content="Gamingbrew" />
14<meta property="og:url" content="https://gamingbrew.com/cart" />
15<meta property="og:description" content="At Gamingbrew, we create playtested 5E player options, immersive lore, and powerful dungeon master tools—all designed to make your games unforgettable. Empowering players and inspiring dungeon masters is at the heart of everything we do! " />
16
17
18
19
20
21<meta property="og:title" content="Your Shopping Cart | Gamingbrew" />
22<meta property="og:type" content="website" />
23
24
25  <meta property="og:image" content="https://imgproxy.fourthwall.dev/augZ_JklMcRt0CU5cT3z8echwqSQGRx87gIKfH7iVx8/w:1200/sm:1/enc/4kMAX22tRDt0-oPa/SStQcuinK-flDBHI/suLy9MpQb2jA5AUy/Jykte33p19CN680V/D59eZq7y1X59eu_H/5zoSUi2qZt_pBplh/tPUsxucZUIwLFzlP/zvzZMzU-FgwZ8GSu/8c4Y62MfpJ5i6o4y/Kx03_NxQJZJubRas/nY6W3X8D2OacAxsX/_Z8nWf2ov-XanVH3/ORP4HXfzWDSST5FD/EH1VKYFRNYulqECC/Hts56Nlv1nQrtOdh/kX3lxWdjFrHSefat.png" />
26  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/augZ_JklMcRt0CU5cT3z8echwqSQGRx87gIKfH7iVx8/w:1200/sm:1/enc/4kMAX22tRDt0-oPa/SStQcuinK-flDBHI/suLy9MpQb2jA5AUy/Jykte33p19CN680V/D59eZq7y1X59eu_H/5zoSUi2qZt_pBplh/tPUsxucZUIwLFzlP/zvzZMzU-FgwZ8GSu/8c4Y62MfpJ5i6o4y/Kx03_NxQJZJubRas/nY6W3X8D2OacAxsX/_Z8nWf2ov-XanVH3/ORP4HXfzWDSST5FD/EH1VKYFRNYulqECC/Hts56Nlv1nQrtOdh/kX3lxWdjFrHSefat.png" />
27  <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/augZ_JklMcRt0CU5cT3z8echwqSQGRx87gIKfH7iVx8/w:1200/sm:1/enc/4kMAX22tRDt0-oPa/SStQcuinK-flDBHI/suLy9MpQb2jA5AUy/Jykte33p19CN680V/D59eZq7y1X59eu_H/5zoSUi2qZt_pBplh/tPUsxucZUIwLFzlP/zvzZMzU-FgwZ8GSu/8c4Y62MfpJ5i6o4y/Kx03_NxQJZJubRas/nY6W3X8D2OacAxsX/_Z8nWf2ov-XanVH3/ORP4HXfzWDSST5FD/EH1VKYFRNYulqECC/Hts56Nlv1nQrtOdh/kX3lxWdjFrHSefat.png" />
28
29<meta name="twitter:card" content="summary_large_image" />
30<meta name="twitter:title" content="Your Shopping Cart | Gamingbrew" />
31<meta name="twitter:description" content="At Gamingbrew, we create playtested 5E player options, immersive lore, and powerful dungeon master tools—all designed to make your games unforgettable. Empowering players and inspiring dungeon masters is at the heart of everything we do! " />
32
33    
34    <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/sQYWJVRAM6Zm7Y6H2gJmEqpTL4OOWyHqBjBVQ1K4HdI/s:96:96/sm:1/enc/aty423tm1Ua__-B9/hdwsezOI_X8J_mTi/zdGpaY8EIdgwfjd4/6aA3uYhvEJdeFEwN/7bfWCdSPl2CfKqcH/OLheIhFxKFXuTX_I/wQmY87scSAWlRyob/L_7blOUBFF-hjwBK/2WdDbbrzDm2gHwb3/mOzpSyXOtJDxgZJR/US8cnZQjZJjv9Gfu/_O7JzUB8N4fNws1F/qnR3q2OWrmZ641wo/1jX-BeGvtB2QGx9U/_LUyZ66bTniJ5HE-/OmnR-7plvnnsKQKx.webp" sizes="96x96" type="image/png" />
35<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/82Ka2W1MMVa21HBY-vEpcnjXhtxcZBAWot7Qg6vkHls/s:48:48/sm:1/enc/aty423tm1Ua__-B9/hdwsezOI_X8J_mTi/zdGpaY8EIdgwfjd4/6aA3uYhvEJdeFEwN/7bfWCdSPl2CfKqcH/OLheIhFxKFXuTX_I/wQmY87scSAWlRyob/L_7blOUBFF-hjwBK/2WdDbbrzDm2gHwb3/mOzpSyXOtJDxgZJR/US8cnZQjZJjv9Gfu/_O7JzUB8N4fNws1F/qnR3q2OWrmZ641wo/1jX-BeGvtB2QGx9U/_LUyZ66bTniJ5HE-/OmnR-7plvnnsKQKx.webp" sizes="48x48" type="image/png" />
36
37
38  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/n9LR7gV1EcBTXwjDoVDqWDzmVdwUSPvIvGGHUJYH-FU/s:180:180/sm:1/enc/aty423tm1Ua__-B9/hdwsezOI_X8J_mTi/zdGpaY8EIdgwfjd4/6aA3uYhvEJdeFEwN/7bfWCdSPl2CfKqcH/OLheIhFxKFXuTX_I/wQmY87scSAWlRyob/L_7blOUBFF-hjwBK/2WdDbbrzDm2gHwb3/mOzpSyXOtJDxgZJR/US8cnZQjZJjv9Gfu/_O7JzUB8N4fNws1F/qnR3q2OWrmZ641wo/1jX-BeGvtB2QGx9U/_LUyZ66bTniJ5HE-/OmnR-7plvnnsKQKx.webp" 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/b7100430-f3c9-4cce-bb6a-634bbc4f1f76/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOw
45IJobZI=" crossorigin="anonymous" />
46    
47    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c548b86c-abeb-4df4-99df-62bfc4963ff9/assets/styles/css-variables.scss.css?v=d5d84825c06e8ef30088c4ee46b6fa01623487b8fb028882d697352e368cb53b" media="all" integrity="sha256-1dhIJcBujvMAiMTuRrb6AWI0h7j7AoiC1pc1LjaMtTs=" crossorigin="anonymous" />
48    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c548b86c-abeb-4df4-99df-62bfc4963ff9/assets/styles/theme.scss.css?v=13dc8837ff8f5fe0b9036f4d0115ab68aec8ba824939d5af315fe0b6c9503bda" media="all" integrity="sha256-E9yIN/+PX+C5A29NARWraK7IuoJJOdWvMV/gtslQO9o=" 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://gamingbrew.com/cart" hreflang="x-default" />
55<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-AQ" />
56<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-AS" />
57<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-BQ" />
58<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-EC" />
59<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-FM" />
60<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-GU" />
61<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-IO" />
62<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-MH" />
63<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-MP" />
64<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-PR" />
65<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-PW" />
66<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-SV" />
67<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-TC" />
68<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-UM" />
69<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-US" />
70<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-VG" />
71<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-VI" />
72<link rel="alternate" href="https://gamingbrew.com/en-usd/cart" hreflang="en-ZW" />
73<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-AD" />
74<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-AT" />
75<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-AX" />
76<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-BE" />
77<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-BG" />
78<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-BL" />
79<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-CY" />
80<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-DE" />
81<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-EE" />
82<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-ES" />
83<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-FI" />
84<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-FR" />
85<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-GF" />
86<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-GP" />
87<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-GR" />
88<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-HR" />
89<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-IE" />
90<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-IT" />
91<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-LT" />
92<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-LU" />
93<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-LV" />
94<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-MC" />
95<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-ME" />
96<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-MF" />
97<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-MQ" />
98<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-MT" />
99<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-NL" />
100<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-PM" />
101<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-PT" />
102<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-RE" />
103<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-SI" />
104<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-SK" />
105<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-SM" />
106<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-TF" />
107<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-VA" />
108<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-YT" />
109<link rel="alternate" href="https://gamingbrew.com/en-eur/cart" hreflang="en-XK" />
110<link rel="alternate" href="https://gamingbrew.com/en-cad/cart" hreflang="en-CA" />
111<link rel="alternate" href="https://gamingbrew.com/en-gbp/cart" hreflang="en-GB" />
112<link rel="alternate" href="https://gamingbrew.com/en-gbp/cart" hreflang="en-GG" />
113<link rel="alternate" href="https://gamingbrew.com/en-gbp/cart" hreflang="en-GS" />
114<link rel="alternate" href="https://gamingbrew.com/en-gbp/cart" hreflang="en-IM" />
115<link rel="alternate" href="https://gamingbrew.com/en-gbp/cart" hreflang="en-JE" />
116<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-AU" />
117<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-CC" />
118<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-CX" />
119<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-HM" />
120<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-KI" />
121<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-NF" />
122<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-NR" />
123<link rel="alternate" href="https://gamingbrew.com/en-aud/cart" hreflang="en-TV" />
124<link rel="alternate" href="https://gamingbrew.com/en-nzd/cart" hreflang="en-CK" />
125<link rel="alternate" href="https://gamingbrew.com/en-nzd/cart" hreflang="en-NU" />
126<link rel="alternate" href="https://gamingbrew.com/en-nzd/cart" hreflang="en-NZ" />
127<link rel="alternate" href="https://gamingbrew.com/en-nzd/cart" hreflang="en-PN" />
128<link rel="alternate" href="https://gamingbrew.com/en-nzd/cart" hreflang="en-TK" />
129<link rel="alternate" href="https://gamingbrew.com/en-sek/cart" hreflang="en-SE" />
130<link rel="alternate" href="https://gamingbrew.com/en-nok/cart" hreflang="en-BV" />
131<link rel="alternate" href="https://gamingbrew.com/en-nok/cart" hreflang="en-NO" />
132<link rel="alternate" href="https://gamingbrew.com/en-nok/cart" hreflang="en-SJ" />
133<link rel="alternate" href="https://gamingbrew.com/en-dkk/cart" hreflang="en-DK" />
134<link rel="alternate" href="https://gamingbrew.com/en-dkk/cart" hreflang="en-FO" />
135<link rel="alternate" href="https://gamingbrew.com/en-dkk/cart" hreflang="en-GL" />
136<link rel="alternate" href="https://gamingbrew.com/en-pln/cart" hreflang="en-PL" />
137<link rel="alternate" href="https://gamingbrew.com/en-inr/cart" hreflang="en-IN" />
138<link rel="alternate" href="https://gamingbrew.com/en-jpy/cart" hreflang="en-JP" />
139<link rel="alternate" href="https://gamingbrew.com/en-mxn/cart" hreflang="en-MX" />
140<link rel="alternate" href="https://gamingbrew.com/en-brl/cart" hreflang="en-BR" />
141<link rel="alternate" href="https://gamingbrew.com/en-chf/cart" hreflang="en-CH" />
142<link rel="alternate" href="https://gamingbrew.com/en-chf/cart" hreflang="en-LI" />
vendor: 68 bytes, lines 142-143
142
143<script src="https://www.google.com/recaptcha/enterprise.js?render=
1436LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt
vendor: 18 bytes, line 143
143" async></script>
144<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
144
145<style>
146  .grecaptcha-badge { display: none !important; }
147</style>
148<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
vendor: 1 bytes, line 148
148
149<script>
150  window.shopName = 'Gamingbrew';
151  window.shopId = 'sh_ba744172-d834-4135-b331-c108474a060a';
152  window.cookie_policy = 'ShowInEu';
153</script>
153
154<!-- Google Tag Manager -->
155<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
156new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
157j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
158'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
159})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
159
160<!-- End Google Tag Manager -->
161<script>window.creatorGa4Id = 'G-TJZXTXD8C0'; window.creatorFbPixelId = '1413022886553089'; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = true;</script>
vendor: 1 bytes, line 161
161
162<script>
163  (function () {
164    function setCookie(name, value, days) {
165      if (typeof days === 'undefined') days = 90;
166      var expires = new Date(Date.now() + days * 86400000).toUTCString();
167      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
168    }
169  
170    function getCookie(name) {
171      var cookies = document.cookie.split('; ');
172      for (var i = 0; i < cookies.length; i++) {
173        if (cookies[i].indexOf(name + '=') === 0) {
174          return cookies[i].split('=')[1];
175        }
176      }
177      return null;
178    }
179  
180    function handleTrackingParams() {
181      var params = window.location.search.substring(1).split('&');
182      var paramMap = {};
183  
184      for (var i = 0; i < params.length; i++) {
185        var kv = params[i].split('=');
186        if (kv.length === 2) {
187          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
188        }
189      }
190  
191      if (!getCookie('_fbp')) {
192        var randomPart = Math.floor(Math.random() * 10000000000);
193        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
194        setCookie('_fbp', fbp);
195      }
196  
197      for (var key in paramMap) {
198        if (paramMap.hasOwnProperty(key)) {
199          var value = paramMap[key];
200          var isUTM = key.indexOf('utm_') === 0;
201          
202          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
203            continue;
204          }
205  
206          if (isUTM || key === 'gclid' || key === 'fbclid') {
207            setCookie(key, value);
208          }
209  
210          if (key === 'fbclid' && !getCookie('_fbc')) {
211            var fbc = 'fb.1.' + Date.now() + '.' + value;
212            setCookie('_fbc', fbc);
213          }
214        }
215      }
216    }
217  
218    handleTrackingParams();
219  })();
220</script>
vendor: 1 bytes, line 220
220
221<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>
221
222<meta name='theme-color' content='#1c1d21' />
223<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c548b86c-abeb-4df4-99df-62bfc4963ff9/assets/styles/custom_sections.css?v=7948ab18e2464682a8646043d1c159c0c4b5f30622922433c47516810d193f0c" media="all">
224<meta name="google-site-verification" content="V9w7-0fzMiXhiEMgc2_L_5UC6-Ji-DTiXTfmmQFXOjE" />
225<script>
226  (function() {
227    window.addEventListener('cart:updated', function(event) {
228      var cart = event.detail;
229      if (!cart || !cart.items || !cart.items.length) return;
230      var currency = 'USD';
231      var isZeroDecimal = currency === 'JPY';
232      var items = cart.items.map(function(item) {
233        var price = isZeroDecimal ? item.price : item.price / 100;
234        return {
235          item_id: item.id || item.offer_id,
236          item_name: item.title || item.name,
237          item_brand: `Gamingbrew`,
238          price: price,
239          quantity: item.quantity || 1
240        };
241      });
242      var value = isZeroDecimal ? cart.total_price : cart.total_price / 100;
243      dataLayer.push({ ecommerce: null });
244      dataLayer.push({
245        event: "view_cart",
246        ecommerce: {
247          currency: currency,
248          value: value,
249          items: items
250        },
251        shopId: 'sh_ba744172-d834-4135-b331-c108474a060a'
252      });
253    }, { once: true });
254  })();
255</script>
vendor: 1 bytes, line 255
255
256<script type="text/javascript">
257    var currentCart = {"id":null,"item_count":0,"unique_item_count":0,"items":[]};
258</script>
vendor: 1 bytes, line 258
258
259<script type="module">
260  function iframeReady(section, iframe, url, appId, settings) {
261    const baseIframeUrl = url;
262  
263    function buildUrl(url, params) {
264      if (!params) return url;
265      var qs = Object.keys(params)
266        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
267        .join('&');
268      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
269    }
270  
271    const params = {
272      hmac: window.appHmac[appId],
273      timestamp: window.hmacTimestamp,
274      tier_id: window.tierId,
275      supporter_id: window.supporterId,
276      shop_id: window.shopId,
277    };
278  
279    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
280    iframe.onload = null
281  
282    // Extract origin from URL for security checking
283    let expectedOrigin;
284    try {
285      expectedOrigin = new URL(url).origin;
286    } catch (e) {
287      console.warn('Could not parse URL origin:', url);
288    }
289  
290    // Listen for messages specifically from this iframe
291    const messageHandler = (event) => {
292      // Check if the message is from this specific iframe
293      if (event.source !== iframe.contentWindow) {
294        return; // Ignore messages from other iframes/windows
295      }
296  
297      // Optional: Also verify the origin for security
298      if (expectedOrigin && event.origin !== expectedOrigin) {
299        console.warn('Message received from unexpected origin:', event.origin);
300        return;
301      }
302      
303      if (event.data.type === 'RESIZE') {
304        iframe.style.height = event.data.data.height + 'px';
305      } else if (event.data.type === 'CLOSE') {
306        section.style.height = '0px';
307      }
308    };
309  
310    window.addEventListener('message', messageHandler);
311    
312    // Store the handler for cleanup (optional)
313    iframe._messageHandler = messageHandler;
314  }
315  
316  class Hmac extends HTMLElement {
317    constructor() {
318      super()
319      this.section = this.parentElement.parentElement;
320      this.iframe = this.querySelector('iframe')
321      this.url = this.getAttribute('url')
322      this.appId = this.getAttribute('app_id')
323      this.settings = this.getAttribute('settings')
324    }
325  
326    connectedCallback() {
327      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
328        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
329      } else {
330        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
331      }
332    }
333  
334    disconnectedCallback() {
335      if (this.iframe && this.iframe._messageHandler) {
336        window.removeEventListener('message', this.iframe._messageHandler);
337        delete this.iframe._messageHandler;
338      }
339    }
340  }
341  
342  customElements.define('app-hmac-component', Hmac)
343</script>
343
344
345  </head>
346
347  
348  
349
350  
351
352  <body class="body cart " >
353 <!-- Google Tag Manager (noscript) -->
354<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
355height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
356<!-- End Google Tag Manager (noscript) -->
357
358    <a href="#main-content" class="skip-link">Skip to content</a>
359
360    <div class="page">
361      <div>
362        <div id="fw-section-header" class="fw-section">
363
364
365
366
367<sticky-header>
368<header data-testid="main.single.section" class="header">
369  <div class="wrapper container">
370    <div class="header__grid header--middle-center header__size--md header__grid--search">
371      <div class="header__mobile-menu hidden@sm">
372        <button data-drawer-trigger-primary="mobile-menu" class="header__icon" aria-label="Open menu">
373          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
374  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/>
375</svg>
376
377        </button>
378      </div>
379
380      
381
382      <div class="header__logo-container"><div class="header__logo">
383          <a href="/" class="header__logo-link">
384            
385            
386  
387
388  <img
389    src="https://imgproxy.fourthwall.dev/DosGmbU3x56Y5PFioLzE-2EoiK3LBfTGwJ_gVYDN8-E/w:320/sm:1/enc/l09NHuS4UOxQfX1U/q99B7wo4boLE5PU9/KF0pMzQ872FPuN7Q/02A6Pc6Gf9CY3mJT/sTQgY_lw6tdesJp5/FqR9yqueY3AfAVos/nB0ZGeEgtjSSFHr4/zJJOQhA62JLOfB-4/jXPX5jNjIpHb6ae7/7mwaXi0gaVc8WpzQ/3gEo97DfYdsQePX3/Xchu4WMdH9Nn2ewf/qBGONkhkGjNOOsW_/nUirsxNCY7geXsy0/PnAog48J0s3VtxnK/lKMVf5JaIihCLIAs.webp"
390    srcset="https://imgproxy.fourthwall.dev/DosGmbU3x56Y5PFioLzE-2EoiK3LBfTGwJ_gVYDN8-E/w:320/sm:1/enc/l09NHuS4UOxQfX1U/q99B7wo4boLE5PU9/KF0pMzQ872FPuN7Q/02A6Pc6Gf9CY3mJT/sTQgY_lw6tdesJp5/FqR9yqueY3AfAVos/nB0ZGeEgtjSSFHr4/zJJOQhA62JLOfB-4/jXPX5jNjIpHb6ae7/7mwaXi0gaVc8WpzQ/3gEo97DfYdsQePX3/Xchu4WMdH9Nn2ewf/qBGONkhkGjNOOsW_/nUirsxNCY7geXsy0/PnAog48J0s3VtxnK/lKMVf5JaIihCLIAs.webp 1x, https://imgproxy.fourthwall.dev/hsBXb5pqtkKS0LJVyZtmygV0N1VDtkFDOahZbfaHDKA/w:320/dpr:2/sm:1/enc/l09NHuS4UOxQfX1U/q99B7wo4boLE5PU9/KF0pMzQ872FPuN7Q/02A6Pc6Gf9CY3mJT/sTQgY_lw6tdesJp5/FqR9yqueY3AfAVos/nB0ZGeEgtjSSFHr4/zJJOQhA62JLOfB-4/jXPX5jNjIpHb6ae7/7mwaXi0gaVc8WpzQ/3gEo97DfYdsQePX3/Xchu4WMdH9Nn2ewf/qBGONkhkGjNOOsW_/nUirsxNCY7geXsy0/PnAog48J0s3VtxnK/lKMVf5JaIihCLIAs.webp 2x"
391    alt="Gamingbrew"
392    class="header__logo-image header__logo-image--md"
393    itemprop="logo"
394  >
395
396          </a>
397        </div>
398      </div>
399
400      
401        <div class="header__nav-container visible@sm">
402          <nav class="header__nav" aria-label="Primary">
403            <ul class="header__list list--horizontal">
404              
405  <li class="header__list-item">
406    <a
407      href="/collections/dndshop"
408      class="header__link header__link--icon"
409      
410    >
411      5E Shop (PDFs)
412
413      
414        <span class="header__link-icon">
415          <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">
416  <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"/>
417</svg>
418
419        </span>
420      
421    </a>
422
423    
424      <div class="header__dropdown">
425        <ul class="header__dropdown-inner">
426          
427            <li class="header__dropdown-item">
428              <a class="header__dropdown-link" href="/collections/new-releases" >
429                New Arrivals
430              </a>
431            </li>
432          
433            <li class="header__dropdown-item">
434              <a class="header__dropdown-link" href="/collections/best-sellers" >
435                Trending
436              </a>
437            </li>
438          
439            <li class="header__dropdown-item">
440              <a class="header__dropdown-link" href="/collections/5etomes" >
441                Bundles
442              </a>
443            </li>
444          
445            <li class="header__dropdown-item">
446              <a class="header__dropdown-link" href="/collections/adventures-settlements" >
447                Adventures
448              </a>
449            </li>
450          
451            <li class="header__dropdown-item">
452              <a class="header__dropdown-link" href="/collections/classes" >
453                Classes
454              </a>
455            </li>
456          
457            <li class="header__dropdown-item">
458              <a class="header__dropdown-link" href="/collections/5e-species" >
459                Species
460              </a>
461            </li>
462          
463            <li class="header__dropdown-item">
464              <a class="header__dropdown-link" href="/collections/5e-2024-subclasses" >
465                5.5E Subclasses
466              </a>
467            </li>
468          
469            <li class="header__dropdown-item">
470              <a class="header__dropdown-link" href="/collections/subclasses" >
471                5E Subclasses
472              </a>
473            </li>
474          
475            <li class="header__dropdown-item">
476              <a class="header__dropdown-link" href="/collections/all" >
477                All Products
478              </a>
479            </li>
480          
481        </ul>
482      </div>
483    
484  </li>
485
486  <li class="header__list-item">
487    <a
488      href="https://www.worldanvil.com/w/erenel"
489      class="header__link"
490      
491    >
492      Erenel
493
494      
495    </a>
496
497    
498  </li>
499
500  <li class="header__list-item">
501    <a
502      href="/collections/merch"
503      class="header__link"
504      
505    >
506      Merch
507
508      
509    </a>
510
511    
512  </li>
513
514  <li class="header__list-item">
515    <a
516      href="https://www.patreon.com/c/gamingbrew"
517      class="header__link"
518      
519    >
520      Patreon
521
522      
523    </a>
524
525    
526  </li>
527
528  <li class="header__list-item">
529    <a
530      href="/pages/returns-faq"
531      class="header__link"
532      
533    >
534      FAQ
535
536      
537    </a>
538
539    
540  </li>
541
542            </ul>
543          </nav>
544        </div>
545      
546
547      <div class="header__icons">
548        <ul class="header__list list list--horizontal">
549          
550            
551
552
553
554  
555    <li class="header__list-item visible@sm">
556      <a
557        
558          href="https://discordapp.com/invite/7KzVxbkkh3"
559        
560        target="_blank"
561        class="header__icon"
562        aria-label="Discord (opens in a new tab)"
563      >
564        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
565<path d="M17.2727 4.31818C17.2727 4.31818 15.1882 2.68636 12.7273 2.5L12.5055 2.94409C14.73 3.48909 15.7509 4.26818 16.8182 5.22727C14.9786 4.28818 13.1636 3.40909 10 3.40909C6.83636 3.40909 5.02136 4.28818 3.18182 5.22727C4.24909 4.26818 5.46364 3.40182 7.49455 2.94409L7.27273 2.5C4.69091 2.74318 2.72727 4.31818 2.72727 4.31818C2.72727 4.31818 0.399545 7.69364 0 14.3182C2.34545 17.0241 5.90909 17.0455 5.90909 17.0455L6.65455 16.0527C5.38909 15.6127 3.96182 14.8277 2.72727 13.4091C4.19909 14.5227 6.42045 15.6818 10 15.6818C13.5795 15.6818 15.8009 14.5227 17.2727 13.4091C16.0386 14.8277 14.6114 15.6127 13.3455 16.0527L14.0909 17.0455C14.0909 17.0455 17.6545 17.0241 20 14.3182C19.6005 7.69364 17.2727 4.31818 17.2727 4.31818ZM7.04545 12.5C6.16636 12.5 5.45455 11.6864 5.45455 10.6818C5.45455 9.67727 6.16636 8.86364 7.04545 8.86364C7.92455 8.86364 8.63636 9.67727 8.63636 10.6818C8.63636 11.6864 7.92455 12.5 7.04545 12.5ZM12.9545 12.5C12.0755 12.5 11.3636 11.6864 11.3636 10.6818C11.3636 9.67727 12.0755 8.86364 12.9545 8.86364C13.8336 8.86364 14.5455 9.67727 14.5455 10.6818C14.5455 11.6864 13.8336 12.5 12.9545 12.5Z" fill="currentColor"/>
566</svg>
567
568        
569      </a>
570    </li>
571  
572
573
574  
575    <li class="header__list-item visible@sm">
576      <a
577        
578          href="https://instagram.com/gamingbrew"
579        
580        target="_blank"
581        class="header__icon"
582        aria-label="Instagram (opens in a new tab)"
583      >
584        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
585<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"/>
586</svg>
587
588        
589      </a>
590    </li>
591  
592
593
594  
595    <li class="header__list-item visible@sm">
596      <a
597        
598          href="https://twitch.tv/gamingbrew"
599        
600        target="_blank"
601        class="header__icon"
602        aria-label="Twitch (opens in a new tab)"
603      >
604        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
605<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
606<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
607<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
608</svg>
609
610        
611      </a>
612    </li>
613  
614
615
616  
617    <li class="header__list-item visible@sm">
618      <a
619        
620          href="https://youtube.com/channel/UCtl9rw0mAesZsQzVBEvwjsQ"
621        
622        target="_blank"
623        class="header__icon"
624        aria-label="Youtube (opens in a new tab)"
625      >
626        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
627<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
6277 10.1575 13.7817 10.2342Z" fill="currentColor"/>
628</svg>
629
630        
631      </a>
632    </li>
633  
634
635
636  
637    <li class="header__list-item visible@sm">
638      <a
639        
640          href="https://facebook.com/GamingbrewDM"
641        
642        target="_blank"
643        class="header__icon"
644        aria-label="Facebook (opens in a new tab)"
645      >
646        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
647<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"/>
648</svg>
649
650        
651      </a>
652    </li>
653  
654
655
656          
657
658          
659
660          
661            <li class="header__list-item visible@sm">
662              <a class="header__link header__link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD">
663                USD
664
665                
666                  <span class="header__link-icon">
667                    <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">
668  <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"/>
669</svg>
670
671                  </span>
672                
673              </a>
674
675              
676                <div class="header__dropdown header__dropdown--content">
677                  <ul class="header__dropdown-inner">
678                    
679                      <li class="header__dropdown-item">
680                        <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/cart">
681                          USD
682                        </a>
683                      </li>
684                    
685                      <li class="header__dropdown-item">
686                        <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/cart">
687                          EUR
688                        </a>
689                      </li>
690                    
691                      <li class="header__dropdown-item">
692                        <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/cart">
693                          CAD
694                        </a>
695                      </li>
696                    
697                      <li class="header__dropdown-item">
698                        <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/cart">
699                          GBP
700                        </a>
701                      </li>
702                    
703                      <li class="header__dropdown-item">
704                        <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/cart">
705                          AUD
706                        </a>
707                      </li>
708                    
709                      <li class="header__dropdown-item">
710                        <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/cart">
711                          NZD
712                        </a>
713                      </li>
714                    
715                      <li class="header__dropdown-item">
716                        <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/cart">
717                          SEK
718                        </a>
719                      </li>
720                    
721                      <li class="header__dropdown-item">
722                        <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/cart">
723                          NOK
724                        </a>
725                      </li>
726                    
727                      <li class="header__dropdown-item">
728                        <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/cart">
729                          DKK
730                        </a>
731                      </li>
732                    
733                      <li class="header__dropdown-item">
734                        <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/cart">
735                          PLN
736                        </a>
737                      </li>
738                    
739                      <li class="header__dropdown-item">
740                        <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/cart">
741                          INR
742                        </a>
743                      </li>
744                    
745                      <li class="header__dropdown-item">
746                        <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/cart">
747                          JPY
748                        </a>
749                      </li>
750                    
751                      <li class="header__dropdown-item">
752                        <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/cart">
753                          MXN
754                        </a>
755                      </li>
756                    
757                      <li class="header__dropdown-item">
758                        <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/cart">
759                          BRL
760                        </a>
761                      </li>
762                    
763                      <li class="header__dropdown-item">
764                        <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/cart">
765                          CHF
766                        </a>
767                      </li>
768                    
769                  </ul>
770                </div>
771              
772            </li>
773          
774
775          
776            <li class='header__list-item'>
777              <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
778                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
779<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"/>
780</svg>
781
782              </button>
783            </li>
784          
785
786          
787
788          <li class="header__list-item">
789            <a href="/cart" class="header__icon" aria-label="Cart">
790              <div 
791  data-cart-widget="widget"
792  data-testid="cart.icon"
793  class="cart-widget cart-widget--icons empty"
794>
795  
796    <span data-cart-widget="quantity" class="cart-widget__items"></span>
797    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
798  <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"/>
799</svg>
800
801  
802</div>
803            </a>
804          </li>
805        </ul>
806
807        <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div>
808
809      </div>
810    </div>
811    
812      <search-header>
813        <div class='search-header'>
814  <div class='search-header__inner'>
815    <form class='search-header__form' action='/search' method='get'>
816      <button type='submit' class='search-header__button' aria-label='Search'>
817        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
818<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"/>
819</svg>
820
821      </button>
822      <input
823        type='search'
824        name='q'
825        class='search-header__input'
826        placeholder='Search'
827        aria-label='Search'
828        autocomplete='off'
829      >
830      <button class='search-header__button' type='button' aria-label='Close search'>
831        <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">
832  <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"/>
833</svg>
834
835      </button>
836    </form>
837  </div>
838</div>
839
840      </search-header>
841    
842  </div>
843</header>
844</sticky-header>
845
846<aside 
847  data-drawer="mobile-menu" 
848  class="drawer hidden@sm"
849>
850  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
851  <div class="drawer__content drawer__content--small mobile-menu">
852    <div class="mobile-menu__section mobile-menu__section--header">
853      <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu">
854        <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">
855  <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"/>
856</svg>
857
858      </button>
859    </div>
860    <div class="mobile-menu__section mobile-menu__section--body">
861      <div class="mobile-menu__nav">
862        <ul class="mobile-menu__list">
863          
864            <li class="mobile-menu__list-item">
865              
866                <label for="input-drawer-0" class="mobile-menu__link">
867                  5E Shop (PDFs)
868
869                  <div class="mobile-menu__link-icon">
870                    <svg class="svg-fill-current-color" width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
871  <path d="M7 1.5L15 9L7 16.5" stroke="currentColor" vector-effect="non-scaling-stroke" fill="none" stroke-width="1.5"/>
872</svg>
873
874                  </div>
875                </label>
876              
877
878              
879                <input type="checkbox" id="input-drawer-0" class="drawer__checkbox hidden" data-drawer-trigger-secondary>
880                <div class="drawer__content drawer__content--small">
881                  <div class="mobile-menu__section mobile-menu__section--header">
882                    <label href="#" class="mobile-menu__close" for="input-drawer-0">
883                      <svg class="svg-fill-current-color" width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
884  <path d="M10 16.5L2 9L10 1.5" fill="none" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/>
885</svg>
886
887                    </label>
888                    <div class="mobile-menu__label">
889                      5E Shop (PDFs)
890                    </div>
891                    <div class="mobile-menu__right"></div>
892                  </div>
893                  <div class="mobile-menu__section mobile-menu__section--body">
894                    <div class="mobile-menu__nav">
895                      <ul class="mobile-menu__list">
896                        
897                          <li class="mobile-menu__list-item">
898                            <a class="mobile-menu__link" href="/collections/new-releases">
899                              New Arrivals
900                            </a>
901                          </li>
902                        
903                          <li class="mobile-menu__list-item">
904                            <a class="mobile-menu__link" href="/collections/best-sellers">
905                              Trending
906                            </a>
907                          </li>
908                        
909                          <li class="mobile-menu__list-item">
910                            <a class="mobile-menu__link" href="/collections/5etomes">
911                              Bundles
912                            </a>
913                          </li>
914                        
915                          <li class="mobile-menu__list-item">
916                            <a class="mobile-menu__link" href="/collections/adventures-settlements">
917                              Adventures
918                            </a>
919                          </li>
920                        
921                          <li class="mobile-menu__list-item">
922                            <a class="mobile-menu__link" href="/collections/classes">
923                              Classes
924                            </a>
925                          </li>
926                        
927                          <li class="mobile-menu__list-item">
928                            <a class="mobile-menu__link" href="/collections/5e-species">
929                              Species
930                            </a>
931                          </li>
932                        
933                          <li class="mobile-menu__list-item">
934                            <a class="mobile-menu__link" href="/collections/5e-2024-subclasses">
935                              5.5E Subclasses
936                            </a>
937                          </li>
938                        
939                          <li class="mobile-menu__list-item">
940                            <a class="mobile-menu__link" href="/collections/subclasses">
941                              5E Subclasses
942                            </a>
943                          </li>
944                        
945                          <li class="mobile-menu__list-item">
946                            <a class="mobile-menu__link" href="/collections/all">
947                              All Products
948                            </a>
949                          </li>
950                        
951                      </ul>
952                    </div>
953                  </div>
954                </div>
955              
956            </li>
957          
958            <li class="mobile-menu__list-item">
959              
960                <a
961                  href="https://www.worldanvil.com/w/erenel"
962                  class="mobile-menu__link"
963                >
964                  Erenel
965                </a>
966              
967
968              
969            </li>
970          
971            <li class="mobile-menu__list-item">
972              
973                <a
974                  href="/collections/merch"
975                  class="mobile-menu__link"
976                >
977                  Merch
978                </a>
979              
980
981              
982            </li>
983          
984            <li class="mobile-menu__list-item">
985              
986                <a
987                  href="https://www.patreon.com/c/gamingbrew"
988                  class="mobile-menu__link"
989                >
990                  Patreon
991                </a>
992              
993
994              
995            </li>
996          
997            <li class="mobile-menu__list-item">
998              
999                <a
1000                  href="/pages/returns-faq"
1001                  class="mobile-menu__link"
1002                >
1003                  FAQ
1004                </a>
1005              
1006
1007              
1008            </li>
1009          
1010
1011          
1012            <li class="mobile-menu__list-item">
1013              <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger" role="button" tabindex="0">
1014                USD
1015
1016                
1017                  <div class="mobile-menu__link-icon">
1018                    <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">
1019  <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"/>
1020</svg>
1021
1022                  </div>
1023                
1024              </a>
1025
1026              
1027                <div class="mobile-menu__dropdown mobile-menu__dropdown--content">
1028                  <ul class="mobile-menu__dropdown-inner">
1029                    
1030                      <li class="mobile-menu__dropdown-item">
1031                        <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/cart">
1032                          USD
1033                        </a>
1034                      </li>
1035                    
1036                      <li class="mobile-menu__dropdown-item">
1037                        <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/cart">
1038                          EUR
1039                        </a>
1040                      </li>
1041                    
1042                      <li class="mobile-menu__dropdown-item">
1043                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/cart">
1044                          CAD
1045                        </a>
1046                      </li>
1047                    
1048                      <li class="mobile-menu__dropdown-item">
1049                        <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/cart">
1050                          GBP
1051                        </a>
1052                      </li>
1053                    
1054                      <li class="mobile-menu__dropdown-item">
1055                        <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/cart">
1056                          AUD
1057                        </a>
1058                      </li>
1059                    
1060                      <li class="mobile-menu__dropdown-item">
1061                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/cart">
1062                          NZD
1063                        </a>
1064                      </li>
1065                    
1066                      <li class="mobile-menu__dropdown-item">
1067                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/cart">
1068                          SEK
1069                        </a>
1070                      </li>
1071                    
1072                      <li class="mobile-menu__dropdown-item">
1073                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/cart">
1074                          NOK
1075                        </a>
1076                      </li>
1077                    
1078                      <li class="mobile-menu__dropdown-item">
1079                        <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/cart">
1080                          DKK
1081                        </a>
1082                      </li>
1083                    
1084                      <li class="mobile-menu__dropdown-item">
1085                        <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/cart">
1086                          PLN
1087                        </a>
1088                      </li>
1089                    
1090                      <li class="mobile-menu__dropdown-item">
1091                        <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/cart">
1092                          INR
1093                        </a>
1094                      </li>
1095                    
1096                      <li class="mobile-menu__dropdown-item">
1097                        <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/cart">
1098                          JPY
1099                        </a>
1100                      </li>
1101                    
1102                      <li class="mobile-menu__dropdown-item">
1103                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/cart">
1104                          MXN
1105                        </a>
1106                      </li>
1107                    
1108                      <li class="mobile-menu__dropdown-item">
1109                        <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/cart">
1110                          BRL
1111                        </a>
1112                      </li>
1113                    
1114                      <li class="mobile-menu__dropdown-item">
1115                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/cart">
1116                          CHF
1117                        </a>
1118                      </li>
1119                    
1120                  </ul>
1121                </div>
1122              
1123            </li>
1124          
1125        </ul>
1126      </div>
1127    </div>
1128    <div class="mobile-menu__section mobile-menu__section--socials">
1129      <div class="mobile-menu__list-social">
1130        <ul class="mobile-menu__socials">
1131          
1132
1133
1134
1135  
1136    <li class="mobile-menu__social">
1137      <a
1138        
1139          href="https://discordapp.com/invite/7KzVxbkkh3"
1140        
1141        target="_blank"
1142        class="mobile-menu__social-link"
1143        aria-label="Discord (opens in a new tab)"
1144      >
1145        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1146<path d="M17.2727 4.31818C17.2727 4.31818 15.1882 2.68636 12.7273 2.5L12.5055 2.94409C14.73 3.48909 15.7509 4.26818 16.8182 5.22727C14.9786 4.28818 13.1636 3.40909 10 3.40909C6.83636 3.40909 5.02136 4.28818 3.18182 5.22727C4.24909 4.26818 5.46364 3.40182 7.49455 2.94409L7.27273 2.5C4.69091 2.74318 2.72727 4.31818 2.72727 4.31818C2.72727 4.31818 0.399545 7.69364 0 14.3182C2.34545 17.0241 5.90909 17.0455 5.90909 17.0455L6.65455 16.0527C5.38909 15.6127 3.96182 14.8277 2.72727 13.4091C4.19909 14.5227 6.42045 15.6818 10 15.6818C13.5795 15.6818 15.8009 14.5227 17.2727 13.4091C16.0386 14.8277 14.6114 15.6127 13.3455 16.0527L14.0909 17.0455C14.0909 17.0455 17.6545 17.0241 20 14.3182C19.6005 7.69364 17.2727 4.31818 17.2727 4.31818ZM7.04545 12.5C6.16636 12.5 5.45455 11.6864 5.45455 10.6818C5.45455 9.67727 6.16636 8.86364 7.04545 8.86364C7.92455 8.86364 8.63636 9.67727 8.63636 10.6818C8.63636 11.6864 7.92455 12.5 7.04545 12.5ZM12.9545 12.5C12.0755 12.5 11.3636 11.6864 11.3636 10.6818C11.3636 9.67727 12.0755 8.86364 12.9545 8.86364C13.8336 8.86364 14.5455 9.67727 14.5455 10.6818C14.5455 11.6864 13.8336 12.5 12.9545 12.5Z" fill="currentColor"/>
1147</svg>
1148
1149        
1150      </a>
1151    </li>
1152  
1153
1154
1155  
1156    <li class="mobile-menu__social">
1157      <a
1158        
1159          href="https://instagram.com/gamingbrew"
1160        
1161        target="_blank"
1162        class="mobile-menu__social-link"
1163        aria-label="Instagram (opens in a new tab)"
1164      >
1165        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1166<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"/>
1167</svg>
1168
1169        
1170      </a>
1171    </li>
1172  
1173
1174
1175  
1176    <li class="mobile-menu__social">
1177      <a
1178        
1179          href="https://twitch.tv/gamingbrew"
1180        
1181        target="_blank"
1182        class="mobile-menu__social-link"
1183        aria-label="Twitch (opens in a new tab)"
1184      >
1185        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1186<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
1187<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
1188<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
1189</svg>
1190
1191        
1192      </a>
1193    </li>
1194  
1195
1196
1197  
1198    <li class="mobile-menu__social">
1199      <a
1200        
1201          href="https://youtube.com/channel/UCtl9rw0mAesZsQzVBEvwjsQ"
1202        
1203        target="_blank"
1204        class="mobile-menu__social-link"
1205        aria-label="Youtube (opens in a new tab)"
1206      >
1207        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1208<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
12087 10.1575 13.7817 10.2342Z" fill="currentColor"/>
1209</svg>
1210
1211        
1212      </a>
1213    </li>
1214  
1215
1216
1217  
1218    <li class="mobile-menu__social">
1219      <a
1220        
1221          href="https://facebook.com/GamingbrewDM"
1222        
1223        target="_blank"
1224        class="mobile-menu__social-link"
1225        aria-label="Facebook (opens in a new tab)"
1226      >
1227        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1228<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"/>
1229</svg>
1230
1231        
1232      </a>
1233    </li>
1234  
1235
1236
1237        </ul>
1238      </div>
1239    </div>
1240  </div>
1241</aside>
1242
1243<script>
1244  const currencyData = {
1245    locale: "en-US",
1246    currency: "USD"
1247  }
1248</script>
1248
1249
1250
1251</div>
1252      </div>
1253
1254      <main id="main-content" class="page__main">
1255        <div class="main main--cart">
1256  <div data-testid="main.sections" class="main__sections main__sections--space">
1257    <div id="fw-section-cart" class="fw-section">
1258<section data-testid="main.single.section" class="cart-container" data-cart="cart">
1259  <div class="container container--8 wrapper">
1260    <div id="cart-component" class="cart-container__cart-component"></div>
1261  </div>
1262</section>
1263</div>
1264
1265    <div id="fw-section-cart-product-recommendations" class="fw-section">
1266<section data-testid="main.single.section" class="cart-product-recommendations">
1267  <cart-product-recommendations />
1268</section>
1269
1270<template id="product-template">
1271  <div>
1272    <div data-testid="product" class="product-tile" data-id="fw-section-cart-product-recommendations">
1273      <a href="" class="tile">
1274        <div class="tile__image">
1275          <div class="image image--background-color">
1276            <div class="image__object">
1277              <img
1278                alt=""
1279                class="tile__item"
1280              >
1281            </div>
1282          </div>
1283        </div>
1284
1285        
1286          <div class="tile__description tile__description--center">
1287            <h3 class="tile__heading">
1288            </h3>
1289
1290
1291            <p class="tile__prices">
1292              <span class="tile__price tile__price--offer">
1293              </span>
1294
1295              <span class="tile__price tile__price--original">
1296              </span>
1297            </p>
1298          </div>
1299        
1300      </a>
1301    </div>
1302  </div>
1303</template>
1304</div>
1305  </div>
1306</div>
1307
1308      </main>
1309
1310      <div class="page__footer">
1311        <div id="fw-section-footer" class="fw-section"><style>
1312  .section-fw-section-footer-padding {
1313    padding-top: 9px;
1314    padding-bottom: 0px;
1315  }
1316
1317  @media screen and (min-width: 640px) {
1318    .section-fw-section-footer-padding {
1319      padding-top: 12px;
1320      padding-bottom: 0px;
1321    }
1322  }
1323</style>
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340<footer data-testid="main.single.section" class="footer section-fw-section-footer-padding">
1341  <div class="wrapper container">
1342    
1343      <div class="footer__separator"></div>
1344    
1345
1346    <div class="footer__inner">
1347      
1348        <div class="footer__top">
1349          <div class="col-grid col-grid--middle col-grid--4-8@md col-grid--reversed@md">
1350            <div>
1351              
1352  <div class="footer__socials">
1353    <ul class="footer__list footer__list--socials">
1354      
1355
1356
1357
1358  
1359    <li class="footer__list-item footer__list-item--social">
1360      <a
1361        
1362          href="https://discordapp.com/invite/7KzVxbkkh3"
1363        
1364        target="_blank"
1365        class="footer__social-link"
1366        aria-label="Discord (opens in a new tab)"
1367      >
1368        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1369<path d="M17.2727 4.31818C17.2727 4.31818 15.1882 2.68636 12.7273 2.5L12.5055 2.94409C14.73 3.48909 15.7509 4.26818 16.8182 5.22727C14.9786 4.28818 13.1636 3.40909 10 3.40909C6.83636 3.40909 5.02136 4.28818 3.18182 5.22727C4.24909 4.26818 5.46364 3.40182 7.49455 2.94409L7.27273 2.5C4.69091 2.74318 2.72727 4.31818 2.72727 4.31818C2.72727 4.31818 0.399545 7.69364 0 14.3182C2.34545 17.0241 5.90909 17.0455 5.90909 17.0455L6.65455 16.0527C5.38909 15.6127 3.96182 14.8277 2.72727 13.4091C4.19909 14.5227 6.42045 15.6818 10 15.6818C13.5795 15.6818 15.8009 14.5227 17.2727 13.4091C16.0386 14.8277 14.6114 15.6127 13.3455 16.0527L14.0909 17.0455C14.0909 17.0455 17.6545 17.0241 20 14.3182C19.6005 7.69364 17.2727 4.31818 17.2727 4.31818ZM7.04545 12.5C6.16636 12.5 5.45455 11.6864 5.45455 10.6818C5.45455 9.67727 6.16636 8.86364 7.04545 8.86364C7.92455 8.86364 8.63636 9.67727 8.63636 10.6818C8.63636 11.6864 7.92455 12.5 7.04545 12.5ZM12.9545 12.5C12.0755 12.5 11.3636 11.6864 11.3636 10.6818C11.3636 9.67727 12.0755 8.86364 12.9545 8.86364C13.8336 8.86364 14.5455 9.67727 14.5455 10.6818C14.5455 11.6864 13.8336 12.5 12.9545 12.5Z" fill="currentColor"/>
1370</svg>
1371
1372        
1373      </a>
1374    </li>
1375  
1376
1377
1378  
1379    <li class="footer__list-item footer__list-item--social">
1380      <a
1381        
1382          href="https://instagram.com/gamingbrew"
1383        
1384        target="_blank"
1385        class="footer__social-link"
1386        aria-label="Instagram (opens in a new tab)"
1387      >
1388        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1389<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"/>
1390</svg>
1391
1392        
1393      </a>
1394    </li>
1395  
1396
1397
1398  
1399    <li class="footer__list-item footer__list-item--social">
1400      <a
1401        
1402          href="https://twitch.tv/gamingbrew"
1403        
1404        target="_blank"
1405        class="footer__social-link"
1406        aria-label="Twitch (opens in a new tab)"
1407      >
1408        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1409<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
1410<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
1411<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
1412</svg>
1413
1414        
1415      </a>
1416    </li>
1417  
1418
1419
1420  
1421    <li class="footer__list-item footer__list-item--social">
1422      <a
1423        
1424          href="https://youtube.com/channel/UCtl9rw0mAesZsQzVBEvwjsQ"
1425        
1426        target="_blank"
1427        class="footer__social-link"
1428        aria-label="Youtube (opens in a new tab)"
1429      >
1430        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1431<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
14317 10.1575 13.7817 10.2342Z" fill="currentColor"/>
1432</svg>
1433
1434        
1435      </a>
1436    </li>
1437  
1438
1439
1440  
1441    <li class="footer__list-item footer__list-item--social">
1442      <a
1443        
1444          href="https://facebook.com/GamingbrewDM"
1445        
1446        target="_blank"
1447        class="footer__social-link"
1448        aria-label="Facebook (opens in a new tab)"
1449      >
1450        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1451<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"/>
1452</svg>
1453
1454        
1455      </a>
1456    </li>
1457  
1458
1459
1460    </ul>
1461  </div>
1462
1463            </div>
1464
1465            <div>
1466              <nav class="footer__nav" aria-label="Footer">
1467                <ul class="footer__list footer__list--menu">
1468                  
1469  
1470    <li class="footer__list-item">
1471      <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD">
1472        USD
1473        
1474          <span class="footer__link-icon">
1475            <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">
1476  <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"/>
1477</svg>
1478
1479          </span>
1480        
1481      </a>
1482      
1483        <div class="footer__dropdown footer__dropdown--content">
1484          <ul class="footer__dropdown-inner">
1485            
1486              <li class="footer__dropdown-item">
1487                <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/cart">
1488                  USD
1489                </a>
1490              </li>
1491            
1492              <li class="footer__dropdown-item">
1493                <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/cart">
1494                  EUR
1495                </a>
1496              </li>
1497            
1498              <li class="footer__dropdown-item">
1499                <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/cart">
1500                  CAD
1501                </a>
1502              </li>
1503            
1504              <li class="footer__dropdown-item">
1505                <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/cart">
1506                  GBP
1507                </a>
1508              </li>
1509            
1510              <li class="footer__dropdown-item">
1511                <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/cart">
1512                  AUD
1513                </a>
1514              </li>
1515            
1516              <li class="footer__dropdown-item">
1517                <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/cart">
1518                  NZD
1519                </a>
1520              </li>
1521            
1522              <li class="footer__dropdown-item">
1523                <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/cart">
1524                  SEK
1525                </a>
1526              </li>
1527            
1528              <li class="footer__dropdown-item">
1529                <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/cart">
1530                  NOK
1531                </a>
1532              </li>
1533            
1534              <li class="footer__dropdown-item">
1535                <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/cart">
1536                  DKK
1537                </a>
1538              </li>
1539            
1540              <li class="footer__dropdown-item">
1541                <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/cart">
1542                  PLN
1543                </a>
1544              </li>
1545            
1546              <li class="footer__dropdown-item">
1547                <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/cart">
1548                  INR
1549                </a>
1550              </li>
1551            
1552              <li class="footer__dropdown-item">
1553                <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/cart">
1554                  JPY
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="/pages/returns-faq" class="footer__menu-link" >Returns & FAQ</a>
1586    </li>
1587  
1588    <li class="footer__list-item">
1589      <a href="/pages/contact" class="footer__menu-link" >Contact Us</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/terms-of-service" class="footer__menu-link" >Terms of Service</a>
1598    </li>
1599  
1600    <li class="footer__list-item">
1601      <a href="/contact" class="footer__menu-link" >Contact Support</a>
1602    </li>
1603  
1604
1605                </ul>
1606              </nav>
1607            </div>
1608          </div>
1609        </div>
1610
1611        <div class="footer__bottom">
1612          <ul class="footer__list footer__list--bottom">
1613            <li class="footer__list-item">
1613<div class="footer__copy">&copy; 2026 Gamingbrew</div></li>
1614            
1615          </ul>
1616        </div>
1617      
1618    </div>
1619  </div>
1620</footer>
1621
1622
1623</div>
1624      </div>
1625    </div>
1626
1627    
1627<script>
1628  var fourthwallTheme = {
1629    strings: {
1630      addToCart: "Add to Cart",
1631      redeemGift: "Redeem Your Gift",
1632      viewCart: "View Cart",
1633      checkout: "Checkout",
1634      outOfStock: "Out of Stock",
1635      unavailable: "Not Available",
1636      soldOut: "Sold Out",
1637      soldOutSuffix: " - Sold Out",
1638      missingQuantityError: "Please choose the quantity.",
1639      generalError: "An error occurred. Please try refreshing the page.",
1640      item: "item",
1641      items: "items",
1642      startShopping: "Start Shopping",
1643      subtotal: "Subtotal",
1644      backToShopping: "Back to Shopping",
1645      cart: {
1646        heading: "[item_count] [item_count_label] in your cart for [total]",
1647        emptyHeading: "Your Shopping Cart is Empty",
1648        tableHeader: {
1649          item: "Item",
1650          quantity: "Quantity",
1651          price: "Price"
1652        },
1653        deleteModal: {
1654          heading: "Are you sure you want to remove [title] from your cart?",
1655          cancel: "Cancel",
1656          delete: "Delete"
1657        }
1658      },
1659      newsletter: {
1660        missingEmailError: 'Please enter your email.',
1661        invalidEmailError: 'Please enter a valid email.',
1662        subscribeSuccess: 'Thanks for subscribing!'
1663      },
1664      donation: {
1665        missingAmountError: 'Please select or enter the donation amount.',
1666        invalidAmountError: 'Please enter a valid donation amount.',
1667        missingNameError: 'Please enter your name.',
1668        missingMessageError: 'Please enter the message.'
1669      },
1670      checkoutErrors: {
1671        default: "There was an issue with your checkout. Please review your cart and try again.",
1672        CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.",
1673        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."
1674      }
1675    },
1676    urls: {
1677      cart: "/cart",
1678      cartItemLocalizedPrefix: "",
1679      cartAddUrl: "/cart/add",
1680      cartChangeUrl: "/cart/change",
1681      productsUrlPrefix: "/products",
1682      allProductsCollection: "/collections/all",
1683    }
1684  };
1685</script>
1685
1686
1687
1688    
1688<script src="https://themes.fourthwall.dev/themes-library/assets/b7100430-f3c9-4cce-bb6a-634bbc4f1f76/assets/theme.js?v=25f577b393a55e3f296727fd8668dd90ecb68df2345e166cff9a829e98c1e203" rel="preload" integrity="sha256-JfV3s5OlXj8pZyf9hmjdkOy2jfI0XhZs/5qCnpjB4gM=" crossorigin="anonymous"></script>
1688
1689
1690    
1691<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>
1692
1693
1694  <div class="admin-bar-container hidden">
1695  <div id="admin-bar" class="admin-bar sticky hidden">
1696    <div class="wrapper">
1697      <div>
1698        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1699          <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"/>
1700        </svg>
1701      </div>
1702      <div class="actions">
1703        <div class='desktop'>
1704          <div class="dropdown">
1705            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
1706            <div class="dropdown-content" id="desktop-switcher">
1707              <ul>
1708                <li class="dropdown-item" data-mode="creator">Admin</li>
1709                <li class="dropdown-item" data-mode="supporter">Supporter</li>
1710              </ul>
1711            </div>
1712          </div>
1713          
1714          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
1715        </div>
1716
1717        <div class='mobile'>
1718          <div class="dropdown">
1719            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
1720            <div class="dropdown-content" id="mobile-switcher">
1721              <ul>
1722                <li class="dropdown-item" data-mode="creator">Admin</li>
1723                <li class="dropdown-item" data-mode="supporter">Supporter</li>
1724              </ul>
1725            </div>
1726          </div>
1727
1728          <div class="dropdown mobile">
1729            <button class="dropdown-button pill" data-target="mobile-links">
1730              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1731                <g id="Dots horizontal">
1732                  <g>
1733                    <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"/>
1734                    <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"/>
1735                    <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"/>
1736                  </g>
1737                </g>
1738              </svg>
1739            </button>
1740            <div class="dropdown-content" id="mobile-links">
1741              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
1742            </div>
1743          </div>
1744        </div>
1745
1746        <div class="pill close">
1747          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1748            <g>
1749              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
1750            </g>
1751          </svg>
1752        </div>
1753      </div>
1754    </div>
1755  </div>
1756
1757  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
1758    <div class="wrapper">
1759      <div>
1760        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
1761          <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"/>
1762        </svg>
1763      </div>
1764    </div>
1765  </div>
1766</div>
1767
1768<script>
1769  const cookieModule = {
1770    setCookie: function (name, value, days = 365, maxAge) {
1771      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
1772      let cookieString = `${name}=${value}; expires=${expires}; path=/`;
1773
1774      if (maxAge) {
1775        cookieString += `; max-age=${maxAge}`;
1776      }
1777
1778      document.cookie = cookieString;
1779    },
1780
1781    getCookie: function (name) {
1782      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
1783      return cookie ? cookie.split('=')[1] : null;
1784    }
1785  };
1786
1787  const AdminBar = {
1788    adminBar: document.getElementById("admin-bar"),
1789    adminBarContainer: document.querySelector(".admin-bar-container"),
1790    adminBarSmall: document.getElementById("admin-bar-small"),
1791    closeButton: document.querySelector('#admin-bar .close'),
1792    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
1793    dropdownButtons: document.querySelectorAll(".dropdown-button"),
1794    dropdownContents: document.querySelectorAll(".dropdown-content"),
1795    inIframe: () => {
1796      try {
1797        return window.self !== window.top;
1798      } catch (e) {
1799        return true;
1800      }
1801    },
1802    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
1803    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
1804    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
1805    verifyCreator: () => {
1806      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
1807      window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search);
1808    },
1809    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
1810    toggleDropdown: (dropdownContent) => {
1811      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
1812    },
1813    init() {
1814      if (
1815        !AdminBar.inThemeEditor() &&
1816        cookieModule.getCookie('core_dashboard_visited')
1817      ) {
1818        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
1819        AdminBar.adminBarContainer.classList.toggle('hidden');
1820        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
1821          AdminBar.adminBarSmall.classList.toggle('hidden');
1822        } else {
1823          AdminBar.adminBar.classList.toggle('hidden');
1824        }
1825      }
1826
1827      AdminBar.closeButton.addEventListener('click', () => {
1828        cookieModule.setCookie('admin_bar_mode', 'condensed');
1829        AdminBar.adminBar.classList.toggle('hidden');
1830        AdminBar.adminBarSmall.classList.toggle('hidden');
1831      });
1832
1833      AdminBar.adminBarSmall.addEventListener('click', () => {
1834        cookieModule.setCookie('admin_bar_mode', 'expanded');
1835        AdminBar.adminBar.classList.toggle('hidden');
1836        AdminBar.adminBarSmall.classList.toggle('hidden');
1837      });
1838
1839      // Add event listeners to each dropdown button
1840      AdminBar.dropdownButtons.forEach((button) => {
1841        button.addEventListener("click", () => {
1842          const dropdownId = button.getAttribute("data-target");
1843          const dropdownContent = document.getElementById(dropdownId);
1844          AdminBar.toggleDropdown(dropdownContent);
1845        });
1846      });
1847
1848      // Close the dropdowns when clicking outside
1849      document.addEventListener("click", (event) => {
1850        AdminBar.dropdownButtons.forEach((button) => {
1851          const dropdownId = button.getAttribute("data-target");
1852          const dropdownContent = document.getElementById(dropdownId);
1853          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
1854            dropdownContent.style.display = "none";
1855          }
1856        });
1857      });
1858
1859      document.querySelectorAll(".dropdown-content li").forEach((item) => {
1860        item.addEventListener("click", (event) => {
1861          const mode = event.target.getAttribute("data-mode");
1862          if (mode === 'creator') {
1863            cookieModule.setCookie('view_as', 'creator');
1864            AdminBar.verifyCreator();
1865          } else {
1866            cookieModule.setCookie('view_as', 'supporter');
1867            window.location.reload();
1868          }
1869        });
1870      });
1871    },
1872  };
1873
1874  AdminBar.init();
1875</script>
1875
1876
1877<style>
1878  .admin-bar-container {
1879    height: 56px;
1880  }
1881
1882  .hidden {
1883    display: none;
1884  }
1885
1886  .admin-bar,
1887  .admin-bar-small {
1888    z-index: 1000;
1889    background-color: rgba(0, 0, 0, 0.7);
1890    backdrop-filter: blur(15px);
1891    -webkit-backdrop-filter: blur(15px);
1892    height: 56px;
1893    width: 100%;
1894  }
1895
1896  .admin-bar-small {
1897    width: 73px;
1898    cursor: pointer;
1899  }
1900
1901  .sticky {
1902    position: fixed;
1903    bottom: 0;
1904  }
1905
1906  .admin-bar a {
1907    color: #FDFCFB;
1908    padding: 14px;
1909    font-size: 14px;
1910    text-decoration: none;
1911  }
1912
1913  .admin-bar button {
1914    padding: 14px;
1915    font-size: 14px;
1916  }
1917
1918  .admin-bar .wrapper,
1919  .admin-bar-small .wrapper {
1920    display: flex;
1921    justify-content: space-between;
1922    align-items: center;
1923    padding: 10px 20px;
1924  }
1925
1926  .admin-bar-small .wrapper {
1927    padding: 12px 20px;
1928  }
1929
1930  .admin-bar .pill {
1931    display: flex;
1932    justify-content: center;
1933    align-items: center;
1934    gap: 10px;
1935    text-transform: capitalize;
1936
1937    padding: 6px 14px;
1938    border-radius: 100px;
1939    background: rgba(253, 252, 251, 0.12);
1940
1941    cursor: pointer;
1942  }
1943
1944  .admin-bar .pill:hover {
1945    background: rgba(253, 252, 251, 0.22);
1946  }
1947
1948  .admin-bar .close {
1949    padding: 6px 11px;
1950  }
1951
1952  .admin-bar .actions,
1953  .admin-bar .actions .desktop,
1954  .admin-bar .actions .mobile {
1955    display: flex;
1956    gap: 10px;
1957  }
1958
1959  .admin-bar .actions .desktop,
1960  .admin-bar .actions .edit-page {
1961    display: none;
1962  }
1963
1964  @media (min-width: 768px) {
1965    .admin-bar a,
1966    .admin-bar button {
1967      font-size: 16px;
1968    }
1969
1970    .admin-bar .actions .desktop,
1971    .admin-bar .actions .edit-page {
1972      display: flex;
1973      gap: 10px;
1974    }
1975
1976    .admin-bar .actions .mobile {
1977      display: none;
1978    }
1979  }
1980
1981  .dropdown {
1982    position: relative;
1983  }
1984
1985  .dropdown-content {
1986    display: none;
1987    position: absolute;
1988    background-color: rgba(0,0,0,0.9);
1989    min-width: 130px;
1990    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1991    bottom: 100%; /* Position above the button */
1992    border-radius: 10px;
1993    bottom: calc((100% + 8px) - 0px);
1994    right: 0;
1995  }
1996
1997  /* Style for each list item */
1998  .dropdown-content .dropdown-item {
1999    color: white;
2000    padding: 12px 16px;
2001    text-decoration: none;
2002    white-space: nowrap;
2003    display: block;
2004    cursor: pointer;
2005    border-radius: 10px;
2006  }
2007
2008  .dropdown-content .dropdown-item:hover {
2009    background-color: rgba(255,255,255,0.2)
2010  }
2011
2012  /* Style for the button */
2013  .dropdown-button {
2014    color: white;
2015    padding: 10px 20px;
2016    border: none;
2017    border-radius: 5px;
2018    cursor: pointer;
2019    line-height: 24px;
2020  }
2021</style>
2022
2023</body>
2024</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.