PageSourceSearch

https://five12.org/products/1

html five12.org collected 2026-10-04 23:17:49 UTC 176,998 bytes, 4,145 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//five12.org/cdn/shop/files/FIVE.12_favicon_9dbd98bd-d51b-4b20-8cba-e04f05e3bd7f.png?crop=center&height=32&v=1764907289&width=32"
10      >
11    <link
12      rel="expect"
13      href="#MainContent"
14      blocking="render"
15      id="view-transition-render-blocker"
16    ><meta charset="utf-8">
17<meta
18  http-equiv="X-UA-Compatible"
19  content="IE=edge"
20>
21<meta
22  name="viewport"
23  content="width=device-width,initial-scale=1"
24>
25<meta
26  name="view-transition"
27  content="same-origin"
28>
29<meta
30  name="theme-color"
31  content=""
32>
33
34<meta
35  property="og:site_name"
36  content="Five.12 Foundation"
37>
38<meta
39  property="og:url"
40  content="https://five12.org/products/1"
41>
42<meta
43  property="og:title"
44  content="Donation to Five.12"
45>
46<meta
47  property="og:type"
48  content="product"
49>
50<meta
51  property="og:description"
52  content="Elementary school students in the United States are going home from school on Friday and coming back to school hungry on Monday. Five.12 provides weekend backpacks full of food for those students in need.100% of all donated money and time goes to providing for students in need. Period.No overhead.No ulterior motives.No"
53><meta
54    property="og:image"
55    content="http://five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"
56  >
57  <meta
58    property="og:image:secure_url"
59    content="https://five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"
60  >
61  <meta
62    property="og:image:width"
63    content="1798"
64  >
65  <meta
66    property="og:image:height"
67    content="1798"
68  ><meta
69    property="og:price:amount"
70    content="5.12"
71  >
72  <meta
73    property="og:price:currency"
74    content="USD"
75  ><meta
76  name="twitter:card"
77  content="summary_large_image"
78>
79<meta
80  name="twitter:title"
81  content="Donation to Five.12"
82>
83<meta
84  name="twitter:description"
85  content="Elementary school students in the United States are going home from school on Friday and coming back to school hungry on Monday. Five.12 provides weekend backpacks full of food for those students in need.100% of all donated money and time goes to providing for students in need. Period.No overhead.No ulterior motives.No"
86>
87
88<title>
89  Donation to Five.12
90 &ndash; Five.12 Foundation</title>
91
92<link
93  rel="canonical"
94  href="https://five12.org/products/1"
95>
96
97
98  <meta
99    name="description"
100    content="Elementary school students in the United States are going home from school on Friday and coming back to school hungry on Monday. Five.12 provides weekend backpacks full of food for those students in need.100% of all donated money and time goes to providing for students in need. Period.No overhead.No ulterior motives.No"
101  >
102
103<link href="//five12.org/cdn/shop/t/1/assets/overflow-list.css?v=168694168152117541881764799996" as="style" rel="preload">
104<link href="//five12.org/cdn/shop/t/1/assets/base.css?v=91370114524021989831764799997" rel="stylesheet" type="text/css" media="all" />
105
106<link
107    rel="preload"
108    as="font"
109    href="//five12.org/cdn/fonts/mona_sans/monasans_n6.5d5afd0b2b72184e5278ec54199a380a2957f340.woff2"
110    type="font/woff2"
111    crossorigin
112    fetchpriority="low"
113  ><link
114    rel="preload"
115    as="font"
116    href="//five12.org/cdn/fonts/mona_sans/monasans_i5.580b6c672a6b300dbcb22f1ef422b4bfbcdc28c8.woff2"
117    type="font/woff2"
118    crossorigin
119    fetchpriority="low"
120  ><link
121    rel="preload"
122    as="font"
123    href="//five12.org/cdn/fonts/mona_sans/monasans_n9.d2e646a31f6e79cd5f1c15442a269c98e7de7917.woff2"
124    type="font/woff2"
125    crossorigin
126    fetchpriority="low"
127  ><link
128    rel="preload"
129    as="font"
130    href="//five12.org/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
131    type="font/woff2"
132    crossorigin
133    fetchpriority="low"
134  >
135<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 135
135
136<script type="importmap">
137  {
138    "imports": {
139      "@theme/critical": "//five12.org/cdn/shop/t/1/assets/critical.js?v=169402557219780209121764799996",
140      "@theme/product-title": "//five12.org/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781764799996",
141      "@theme/component": "//five12.org/cdn/shop/t/1/assets/component.js?v=74239122572524296041764799997",
142      "@theme/dialog": "//five12.org/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111764799996",
143      "@theme/events": "//five12.org/cdn/shop/t/1/assets/events.js?v=59172389608566392641764799996",
144      "@theme/focus": "//five12.org/cdn/shop/t/1/assets/focus.js?v=60436577539430446401764799996",
145      "@theme/morph": "//five12.org/cdn/shop/t/1/assets/morph.js?v=92630016404903954311764799996",
146      "@theme/paginated-list": "//five12.org/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871764799997",
147      "@theme/performance": "//five12.org/cdn/shop/t/1/assets/performance.js?v=171015751390534793081764799996",
148      "@theme/product-form": "//five12.org/cdn/shop/t/1/assets/product-form.js?v=83283661069322333421764799996",
149      "@theme/recently-viewed-products": "//five12.org/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651764799996",
150      "@theme/scrolling": "//five12.org/cdn/shop/t/1/assets/scrolling.js?v=10957690925586738441764799997",
151      "@theme/section-renderer": "//five12.org/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061764799997",
152      "@theme/section-hydration": "//five12.org/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221764799996",
153      "@theme/utilities": "//five12.org/cdn/shop/t/1/assets/utilities.js?v=171919950116664653001764799996",
154      "@theme/variant-picker": "//five12.org/cdn/shop/t/1/assets/variant-picker.js?v=95439354777694360091764799997",
155      "@theme/media-gallery": "//five12.org/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071764799996",
156      "@theme/quick-add": "//five12.org/cdn/shop/t/1/assets/quick-add.js?v=102040698639320169661764799996",
157      "@theme/paginated-list-aspect-ratio": "//five12.org/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451764799996",
158      "@theme/popover-polyfill": "//five12.org/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201764799996",
159      "@theme/component-quantity-selector": "//five12.org/cdn/shop/t/1/assets/component-quantity-selector.js?v=7782950339315554041764799996"
160    }
161  }
162</script>
162
163
164
165
166<link
167  rel="modulepreload"
168  href="//five12.org/cdn/shop/t/1/assets/critical.js?v=169402557219780209121764799996"
169>
170
171<link
172  rel="modulepreload"
173  href="//five12.org/cdn/shop/t/1/assets/utilities.js?v=171919950116664653001764799996"
174  fetchpriority="low"
175>
176<link
177  rel="modulepreload"
178  href="//five12.org/cdn/shop/t/1/assets/component.js?v=74239122572524296041764799997"
179  fetchpriority="low"
180>
181<link
182  rel="modulepreload"
183  href="//five12.org/cdn/shop/t/1/assets/section-renderer.js?v=117273408521114569061764799997"
184  fetchpriority="low"
185>
186<link
187  rel="modulepreload"
188  href="//five12.org/cdn/shop/t/1/assets/section-hydration.js?v=177651605160027701221764799996"
189  fetchpriority="low"
190>
191<link
192  rel="modulepreload"
193  href="//five12.org/cdn/shop/t/1/assets/morph.js?v=92630016404903954311764799996"
194  fetchpriority="low"
195>
196
197
198
199<link
200  rel="modulepreload"
201  href="//five12.org/cdn/shop/t/1/assets/focus.js?v=60436577539430446401764799996"
202  fetchpriority="low"
203>
204<link
205  rel="modulepreload"
206  href="//five12.org/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651764799996"
207  fetchpriority="low"
208>
209<link
210  rel="modulepreload"
211  href="//five12.org/cdn/shop/t/1/assets/scrolling.js?v=10957690925586738441764799997"
212  fetchpriority="low"
213>
214<link
215  rel="modulepreload"
216  href="//five12.org/cdn/shop/t/1/assets/events.js?v=59172389608566392641764799996"
217  fetchpriority="low"
218>
219<script
220  src="//five12.org/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201764799996"
221  type="module"
222  fetchpriority="low"
223></script>
vendor: 1 bytes, line 223
223
224<script
225  src="//five12.org/cdn/shop/t/1/assets/quick-add.js?v=102040698639320169661764799996"
226  type="module"
227  fetchpriority="low"
228></script>
228
229
230<script
231  src="//five12.org/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111764799996"
232  type="module"
233  fetchpriority="low"
234></script>
vendor: 1 bytes, line 234
234
235<script
236  src="//five12.org/cdn/shop/t/1/assets/variant-picker.js?v=95439354777694360091764799997"
237  type="module"
238  fetchpriority="low"
239></script>
vendor: 1 bytes, line 239
239
240<script
241  src="//five12.org/cdn/shop/t/1/assets/product-card.js?v=84089801565227384841764799996"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//five12.org/cdn/shop/t/1/assets/product-form.js?v=83283661069322333421764799996"
247  type="module"
248  fetchpriority="low"
249></script>
vendor: 1 bytes, line 249
249
250<script
251  src="//five12.org/cdn/shop/t/1/assets/accordion-custom.js?v=99000499017714805851764799996"
252  type="module"
253  fetchpriority="low"
254></script>
vendor: 1 bytes, line 254
254
255<script
256  src="//five12.org/cdn/shop/t/1/assets/disclosure-custom.js?v=168050880623268140331764799996"
257  type="module"
258  fetchpriority="low"
259></script>
vendor: 1 bytes, line 259
259
260<script
261  src="//five12.org/cdn/shop/t/1/assets/media.js?v=37825095869491791421764799997"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//five12.org/cdn/shop/t/1/assets/product-price.js?v=30079423257668675401764799996"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//five12.org/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781764799996"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//five12.org/cdn/shop/t/1/assets/product-inventory.js?v=16343734458933704981764799996"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//five12.org/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101764799997"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//five12.org/cdn/shop/t/1/assets/slideshow.js?v=154015486816472108841764799997"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//five12.org/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461764799997"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//five12.org/cdn/shop/t/1/assets/floating-panel.js?v=128677600744947036551764799996"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//five12.org/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551764799996"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//five12.org/cdn/shop/t/1/assets/component-quantity-selector.js?v=7782950339315554041764799996"
307  type="module"
308  fetchpriority="low"
309></script>
vendor: 1 bytes, line 309
309
310<script
311  src="//five12.org/cdn/shop/t/1/assets/media-gallery.js?v=111441960308641931071764799996"
312  type="module"
313  fetchpriority="low"
314></script>
vendor: 1 bytes, line 314
314
315<script
316  src="//five12.org/cdn/shop/t/1/assets/rte-formatter.js?v=101420294193111439321764799996"
317  type="module"
318  fetchpriority="low"
319></script>
vendor: 1 bytes, line 319
319
320<script
321  src="//five12.org/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901764799996"
322  type="module"
323  fetchpriority="low"
324></script>
324
325
326
327  
327<script
328    src="//five12.org/cdn/shop/t/1/assets/localization.js?v=87759161307859666401764799996"
329    type="module"
330    fetchpriority="low"
331  ></script>
331
332
333
334
335  
335<script type="module">
336    import { RecentlyViewed } from '@theme/recently-viewed-products';
337    RecentlyViewed.addProduct('9069956858078');
338  </script>
338
339
340
341
342
343<script
344  src="//five12.org/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581764799997"
345  defer="defer"
346></script>
346
347
348<script>
349  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
350  const Theme = {
351    placeholders: {
352      general: [
353        `${basePath}/general-1.png`,
354        `${basePath}/general-2.png`,
355        `${basePath}/general-3.png`,
356        `${basePath}/general-4.png`,
357        `${basePath}/general-5.png`,
358        `${basePath}/general-6.png`,
359        `${basePath}/general-7.png`,
360      ],
361      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
362    },
363    translations: {
364      placeholder_image: `Placeholder image`,
365      added: `Added`,
366      recipient_form_fields_visible: `Recipient form fields are now visible`,
367      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
368      recipient_form_error: `There was an error with the form submission`,
369    },
370    routes: {
371      cart_add_url: '/cart/add.js',
372      cart_change_url: '/cart/change',
373      cart_update_url: '/cart/update',
374      cart_url: '/cart',
375      predictive_search_url: '/search/suggest',
376      search_url: '/search',
377    },
378    template: {
379      name: 'product',
380    },
381  };
382</script>
382
383<style data-shopify>
384
385
386  @font-face {
387  font-family: "Mona Sans";
388  font-weight: 600;
389  font-style: normal;
390  font-display: swap;
391  src: url("//five12.org/cdn/fonts/mona_sans/monasans_n6.5d5afd0b2b72184e5278ec54199a380a2957f340.woff2") format("woff2"),
392       url("//five12.org/cdn/fonts/mona_sans/monasans_n6.45753868d285ab3a52629bcbec5e85b7c82785b6.woff") format("woff");
393}
394
395  @font-face {
396  font-family: "Mona Sans";
397  font-weight: 700;
398  font-style: normal;
399  font-display: swap;
400  src: url("//five12.org/cdn/fonts/mona_sans/monasans_n7.7a174deadcf23a8eb1f5b59b4449a81c215adf52.woff2") format("woff2"),
401       url("//five12.org/cdn/fonts/mona_sans/monasans_n7.fa6a2ddc8ef9995151c1d6e9116360bce89c3e37.woff") format("woff");
402}
403
404  @font-face {
405  font-family: "Mona Sans";
406  font-weight: 600;
407  font-style: italic;
408  font-display: swap;
409  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i6.8158067a759f82c75d200b973ada02c1db0cb985.woff2") format("woff2"),
410       url("//five12.org/cdn/fonts/mona_sans/monasans_i6.93e225c20dcc815e2ee34550fa4b577c53912569.woff") format("woff");
411}
412
413  @font-face {
414  font-family: "Mona Sans";
415  font-weight: 700;
416  font-style: italic;
417  font-display: swap;
418  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i7.89aaf4e957e47c275eefdc2401ad05ae83998937.woff2") format("woff2"),
419       url("//five12.org/cdn/fonts/mona_sans/monasans_i7.c3ddf121e9050e4a9b2cd9e66994f7aca1957aad.woff") format("woff");
420}
421
422
423  
424
425
426    @font-face {
427  font-family: "Mona Sans";
428  font-weight: 500;
429  font-style: italic;
430  font-display: swap;
431  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i5.580b6c672a6b300dbcb22f1ef422b4bfbcdc28c8.woff2") format("woff2"),
432       url("//five12.org/cdn/fonts/mona_sans/monasans_i5.71b753aef9304e644890b0ff5cbc117787f65313.woff") format("woff");
433}
434
435    @font-face {
436  font-family: "Mona Sans";
437  font-weight: 700;
438  font-style: italic;
439  font-display: swap;
440  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i7.89aaf4e957e47c275eefdc2401ad05ae83998937.woff2") format("woff2"),
441       url("//five12.org/cdn/fonts/mona_sans/monasans_i7.c3ddf121e9050e4a9b2cd9e66994f7aca1957aad.woff") format("woff");
442}
443
444    @font-face {
445  font-family: "Mona Sans";
446  font-weight: 500;
447  font-style: italic;
448  font-display: swap;
449  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i5.580b6c672a6b300dbcb22f1ef422b4bfbcdc28c8.woff2") format("woff2"),
450       url("//five12.org/cdn/fonts/mona_sans/monasans_i5.71b753aef9304e644890b0ff5cbc117787f65313.woff") format("woff");
451}
452
453    @font-face {
454  font-family: "Mona Sans";
455  font-weight: 700;
456  font-style: italic;
457  font-display: swap;
458  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i7.89aaf4e957e47c275eefdc2401ad05ae83998937.woff2") format("woff2"),
459       url("//five12.org/cdn/fonts/mona_sans/monasans_i7.c3ddf121e9050e4a9b2cd9e66994f7aca1957aad.woff") format("woff");
460}
461
462  
463
464  
465
466
467    @font-face {
468  font-family: "Mona Sans";
469  font-weight: 900;
470  font-style: normal;
471  font-display: swap;
472  src: url("//five12.org/cdn/fonts/mona_sans/monasans_n9.d2e646a31f6e79cd5f1c15442a269c98e7de7917.woff2") format("woff2"),
473       url("//five12.org/cdn/fonts/mona_sans/monasans_n9.40e5e1fd08ae64ba3566e77a5618bbf51d22ab31.woff") format("woff");
474}
475
476    @font-face {
477  font-family: "Mona Sans";
478  font-weight: 700;
479  font-style: normal;
480  font-display: swap;
481  src: url("//five12.org/cdn/fonts/mona_sans/monasans_n7.7a174deadcf23a8eb1f5b59b4449a81c215adf52.woff2") format("woff2"),
482       url("//five12.org/cdn/fonts/mona_sans/monasans_n7.fa6a2ddc8ef9995151c1d6e9116360bce89c3e37.woff") format("woff");
483}
484
485    @font-face {
486  font-family: "Mona Sans";
487  font-weight: 900;
488  font-style: italic;
489  font-display: swap;
490  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i9.9bf194b23dc98da21eba221ad43de0f0b7eff4df.woff2") format("woff2"),
491       url("//five12.org/cdn/fonts/mona_sans/monasans_i9.09d680a96f99519fad20d46e4107b5ab118f9a2d.woff") format("woff");
492}
493
494    @font-face {
495  font-family: "Mona Sans";
496  font-weight: 700;
497  font-style: italic;
498  font-display: swap;
499  src: url("//five12.org/cdn/fonts/mona_sans/monasans_i7.89aaf4e957e47c275eefdc2401ad05ae83998937.woff2") format("woff2"),
500       url("//five12.org/cdn/fonts/mona_sans/monasans_i7.c3ddf121e9050e4a9b2cd9e66994f7aca1957aad.woff") format("woff");
501}
502
503  
504
505  
506
507
508    @font-face {
509  font-family: Inter;
510  font-weight: 700;
511  font-style: normal;
512  font-display: swap;
513  src: url("//five12.org/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
514       url("//five12.org/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
515}
516
517    @font-face {
518  font-family: Inter;
519  font-weight: 700;
520  font-style: normal;
521  font-display: swap;
522  src: url("//five12.org/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
523       url("//five12.org/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
524}
525
526    @font-face {
527  font-family: Inter;
528  font-weight: 700;
529  font-style: italic;
530  font-display: swap;
531  src: url("//five12.org/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
532       url("//five12.org/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
533}
534
535    @font-face {
536  font-family: Inter;
537  font-weight: 700;
538  font-style: italic;
539  font-display: swap;
540  src: url("//five12.org/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
541       url("//five12.org/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
542}
543
544  
545
546  :root {
547    /* Page Layout */
548    --sidebar-width: 25rem;
549    --narrow-content-width: 36rem;
550    --normal-content-width: 42rem;
551    --wide-content-width: 46rem;
552    --narrow-page-width: 90rem;
553    --normal-page-width: 120rem;
554    --wide-page-width: 150rem;
555
556    /* Section Heights */
557    --section-height-small: 15rem;
558    --section-height-medium: 25rem;
559    --section-height-large: 35rem;
560
561    @media screen and (min-width: 40em) {
562      --section-height-small: 40svh;
563      --section-height-medium: 55svh;
564      --section-height-large: 70svh;
565    }
566
567    @media screen and (min-width: 60em) {
568      --section-height-small: 50svh;
569      --section-height-medium: 65svh;
570      --section-height-large: 80svh;
571    }
572
573    /* Letter spacing */
574    --letter-spacing-sm: 0.06em;
575    --letter-spacing-md: 0.13em;
576
577    /* Font families */
578    --font-body--family: "Mona Sans", sans-serif;
579    --font-body--style: normal;
580    --font-body--weight: 600;
581    --font-subheading--family: "Mona Sans", sans-serif;
582    --font-subheading--style: italic;
583    --font-subheading--weight: 500;
584    --font-heading--family: "Mona Sans", sans-serif;
585    --font-heading--style: normal;
586    --font-heading--weight: 900;
587    --font-accent--family: Inter, sans-serif;
588    --font-accent--style: normal;
589    --font-accent--weight: 700;
590
591    /* Margin sizes */
592    --font-h1--spacing: 0.25em;
593    --font-h2--spacing: 0.25em;
594    --font-h3--spacing: 0.25em;
595    --font-h4--spacing: 0.25em;
596    --font-h5--spacing: 0.25em;
597    --font-h6--spacing: 0.25em;
598    --font-paragraph--spacing: 0.5em;
599
600    /* Heading colors */
601    --font-h1--color: var(--color-foreground-heading);
602    --font-h2--color: var(--color-foreground-heading);
603    --font-h3--color: var(--color-foreground-heading);
604    --font-h4--color: var(--color-foreground-heading);
605    --font-h5--color: var(--color-foreground-heading);
606    --font-h6--color: var(--color-foreground-heading);
607
608    /** Z-Index / Layering */
609    --layer-section-background: -2;
610    --layer-lowest: -1;
611    --layer-base: 0;
612    --layer-flat: 1;
613    --layer-raised: 2;
614    --layer-heightened: 4;
615    --layer-sticky: 8;
616    --layer-window-overlay: 10;
617    --layer-header-menu: 12;
618    --layer-overlay: 16;
619    --layer-menu-drawer: 18;
620    --layer-temporary: 20;
621
622    /* Max-width / Measure */
623    --max-width--body-normal: 50ch;
624    --max-width--body-narrow: 35ch;
625
626    --max-width--heading-normal: 50ch;
627    --max-width--heading-narrow: 30ch;
628
629    --max-width--display-normal: 20ch;
630    --max-width--display-narrow: 15ch;
631    --max-width--display-tight: 5ch;
632
633    /* Letter-spacing / Tracking */
634    --letter-spacing--display-tight: -0.03em;
635    --letter-spacing--display-normal: 0em;
636    --letter-spacing--display-loose: 0.03em;
637
638    --letter-spacing--heading-tight: -0.03em;
639    --letter-spacing--heading-normal: 0em;
640    --letter-spacing--heading-loose: 0.03em;
641
642    --letter-spacing--body-tight: -0.03em;
643    --letter-spacing--body-normal: 0em;
644    --letter-spacing--body-loose: 0.03em;
645
646    /* Line height / Leading */
647    --line-height: 1;
648
649    --line-height--display-tight: 1;
650    --line-height--display-normal: 1.1;
651    --line-height--display-loose: 1.2;
652
653    --line-height--heading-tight: 1.15;
654    --line-height--heading-normal: 1.25;
655    --line-height--heading-loose: 1.35;
656
657    --line-height--body-tight: 1.2;
658    --line-height--body-normal: 1.4;
659    --line-height--body-loose: 1.6;
660
661    /* Typography presets */
662    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
663
664    /* Hardcoded font sizes */
665    --font-size--2xs: 0.625rem;
666    --font-size--xs: 0.8125rem;
667    --font-size--sm: 0.875rem;
668    --font-size--md: 1rem;
669    --font-size--lg: 1.125rem;
670    --font-size--xl: 1.25rem;
671    --font-size--2xl: 1.5rem;
672    --font-size--3xl: 2rem;
673    --font-size--4xl: 2.5rem;
674    --font-size--5xl: 3rem;
675    --font-size--6xl: 3.5rem;
676
677    /* Menu font sizes */
678    --menu-font-sm--size: 0.875rem;
679    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
680    --menu-font-md--size: 1rem;
681    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
682    --menu-font-lg--size: 1.125rem;
683    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
684    --menu-font-xl--size: 1.25rem;
685    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
686    --menu-font-2xl--size: 1.75rem;
687    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
688
689    /* Colors */
690    --color-error: #8B0000;
691    --color-success: #006400;
692    --color-white: #FFFFFF;
693    --color-white-rgb: 255 255 255;
694    --color-black: #000000;
695    --color-instock: #3ED660;
696    --color-lowstock: #EE9441;
697    --color-outofstock: #C8C8C8;
698
699    /* Opacity */
700    --opacity-5: 0.05;
701    --opacity-8: 0.08;
702    --opacity-10: 0.1;
703    --opacity-15: 0.15;
704    --opacity-20: 0.2;
705    --opacity-25: 0.25;
706    --opacity-30: 0.3;
707    --opacity-40: 0.4;
708    --opacity-50: 0.5;
709    --opacity-60: 0.6;
710    --opacity-70: 0.7;
711    --opacity-80: 0.8;
712    --opacity-85: 0.85;
713    --opacity-90: 0.9;
714    --opacity-subdued-text: var(--opacity-70);
715
716    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
717    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
718
719    /* Spacing */
720    --margin-3xs: 0.125rem;
721    --margin-2xs: 0.3rem;
722    --margin-xs: 0.5rem;
723    --margin-sm: 0.7rem;
724    --margin-md: 0.8rem;
725    --margin-lg: 1rem;
726    --margin-xl: 1.25rem;
727    --margin-2xl: 1.5rem;
728    --margin-3xl: 1.75rem;
729    --margin-4xl: 2rem;
730    --margin-5xl: 3rem;
731    --margin-6xl: 5rem;
732
733    --scroll-margin: 50px;
734
735    --padding-3xs: 0.125rem;
736    --padding-2xs: 0.25rem;
737    --padding-xs: 0.5rem;
738    --padding-sm: 0.7rem;
739    --padding-md: 0.8rem;
740    --padding-lg: 1rem;
741    --padding-xl: 1.25rem;
742    --padding-2xl: 1.5rem;
743    --padding-3xl: 1.75rem;
744    --padding-4xl: 2rem;
745    --padding-5xl: 3rem;
746    --padding-6xl: 4rem;
747
748    --gap-3xs: 0.125rem;
749    --gap-2xs: 0.3rem;
750    --gap-xs: 0.5rem;
751    --gap-sm: 0.7rem;
752    --gap-md: 0.9rem;
753    --gap-lg: 1rem;
754    --gap-xl: 1.25rem;
755    --gap-2xl: 2rem;
756    --gap-3xl: 3rem;
757
758    --spacing-scale-sm: 0.6;
759    --spacing-scale-md: 0.7;
760    --spacing-scale-default: 1.0;
761
762    /* Checkout buttons gap */
763    --checkout-button-gap: 10px;
764
765    /* Borders */
766    --style-border-width: 1px;
767    --style-border-radius-xs: 0.2rem;
768    --style-border-radius-sm: 0.6rem;
769    --style-border-radius-md: 0.8rem;
770    --style-border-radius-50: 50%;
771    --style-border-radius-lg: 1rem;
772    --style-border-radius-pills: 40px;
773    --style-border-radius-inputs: 4px;
774    --style-border-radius-buttons-primary: 72px;
775    --style-border-radius-buttons-secondary: 14px;
776    --style-border-width-primary: 0px;
777    --style-border-width-secondary: 1px;
778    --style-border-width-inputs: 1px;
779    --style-border-radius-popover: 14px;
780    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
781    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
782    --style-border-swatch-opacity: 10%;
783    --style-border-swatch-width: 1px;
784    --style-border-swatch-style: solid;
785
786    /* Animation */
787    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
788    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
789    --animation-speed-fast: 0.0625s;
790    --animation-speed: 0.125s;
791    --animation-speed-slow: 0.2s;
792    --animation-speed-medium: 0.15s;
793    --animation-easing: ease-in-out;
794    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
795    --drawer-animation-speed: 0.2s;
796    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
797    --animation-values: var(--animation-speed) var(--animation-easing);
798    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
799    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
800    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
801    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
802    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
803    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
804    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
805    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
806
807    /* View transitions */
808    /* View transition old */
809    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
810
811    /* View transition new */
812    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
813
814    /* Focus */
815    --focus-outline-width: 0.09375rem;
816    --focus-outline-offset: 0.2em;
817
818    /* Badges */
819    --badge-blob-padding-block: 1px;
820    --badge-blob-padding-inline: 12px 8px;
821    --badge-rectangle-padding-block: 1px;
822    --badge-rectangle-padding-inline: 6px;
823    @media screen and (min-width: 750px) {
824      --badge-blob-padding-block: 4px;
825      --badge-blob-padding-inline: 16px 12px;
826      --badge-rectangle-padding-block: 4px;
827      --badge-rectangle-padding-inline: 10px;
828    }
829
830    /* Icons */
831    --icon-size-2xs: 0.6rem;
832    --icon-size-xs: 0.85rem;
833    --icon-size-sm: 1.25rem;
834    --icon-size-md: 1.375rem;
835    --icon-size-lg: 1.5rem;
836    --icon-stroke-width: 1.5px;
837
838    /* Input */
839    --input-email-min-width: 200px;
840    --input-search-max-width: 650px;
841    --input-padding-y: 0.8rem;
842    --input-padding-x: 0.8rem;
843    --input-padding: var(--input-padding-y) var(--input-padding-x);
844    --input-box-shadow-width: var(--style-border-width-inputs);
845    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
846    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
847    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
848    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
849    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
850    --input-textarea-min-height: 55px;
851
852    /* Button size */
853    --button-size-sm: 30px;
854    --button-size-md: 36px;
855    --button-size: var(--minimum-touch-target);
856    --button-padding-inline: 24px;
857    --button-padding-block: 16px;
858
859    /* Button font-family */
860    --button-font-family-primary: var(--font-accent--family);
861    --button-font-family-secondary: var(--font-body--family);
862
863    /* Button text case */
864    --button-text-case: ;
865    --button-text-case-primary: uppercase;
866    --button-text-case-secondary: default;
867
868    /* Borders */
869    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
870    --border-width-sm: 1px;
871    --border-width-md: 2px;
872    --border-width-lg: 5px;
873
874    /* Drawers */
875    --drawer-inline-padding: 25px;
876    --drawer-menu-inline-padding: 2.5rem;
877    --drawer-header-block-padding: 20px;
878    --drawer-content-block-padding: 10px;
879    --drawer-header-desktop-top: 0rem;
880    --drawer-padding: calc(var(--padding-sm) + 7px);
881    --drawer-height: 100dvh;
882    --drawer-width: 95vw;
883    --drawer-max-width: 500px;
884
885    /* Variant Picker Swatches */
886    --variant-picker-swatch-width-unitless: 34;
887    --variant-picker-swatch-height-unitless: 34;
888    --variant-picker-swatch-width: 34px;
889    --variant-picker-swatch-height: 34px;
890    --variant-picker-swatch-radius: 32px;
891    --variant-picker-border-width: 1px;
892    --variant-picker-border-style: solid;
893    --variant-picker-border-opacity: 10%;
894
895    /* Variant Picker Buttons */
896    --variant-picker-button-radius: 14px;
897    --variant-picker-button-border-width: 1px;
898
899    /* Slideshow */
900    --slideshow-controls-size: 3.5rem;
901    --slideshow-controls-icon: 2rem;
902    --peek-next-slide-size: 3rem;
903
904    /* Utilities */
905    --backdrop-opacity: 0.15;
906    --backdrop-color-rgb: var(--color-shadow-rgb);
907    --minimum-touch-target: 44px;
908    --disabled-opacity: 0.5;
909    --skeleton-opacity: 0.025;
910
911    /* Shapes */
912    --shape--circle: circle(50% at center);
913    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
914    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
915    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
915% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
916
917    /* Buy buttons */
918    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
919
920    /* Card image width and height variables */
921    --card-width-small: 10rem;
922
923    --height-small: 10rem;
924    --height-medium: 11.5rem;
925    --height-large: 13rem;
926    --height-full: 100vh;
927
928    @media screen and (min-width: 750px) {
929      --height-small: 17.5rem;
930      --height-medium: 21.25rem;
931      --height-large: 25rem;
932    }
933
934    /* Modal */
935    --modal-max-height: 65dvh;
936
937    /* Card styles for search */
938    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
939    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
940    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
941
942    /* Cart */
943    --cart-primary-font-family: var(--font-body--family);
944    --cart-primary-font-style: var(--font-body--style);
945    --cart-primary-font-weight: var(--font-body--weight);
946    --cart-secondary-font-family: var(--font-secondary--family);
947    --cart-secondary-font-style: var(--font-secondary--style);
948    --cart-secondary-font-weight: var(--font-secondary--weight);
949  }
950</style>
951<style data-shopify>
952  
953    
954      :root,
955    
956    
957    
958    .color-scheme-1 {
959        --color-background: rgb(249 242 226 / 1.0);
960        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
961        --color-background-rgb: 249 242 226;
962        --opacity-5-15: 0.05;
963        --opacity-10-25: 0.1;
964        --opacity-35-55: 0.35;
965        --opacity-40-60: 0.4;
966        --opacity-30-60: 0.3;
967        --color-foreground: rgb(0 0 0 / 0.81);
968        --color-foreground-rgb: 0 0 0;
969        --color-foreground-heading: rgb(0 0 0 / 1.0);
970        --color-foreground-heading-rgb: 0 0 0;
971        --color-primary: rgb(0 0 0 / 0.81);
972        --color-primary-rgb: 0 0 0;
973        --color-primary-hover: rgb(0 0 0 / 1.0);
974        --color-primary-hover-rgb: 0 0 0;
975        --color-border: rgb(0 0 0 / 0.06);
976        --color-border-rgb: 0 0 0;
977        --color-shadow: rgb(0 0 0 / 1.0);
978        --color-shadow-rgb: 0 0 0;
979        --color-primary-button-text: rgb(255 255 255 / 1.0);
980        --color-primary-button-background: rgb(133 23 204 / 1.0);
981        --color-primary-button-border: rgb(0 0 0 / 1.0);
982        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
983        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
984        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
985        --color-secondary-button-text: rgb(0 0 0 / 1.0);
986        --color-secondary-button-background: rgb(0 0 0 / 0.0);
987        --color-secondary-button-border: rgb(0 0 0 / 1.0);
988        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
989        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
990        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
991        --color-input-background: rgb(255 255 255 / 0.78);
992        --color-input-text: rgb(51 51 51 / 1.0);
993        --color-input-text-rgb: 51 51 51;
994        --color-input-border: rgb(223 223 223 / 1.0);
995        --color-input-hover-background: rgb(0 0 0 / 0.01);
996        --color-variant-background: rgb(255 255 255 / 1.0);
997        --color-variant-border: rgb(0 0 0 / 0.13);
998        --color-variant-text: rgb(0 0 0 / 1.0);
999        --color-variant-text-rgb: 0 0 0;
1000        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1001        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1002        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1003        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1004        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1005        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1006        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1007        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1008        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1009
1010        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1011        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1012        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1013        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1014        --font-h1--color: var(--color-foreground-heading);
1015        --font-h2--color: var(--color-foreground-heading);
1016        --font-h3--color: var(--color-foreground-heading);
1017        --font-h4--color: var(--color-foreground-heading);
1018        --font-h5--color: var(--color-foreground-heading);
1019        --font-h6--color: var(--color-foreground-heading);
1020
1021        /* Shadows */
1022        
1023          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1024        
1025        
1026          --shadow-blur: 20px;
1027          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1028        
1029      }
1030  
1031    
1032    
1033    
1034    .color-scheme-2 {
1035        --color-background: rgb(133 23 204 / 1.0);
1036        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1037        --color-background-rgb: 133 23 204;
1038        --opacity-5-15: 0.05;
1039        --opacity-10-25: 0.1;
1040        --opacity-35-55: 0.35;
1041        --opacity-40-60: 0.4;
1042        --opacity-30-60: 0.3;
1043        --color-foreground: rgb(255 255 255 / 1.0);
1044        --color-foreground-rgb: 255 255 255;
1045        --color-foreground-heading: rgb(0 0 0 / 1.0);
1046        --color-foreground-heading-rgb: 0 0 0;
1047        --color-primary: rgb(0 0 0 / 0.81);
1048        --color-primary-rgb: 0 0 0;
1049        --color-primary-hover: rgb(255 255 255 / 1.0);
1050        --color-primary-hover-rgb: 255 255 255;
1051        --color-border: rgb(223 223 223 / 1.0);
1052        --color-border-rgb: 223 223 223;
1053        --color-shadow: rgb(0 0 0 / 1.0);
1054        --color-shadow-rgb: 0 0 0;
1055        --color-primary-button-text: rgb(255 255 255 / 1.0);
1056        --color-primary-button-background: rgb(0 0 0 / 1.0);
1057        --color-primary-button-border: rgb(0 0 0 / 1.0);
1058        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1059        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1060        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1061        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1062        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1063        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1064        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1065        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1066        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1067        --color-input-background: rgb(0 0 0 / 0.0);
1068        --color-input-text: rgb(0 0 0 / 0.53);
1069        --color-input-text-rgb: 0 0 0;
1070        --color-input-border: rgb(0 0 0 / 0.13);
1071        --color-input-hover-background: rgb(255 255 255 / 0.36);
1072        --color-variant-background: rgb(255 255 255 / 1.0);
1073        --color-variant-border: rgb(230 230 230 / 1.0);
1074        --color-variant-text: rgb(0 0 0 / 1.0);
1075        --color-variant-text-rgb: 0 0 0;
1076        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1077        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1078        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1079        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1080        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1081        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1082        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1083        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1084        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1085
1086        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1087        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1088        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1089        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1090        --font-h1--color: var(--color-foreground-heading);
1091        --font-h2--color: var(--color-foreground-heading);
1092        --font-h3--color: var(--color-foreground-heading);
1093        --font-h4--color: var(--color-foreground-heading);
1094        --font-h5--color: var(--color-foreground-heading);
1095        --font-h6--color: var(--color-foreground-heading);
1096
1097        /* Shadows */
1098        
1099          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1100        
1101        
1102          --shadow-blur: 20px;
1103          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1104        
1105      }
1106  
1107    
1108    
1109    
1110    .color-scheme-3 {
1111        --color-background: rgb(238 241 234 / 1.0);
1112        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1113        --color-background-rgb: 238 241 234;
1114        --opacity-5-15: 0.05;
1115        --opacity-10-25: 0.1;
1116        --opacity-35-55: 0.35;
1117        --opacity-40-60: 0.4;
1118        --opacity-30-60: 0.3;
1119        --color-foreground: rgb(0 0 0 / 0.81);
1120        --color-foreground-rgb: 0 0 0;
1121        --color-foreground-heading: rgb(0 0 0 / 1.0);
1122        --color-foreground-heading-rgb: 0 0 0;
1123        --color-primary: rgb(0 0 0 / 0.81);
1124        --color-primary-rgb: 0 0 0;
1125        --color-primary-hover: rgb(0 0 0 / 1.0);
1126        --color-primary-hover-rgb: 0 0 0;
1127        --color-border: rgb(0 0 0 / 0.81);
1128        --color-border-rgb: 0 0 0;
1129        --color-shadow: rgb(0 0 0 / 1.0);
1130        --color-shadow-rgb: 0 0 0;
1131        --color-primary-button-text: rgb(255 255 255 / 1.0);
1132        --color-primary-button-background: rgb(0 0 0 / 1.0);
1133        --color-primary-button-border: rgb(0 0 0 / 1.0);
1134        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1135        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1136        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1137        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1138        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1139        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1140        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1141        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1142        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1143        --color-input-background: rgb(0 0 0 / 0.0);
1144        --color-input-text: rgb(0 0 0 / 0.81);
1145        --color-input-text-rgb: 0 0 0;
1146        --color-input-border: rgb(0 0 0 / 0.81);
1147        --color-input-hover-background: rgb(255 255 255 / 0.36);
1148        --color-variant-background: rgb(255 255 255 / 1.0);
1149        --color-variant-border: rgb(230 230 230 / 1.0);
1150        --color-variant-text: rgb(0 0 0 / 1.0);
1151        --color-variant-text-rgb: 0 0 0;
1152        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1153        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1154        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1155        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1156        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1157        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1158        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1159        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1160        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1161
1162        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1163        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1164        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1165        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1166        --font-h1--color: var(--color-foreground-heading);
1167        --font-h2--color: var(--color-foreground-heading);
1168        --font-h3--color: var(--color-foreground-heading);
1169        --font-h4--color: var(--color-foreground-heading);
1170        --font-h5--color: var(--color-foreground-heading);
1171        --font-h6--color: var(--color-foreground-heading);
1172
1173        /* Shadows */
1174        
1175          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1176        
1177        
1178          --shadow-blur: 20px;
1179          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1180        
1181      }
1182  
1183    
1184    
1185    
1186    .color-scheme-4 {
1187        --color-background: rgb(2 33 51 / 1.0);
1188        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1189        --color-background-rgb: 2 33 51;
1190        --opacity-5-15: 0.15;
1191        --opacity-10-25: 0.25;
1192        --opacity-35-55: 0.55;
1193        --opacity-40-60: 0.6;
1194        --opacity-30-60: 0.6;
1195        --color-foreground: rgb(255 255 255 / 0.78);
1196        --color-foreground-rgb: 255 255 255;
1197        --color-foreground-heading: rgb(250 250 250 / 1.0);
1198        --color-foreground-heading-rgb: 250 250 250;
1199        --color-primary: rgb(133 23 204 / 1.0);
1200        --color-primary-rgb: 133 23 204;
1201        --color-primary-hover: rgb(0 0 0 / 1.0);
1202        --color-primary-hover-rgb: 0 0 0;
1203        --color-border: rgb(29 54 134 / 0.5);
1204        --color-border-rgb: 29 54 134;
1205        --color-shadow: rgb(0 0 0 / 1.0);
1206        --color-shadow-rgb: 0 0 0;
1207        --color-primary-button-text: rgb(255 255 255 / 1.0);
1208        --color-primary-button-background: rgb(255 196 63 / 1.0);
1209        --color-primary-button-border: rgb(29 54 134 / 1.0);
1210        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1211        --color-primary-button-hover-background: rgb(2 32 51 / 1.0);
1212        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1213        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1214        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1215        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1216        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1217        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1218        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1219        --color-input-background: rgb(0 0 0 / 0.0);
1220        --color-input-text: rgb(0 0 0 / 0.81);
1221        --color-input-text-rgb: 0 0 0;
1222        --color-input-border: rgb(0 0 0 / 0.81);
1223        --color-input-hover-background: rgb(255 255 255 / 0.36);
1224        --color-variant-background: rgb(255 255 255 / 1.0);
1225        --color-variant-border: rgb(230 230 230 / 1.0);
1226        --color-variant-text: rgb(0 0 0 / 1.0);
1227        --color-variant-text-rgb: 0 0 0;
1228        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1229        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1230        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1231        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1232        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1233        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1234        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1235        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1236        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1237
1238        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1239        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1240        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1241        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1242        --font-h1--color: var(--color-foreground-heading);
1243        --font-h2--color: var(--color-foreground-heading);
1244        --font-h3--color: var(--color-foreground-heading);
1245        --font-h4--color: var(--color-foreground-heading);
1246        --font-h5--color: var(--color-foreground-heading);
1247        --font-h6--color: var(--color-foreground-heading);
1248
1249        /* Shadows */
1250        
1251          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1252        
1253        
1254          --shadow-blur: 20px;
1255          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1256        
1257      }
1258  
1259    
1260    
1261    
1262    .color-scheme-5 {
1263        --color-background: rgb(51 51 51 / 1.0);
1264        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1265        --color-background-rgb: 51 51 51;
1266        --opacity-5-15: 0.15;
1267        --opacity-10-25: 0.25;
1268        --opacity-35-55: 0.55;
1269        --opacity-40-60: 0.6;
1270        --opacity-30-60: 0.6;
1271        --color-foreground: rgb(255 255 255 / 1.0);
1272        --color-foreground-rgb: 255 255 255;
1273        --color-foreground-heading: rgb(255 255 255 / 1.0);
1274        --color-foreground-heading-rgb: 255 255 255;
1275        --color-primary: rgb(255 255 255 / 1.0);
1276        --color-primary-rgb: 255 255 255;
1277        --color-primary-hover: rgb(255 255 255 / 0.69);
1278        --color-primary-hover-rgb: 255 255 255;
1279        --color-border: rgb(255 255 255 / 0.69);
1280        --color-border-rgb: 255 255 255;
1281        --color-shadow: rgb(0 0 0 / 1.0);
1282        --color-shadow-rgb: 0 0 0;
1283        --color-primary-button-text: rgb(0 0 0 / 1.0);
1284        --color-primary-button-background: rgb(255 255 255 / 1.0);
1285        --color-primary-button-border: rgb(255 255 255 / 1.0);
1286        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1287        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1288        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1289        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1290        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1291        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1292        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1293        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1294        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1295        --color-input-background: rgb(51 51 51 / 1.0);
1296        --color-input-text: rgb(255 255 255 / 0.93);
1297        --color-input-text-rgb: 255 255 255;
1298        --color-input-border: rgb(255 255 255 / 0.69);
1299        --color-input-hover-background: rgb(255 255 255 / 0.04);
1300        --color-variant-background: rgb(255 255 255 / 1.0);
1301        --color-variant-border: rgb(230 230 230 / 1.0);
1302        --color-variant-text: rgb(0 0 0 / 1.0);
1303        --color-variant-text-rgb: 0 0 0;
1304        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1305        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1306        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1307        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1308        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1309        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1310        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1311        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1312        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1313
1314        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1315        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1316        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1317        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1318        --font-h1--color: var(--color-foreground-heading);
1319        --font-h2--color: var(--color-foreground-heading);
1320        --font-h3--color: var(--color-foreground-heading);
1321        --font-h4--color: var(--color-foreground-heading);
1322        --font-h5--color: var(--color-foreground-heading);
1323        --font-h6--color: var(--color-foreground-heading);
1324
1325        /* Shadows */
1326        
1327          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1328        
1329        
1330          --shadow-blur: 20px;
1331          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1332        
1333      }
1334  
1335    
1336    
1337    
1338    .color-scheme-6 {
1339        --color-background: rgb(2 33 53 / 1.0);
1340        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1341        --color-background-rgb: 2 33 53;
1342        --opacity-5-15: 0.15;
1343        --opacity-10-25: 0.25;
1344        --opacity-35-55: 0.55;
1345        --opacity-40-60: 0.6;
1346        --opacity-30-60: 0.6;
1347        --color-foreground: rgb(255 255 255 / 1.0);
1348        --color-foreground-rgb: 255 255 255;
1349        --color-foreground-heading: rgb(255 255 255 / 1.0);
1350        --color-foreground-heading-rgb: 255 255 255;
1351        --color-primary: rgb(255 255 255 / 1.0);
1352        --color-primary-rgb: 255 255 255;
1353        --color-primary-hover: rgb(255 255 255 / 0.69);
1354        --color-primary-hover-rgb: 255 255 255;
1355        --color-border: rgb(230 230 230 / 1.0);
1356        --color-border-rgb: 230 230 230;
1357        --color-shadow: rgb(0 0 0 / 1.0);
1358        --color-shadow-rgb: 0 0 0;
1359        --color-primary-button-text: rgb(0 0 0 / 1.0);
1360        --color-primary-button-background: rgb(255 255 255 / 1.0);
1361        --color-primary-button-border: rgb(255 255 255 / 1.0);
1362        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1363        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1364        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1365        --color-sec
1365ondary-button-text: rgb(255 255 255 / 1.0);
1366        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1367        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1368        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1369        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1370        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1371        --color-input-background: rgb(255 255 255 / 1.0);
1372        --color-input-text: rgb(0 0 0 / 0.53);
1373        --color-input-text-rgb: 0 0 0;
1374        --color-input-border: rgb(0 0 0 / 0.13);
1375        --color-input-hover-background: rgb(250 250 250 / 1.0);
1376        --color-variant-background: rgb(255 255 255 / 1.0);
1377        --color-variant-border: rgb(230 230 230 / 1.0);
1378        --color-variant-text: rgb(0 0 0 / 1.0);
1379        --color-variant-text-rgb: 0 0 0;
1380        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1381        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1382        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1383        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1384        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1385        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1386        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1387        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1388        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1389
1390        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1391        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1392        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1393        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1394        --font-h1--color: var(--color-foreground-heading);
1395        --font-h2--color: var(--color-foreground-heading);
1396        --font-h3--color: var(--color-foreground-heading);
1397        --font-h4--color: var(--color-foreground-heading);
1398        --font-h5--color: var(--color-foreground-heading);
1399        --font-h6--color: var(--color-foreground-heading);
1400
1401        /* Shadows */
1402        
1403          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1404        
1405        
1406          --shadow-blur: 20px;
1407          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1408        
1409      }
1410  
1411    
1412    
1413    
1414    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1415        --color-background: rgb(0 0 0 / 0.0);
1416        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1417        --color-background-rgb: 0 0 0;
1418        --opacity-5-15: 0.15;
1419        --opacity-10-25: 0.25;
1420        --opacity-35-55: 0.55;
1421        --opacity-40-60: 0.6;
1422        --opacity-30-60: 0.6;
1423        --color-foreground: rgb(0 0 0 / 1.0);
1424        --color-foreground-rgb: 0 0 0;
1425        --color-foreground-heading: rgb(0 0 0 / 1.0);
1426        --color-foreground-heading-rgb: 0 0 0;
1427        --color-primary: rgb(0 0 0 / 1.0);
1428        --color-primary-rgb: 0 0 0;
1429        --color-primary-hover: rgb(0 0 0 / 0.53);
1430        --color-primary-hover-rgb: 0 0 0;
1431        --color-border: rgb(230 230 230 / 1.0);
1432        --color-border-rgb: 230 230 230;
1433        --color-shadow: rgb(0 0 0 / 1.0);
1434        --color-shadow-rgb: 0 0 0;
1435        --color-primary-button-text: rgb(255 255 255 / 1.0);
1436        --color-primary-button-background: rgb(0 0 0 / 1.0);
1437        --color-primary-button-border: rgb(0 0 0 / 1.0);
1438        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1439        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1440        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1441        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1442        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1443        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1444        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1445        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1446        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1447        --color-input-background: rgb(255 255 255 / 1.0);
1448        --color-input-text: rgb(0 0 0 / 0.53);
1449        --color-input-text-rgb: 0 0 0;
1450        --color-input-border: rgb(0 0 0 / 0.13);
1451        --color-input-hover-background: rgb(250 250 250 / 1.0);
1452        --color-variant-background: rgb(255 255 255 / 1.0);
1453        --color-variant-border: rgb(230 230 230 / 1.0);
1454        --color-variant-text: rgb(0 0 0 / 1.0);
1455        --color-variant-text-rgb: 0 0 0;
1456        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1457        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1458        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1459        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1460        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1461        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1462        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1463        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1464        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1465
1466        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1467        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1468        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1469        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1470        --font-h1--color: var(--color-foreground-heading);
1471        --font-h2--color: var(--color-foreground-heading);
1472        --font-h3--color: var(--color-foreground-heading);
1473        --font-h4--color: var(--color-foreground-heading);
1474        --font-h5--color: var(--color-foreground-heading);
1475        --font-h6--color: var(--color-foreground-heading);
1476
1477        /* Shadows */
1478        
1479          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1480        
1481        
1482          --shadow-blur: 20px;
1483          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1484        
1485      }
1486  
1487
1488  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1489    color: var(--color-foreground);
1490    background-color: var(--color-background);
1491  }
1492</style>
1493
1494
1495    
1495<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1495<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/77130858718/digital_wallets/dialog">
1496<meta id="in-context-paypal-metadata" data-shop-id="77130858718" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1497<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/47729560453342:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://five12.org/products/1.oembed">
1498<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1498
1499<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1500<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=77130858718" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1500
1500
1501<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":77130858718,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/77130858718","merchantName":"Five.12 Foundation","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Five.12 Foundation","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1501
1501
1502<script id="shopify-features" type="application/json">{"accessToken":"c3d0b3f304d6c8b2382551da4af02486","betas":["rich-media-storefront-analytics"],"domain":"five12.org","predictiveSearch":true,"shopId":77130858718,"locale":"en"}</script>
vendor: 1 bytes, line 1502
1502
1503<script>var Shopify = Shopify || {};
1504Shopify.shop = "t24ihi-49.myshopify.com";
1505Shopify.locale = "en";
1506Shopify.currency = {"active":"USD","rate":"1.0"};
1507Shopify.country = "US";
1508Shopify.theme = {"name":"Five.12 12\/5\/25","id":153047236830,"schema_name":"Horizon","schema_version":"3.1.0","theme_store_id":2481,"role":"main"};
1509Shopify.theme.handle = "null";
1510Shopify.theme.style = {"id":null,"handle":null};
1511Shopify.cdnHost = "five12.org/cdn";
1512Shopify.routes = Shopify.routes || {};
1513Shopify.routes.root = "/";
1514Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1515Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1516Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1517Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1517
1517
1518<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1518
1518
1519<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1519
1519
1520<script>
1521  window.ShopifyPay = window.ShopifyPay || {};
1522  window.ShopifyPay.apiHost = "shop.app\/pay";
1523  window.ShopifyPay.redirectState = null;
1524</script>
vendor: 1 bytes, line 1524
1524
1525<script>
1526  window.Shopify = window.Shopify || {};
1527  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1528  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1529  window.Shopify.SignInWithShop.eligible = true;
1530</script>
vendor: 1 bytes, line 1530
1530
1531<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1531
1531
1532<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1532
1532
1533<script type="module">
1534  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1535
1536  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1537
1538</script>
vendor: 1 bytes, line 1538
1538
1539<script>
1540  window.Shopify = window.Shopify || {};
1541  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1542  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1543</script>
vendor: 1 bytes, line 1543
1543
1544<script>(function() {
1545  var isLoaded = false;
1546  function asyncLoad() {
1547    if (isLoaded) return;
1548    isLoaded = true;
1549    var urls = ["https:\/\/noti.bestfreecdn.com\/storage\/js\/noti-77130858718.js?ver=23\u0026shop=t24ihi-49.myshopify.com","https:\/\/noti.bestfreecdn.com\/storage\/js\/noti-77130858718.js?ver=23\u0026shop=t24ihi-49.myshopify.com"];
1550    for (var i = 0; i < urls.length; i++) {
1551      var s = document.createElement('script');
1552      s.type = 'text/javascript';
1553      s.async = true;
1554      s.src = urls[i];
1555      var x = document.getElementsByTagName('script')[0];
1556      x.parentNode.insertBefore(s, x);
1557    }
1558  };
1559  if(window.attachEvent) {
1560    window.attachEvent('onload', asyncLoad);
1561  } else {
1562    window.addEventListener('load', asyncLoad, false);
1563  }
1564})();</script>
vendor: 1 bytes, line 1564
1564
1565<script id="__st">var __st={"a":77130858718,"offset":-21600,"reqid":"7c694e96-4f0a-4187-bddb-f39f0fb1da41-1791155868","pageurl":"five12.org\/products\/1","u":"7f13cf2a8ceb","p":"product","rtyp":"product","rid":9069956858078};</script>
vendor: 1 bytes, line 1565
1565
1566<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1566
1566
1567<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1567
1567
1568<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//five12.org/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1568
1568
1569<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//five12.org/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1569<script crossorigin="anonymous" defer="defer" src="//five12.org/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1569
1569
1570<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1570
1570
1571<script>
1572  window.Shopify = window.Shopify || {};
1573  window.Shopify.MCP = window.Shopify.MCP || {};
1574  window.Shopify.MCP.enabled = true;
1575  window.Shopify.MCP.shop = "t24ihi-49.myshopify.com";
1576  window.Shopify.MCP.mcpEndpoint = "https:\/\/five12.org\/api\/mcp";
1577  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1578</script>
vendor: 1 bytes, line 1578
1578
1579<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/five12.org\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1580</script>
vendor: 1 bytes, line 1580
1580
1581<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://five12.org/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1582</script>
vendor: 1 bytes, line 1582
1582
1583<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1584  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1585</script>
vendor: 1 bytes, line 1585
1585
1586<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1587</script>
vendor: 1 bytes, line 1587
1587
1588<script id='scb4127' type='text/javascript' async='' src='https://five12.org/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1588<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://five12.org/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1589<style id="shopify-accelerated-checkout-cart">
1590        #shopify-buyer-consent {
1591  margin-top: 1em;
1592  display: inline-block;
1593  width: 100%;
1594}
1595
1596#shopify-buyer-consent.hidden {
1597  display: none;
1598}
1599
1600#shopify-subscription-policy-button {
1601  background: none;
1602  border: none;
1603  padding: 0;
1604  text-decoration: underline;
1605  font-size: inherit;
1606  cursor: pointer;
1607}
1608
1609#shopify-subscription-policy-button::before {
1610  box-shadow: none;
1611}
1612
1613      </style>
1614<link rel="stylesheet" media="screen" href="//five12.org/cdn/shop/t/1/compiled_assets/styles.css?v=108518566444202875221764800017">
1615<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1615
1616  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1617<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 77130858718,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1617
1617
1618<script>
1619  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1620</script>
vendor: 1 bytes, line 1620
1620
1621<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1621).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 77130858718,storefrontBaseUrl: "https://five12.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://five12.org/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Five.12 Foundation","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"t24ihi-49.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/five12.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":5.12,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560453342","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"The Five.12 Spark","untranslatedTitle":"The Five.12 Spark"},{"price":{"amount":10.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560518878","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Breakfast Hero","untranslatedTitle":"Breakfast Hero"},{"price":{"amount":15.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560551646","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Lunch Lifeline","untranslatedTitle":"Lunch Lifeline"},{"price":{"amount":20.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560584414","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Week of Meals","untranslatedTitle":"Week of Meals"},{"price":{"amount":25.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560617182","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Classroom Champion","untranslatedTitle":"Classroom Champion"},{"price":{"amount":50.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560649950","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Hunger Fighter","untranslatedTitle":"Hunger Fighter"},{"price":{"amount":100.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560682718","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Table Builder","untranslatedTitle":"Table Builder"},{"price":{"amount":250.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560715486","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Hope Multiplier","untranslatedTitle":"Hope Multiplier"},{"price":{"amount":500.0,"currencyCode":"USD"},"product":{"title":"Donation to Five.12","vendor":"Five.12","id":"9069956858078","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","type":"Donation"},"id":"47729560748254","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"sku":null,"title":"Legacy Maker","untranslatedTitle":"Legacy Maker"}],"products":[{"id":"9069956858078","handle":"1","isCollective":null,"title":"Donation to Five.12","type":"Donation","untranslatedTitle":"Donation to Five.12","url":"\/products\/1","vendor":"Five.12","remoteShopId":null,"variants":[{"id":"47729560453342","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":5.12,"currencyCode":"USD"},"sku":null,"title":"The Five.12 Spark","untranslatedTitle":"The Five.12 Spark"},{"id":"47729560518878","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":10.0,"currencyCode":"USD"},"sku":null,"title":"Breakfast Hero","untranslatedTitle":"Breakfast Hero"},{"id":"47729560551646","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":15.0,"currencyCode":"USD"},"sku":null,"title":"Lunch Lifeline","untranslatedTitle":"Lunch Lifeline"},{"id":"47729560584414","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":20.0,"currencyCode":"USD"},"sku":null,"title":"Week of Meals","untranslatedTitle":"Week of Meals"},{"id":"47729560617182","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":25.0,"currencyCode":"USD"},"sku":null,"title":"Classroom Champion","untranslatedTitle":"Classroom Champion"},{"id":"47729560649950","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":50.0,"currencyCode":"USD"},"sku":null,"title":"Hunger Fighter","untranslatedTitle":"Hunger Fighter"},{"id":"47729560682718","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":100.0,"currencyCode":"USD"},"sku":null,"title":"Table Builder","untranslatedTitle":"Table Builder"},{"id":"47729560715486","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":250.0,"currencyCode":"USD"},"sku":null,"title":"Hope Multiplier","untranslatedTitle":"Hope Multiplier"},{"id":"47729560748254","image":{"src":"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750"},"price":{"amount":500.0,"currencyCode":"USD"},"sku":null,"title":"Legacy Maker","untranslatedTitle":"Legacy Maker"}]}],"purchasingCompany":null},},"https://five12.org/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"153047236830","themeStoreId":"2481","themePublished":"true","eventMetadataId":"ef8637c9-7ed4-455b-ac07-5679b9d22be1","pageType":"product","resourceId":"9069956858078","shopId":"77130858718","storefrontBaseUrl":"https:\/\/five12.org","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":5.12,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Donation to Five.12\",\"vendor\":\"Five.12\",\"id\":\"9069956858078\",\"untranslatedTitle\":\"Donation to Five.12\",\"url\":\"\/products\/1\",\"type\":\"Donation\"},\"id\":\"47729560453342\",\"image\":{\"src\":\"\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\"},\"sku\":null,\"title\":\"The Five.12 Spark\",\"untranslatedTitle\":\"The Five.12 Spark\"}}]]"});})();</script>
1621<script>
1622  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1623  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1624  window.ShopifyAnalytics.meta.currency = 'USD';
1625  var meta = {"product":{"id":9069956858078,"gid":"gid:\/\/shopify\/Product\/9069956858078","vendor":"Five.12","type":"Donation","handle":"1","variants":[{"id":47729560453342,"price":512,"name":"Donation to Five.12 - The Five.12 Spark","public_title":"The Five.12 Spark","sku":null},{"id":47729560518878,"price":1000,"name":"Donation to Five.12 - Breakfast Hero","public_title":"Breakfast Hero","sku":null},{"id":47729560551646,"price":1500,"name":"Donation to Five.12 - Lunch Lifeline","public_title":"Lunch Lifeline","sku":null},{"id":47729560584414,"price":2000,"name":"Donation to Five.12 - Week of Meals","public_title":"Week of Meals","sku":null},{"id":47729560617182,"price":2500,"name":"Donation to Five.12 - Classroom Champion","public_title":"Classroom Champion","sku":null},{"id":47729560649950,"price":5000,"name":"Donation to Five.12 - Hunger Fighter","public_title":"Hunger Fighter","sku":null},{"id":47729560682718,"price":10000,"name":"Donation to Five.12 - Table Builder","public_title":"Table Builder","sku":null},{"id":47729560715486,"price":25000,"name":"Donation to Five.12 - Hope Multiplier","public_title":"Hope Multiplier","sku":null},{"id":47729560748254,"price":50000,"name":"Donation to Five.12 - Legacy Maker","public_title":"Legacy Maker","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9069956858078,"requestId":"7c694e96-4f0a-4187-bddb-f39f0fb1da41-1791155868"}};
1626  for (var attr in meta) {
1627    window.ShopifyAnalytics.meta[attr] = meta[attr];
1628  }
1629</script>
vendor: 1 bytes, line 1629
1629
1630<script class="analytics">
1631  (function () {
1632    var customDocumentWrite = function(content) {
1633      var jquery = null;
1634
1635      if (window.jQuery) {
1636        jquery = window.jQuery;
1637      } else if (window.Checkout && window.Checkout.$) {
1638        jquery = window.Checkout.$;
1639      }
1640
1641      if (jquery) {
1642        jquery('body').append(content);
1643      }
1644    };
1645
1646    var hasLoggedConversion = function(token) {
1647      if (token) {
1648        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1649      }
1650      return false;
1651    }
1652
1653    var setCookieIfConversion = function(token) {
1654      if (token) {
1655        var twoMonthsFromNow = new Date(Date.now());
1656        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1657
1658        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1659      }
1660    }
1661
1662    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1663    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1664    if (trekkie.integrations) {
1665      return;
1666    }
1667    trekkie.methods = [
1668      'identify',
1669      'page',
1670      'ready',
1671      'track',
1672      'trackForm',
1673      'trackLink'
1674    ];
1675    trekkie.factory = function(method) {
1676      return function() {
1677        var args = Array.prototype.slice.call(arguments);
1678        args.unshift(method);
1679        trekkie.push(args);
1680        if (method == 'track' || method == 'page') {
1681          var pageUrl;
1682          try {
1683            pageUrl = window.location.href;
1684          } catch (e) {}
1685          var pageReferrer;
1686          try {
1687            pageReferrer = document.referrer;
1688          } catch (e) {}
1689          try {
1690            if (window.__TREKKIE_SHIM_QUEUE == null) {
1691              window.__TREKKIE_SHIM_QUEUE = [];
1692            }
1693            window.__TREKKIE_SHIM_QUEUE.push({
1694              from: 'trekkie-stub',
1695              method: method,
1696              args: args.slice(1),
1697              pageContext: {
1698                url: pageUrl,
1699                referrer: pageReferrer
1700              }
1701            });
1702          } catch (e) {
1703            // no-op
1704          }
1705        }
1706        return trekkie;
1707      };
1708    };
1709    for (var i = 0; i < trekkie.methods.length; i++) {
1710      var key = trekkie.methods[i];
1711      trekkie[key] = trekkie.factory(key);
1712    }
1713    trekkie.load = function(config) {
1714      trekkie.config = config || {};
1715      trekkie.config.initialDocumentCookie = document.cookie;
1716      var first = document.getElementsByTagName('script')[0];
1717var script = document.createElement('script');
1718script.type = 'text/javascript';
1719script.onerror = function(e) {
1720  var scriptFallback = document.createElement('script');
1721  scriptFallback.type = 'text/javascript';
1722  scriptFallback.onerror = function(error) {
1723          var Monorail = {
1724      produce: function produce(monorailDomain, schemaId, payload) {
1725        var currentMs = new Date().getTime();
1726        var event = {
1727          schema_id: schemaId,
1728          payload: payload,
1729          metadata: {
1730            event_created_at_ms: currentMs,
1731            event_sent_at_ms: currentMs
1732          }
1733        };
1734        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1735      },
1736      sendRequest: function sendRequest(endpointUrl, payload) {
1737        // Try the sendBeacon API
1738        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1739          var blobData = new window.Blob([payload], {
1740            type: 'text/plain'
1741          });
1742
1743          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1744            return true;
1745          } // sendBeacon was not successful
1746
1747        } // XHR beacon
1748
1749        var xhr = new XMLHttpRequest();
1750
1751        try {
1752          xhr.open('POST', endpointUrl);
1753          xhr.setRequestHeader('Content-Type', 'text/plain');
1754          xhr.send(payload);
1755        } catch (e) {
1756          console.log(e);
1757        }
1758
1759        return false;
1760      },
1761      isIos12: function isIos12() {
1762        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1763      }
1764    };
1765    Monorail.produce('monorail-edge.shopifysvc.com',
1766      'trekkie_storefront_load_errors/1.1',
1767      {shop_id: 77130858718,
1768      theme_id: 153047236830,
1769      app_name: "storefront",
1770      context_url: window.location.href,
1771      source_url: "//five12.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1772
1773  };
1774  scriptFallback.async = true;
1775  scriptFallback.src = '//five12.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1776  first.parentNode.insertBefore(scriptFallback, first);
1777};
1778script.async = true;
1779script.src = '//five12.org/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1780first.parentNode.insertBefore(script, first);
1781
1782    };
1783    trekkie.load(
1784      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":77130858718,"isMerchantRequest":null,"themeId":153047236830,"themeCityHash":"6433340631960660482","contentLanguage":"en","currency":"USD","eventMetadataId":"ef8637c9-7ed4-455b-ac07-5679b9d22be1"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1785    );
1786
1787    var loaded = false;
1788    trekkie.ready(function() {
1789      if (loaded) return;
1790      loaded = true;
1791
1792      window.ShopifyAnalytics.lib = window.trekkie;
1793
1794      var originalDocumentWrite = document.write;
1795      document.write = customDocumentWrite;
1796      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1797      document.write = originalDocumentWrite;
1798
1799      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1800      var token = match? match[1]: undefined;
1801      if (!hasLoggedConversion(token)) {
1802        setCookieIfConversion(token);
1803        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":47729560453342,"productId":9069956858078,"productGid":"gid:\/\/shopify\/Product\/9069956858078","name":"Donation to Five.12 - The Five.12 Spark","price":"5.12","sku":null,"brand":"Five.12","variant":"The Five.12 Spark","category":"Donation","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1804      }
1805    });
1806
1807    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9069956858078,"requestId":"7c694e96-4f0a-4187-bddb-f39f0fb1da41-1791155868","shopifyEmitted":true});
1808
1809    var eventsListenerScript = document.createElement('script');
1810    eventsListenerScript.async = true;
1811    eventsListenerScript.src = "//five12.org/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1812    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1813})();</script>
vendor: 1 bytes, line 1813
1813
1814<script
1815  defer
1816  src="https://five12.org/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1817  data-application="storefront-renderer"
1818  data-shop-id="77130858718"
1819  data-render-region="gcp-us-central1"
1820  data-page-type="product"
1821  data-theme-instance-id="153047236830"
1822  data-theme-name="Horizon"
1823  data-theme-version="3.1.0"
1824  data-monorail-region="shop_domain"
1825  data-resource-timing-sampling-rate="10"
1826  data-shs="true"
1827  data-shs-beacon="true"
1828  data-shs-export-with-fetch="true"
1829  data-shs-logs-sample-rate="1"
1830  data-shs-beacon-endpoint="https://five12.org/api/collect"
1831></script>
1831
1832<meta name="shopify-y" content="60deeb16-02b4-4b34-ba92-6235d795d1c0" data-expiration="1822713469000"><meta name="shopify-s" content="4cee6ab9-831e-4464-9ff1-f14504ecb4bf" data-expiration="1791157669000"><meta name="new-cookie-storage-activated" content="t">
1833</head>
1834
1835  <body class="page-width-normal card-hover-effect-none">
1836    <a
1837  class="skip-to-content-link button-secondary"
1838  href="#MainContent"
1839>
1840  Skip to content
1841</a>
1842
1843    <div id="header-group">
1844      <!-- BEGIN sections: header-group -->
1845<div id="shopify-section-sections--20135224344798__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1846
1847
1848
1849<div class="section-background color-scheme-1"></div>
1850<aside
1851  class="announcement-bar spacing-style section section--page-width color-scheme-1"
1852  style="--padding-block-start: 15px; --padding-block-end:15px; 
1853--padding-inline-start:0px; --padding-inline-end:0px; 
1854; --border-bottom-width: 1px;"
1855>
1856  
1857
1858  <announcement-bar-component
1859    class="announcement-bar__slider"
1860    
1861  >
1862    
1863
1864    <div class="announcement-bar__slides">
1865      
1866
1867
1868
1869
1870    </div>
1871  </announcement-bar-component>
1872</aside>
1873
1874
1875
1876
1877</div><header id="shopify-section-sections--20135224344798__header_section" class="shopify-section shopify-section-group-header-group header-section">
1878
1879
1880
1881<script type="application/ld+json">
1882  {
1883    "@context": "http://schema.org",
1884    "@type": "Organization",
1885    "name": "Five.12 Foundation",
1886    
1887      "logo": "https:\/\/five12.org\/cdn\/shop\/files\/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?v=1764882603\u0026width=500",
1888    
1889    "url": "https:\/\/five12.org"
1890  }
1891</script>
1891
1892
1893<header-component
1894  id="header-component"
1895  class="header"
1896  
1897  
1898    sticky="always"
1899  
1900  data-skip-node-update
1901  data-scroll-direction="none"
1902>
1903    
1904
1905    
1906
1907    
1908    
1909      <div
1910        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1911        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1912        <div class="header__columns spacing-style">
1913          <div
1914      class="header__column header__column--left"
1915      data-testid="header-top-left"
1916    >
1917      
1918        
1919          
1920              
1921
1922
1923
1924    <div
1925      class="header__drawer desktop:hidden"
1926      ref="headerDrawerContainer"
1927      
1928    >
1929      
1930
1931<script
1932  src="//five12.org/cdn/shop/t/1/assets/header-drawer.js?v=160607022407653843031764799996"
1933  type="module"
1934  fetchpriority="low"
1935></script>
1935
1936
1937<header-drawer
1938  class="header-drawer header__drawer--mobile"
1939  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1940>
1941  <details
1942    id="Details-menu-drawer-container"
1943    data-skip-node-update="true"
1944    class="menu-drawer-container"
1945    ref="details"
1946    scroll-lock
1947  >
1948    <summary
1949      class="header__icon header__icon--menu header__icon--summary"
1950      aria-label="Menu"
1951      on:click="/toggle"
1952    >
1953      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1954  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1955  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1956</svg>
1957</span>
1958      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1959  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1960  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1961</svg>
1962</span>
1963    </summary>
1964    <div
1965      data-header-drawer
1966      class="
1967        menu-drawer
1968        motion-reduce
1969        color-scheme-1
1970      "
1971    >
1972      <button
1973        class="button button-unstyled close-button menu-drawer__close-button"
1974        type="button"
1975        aria-label="Close"
1976        on:click="/close"
1977      >
1978        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1979  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1980  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1981</svg>
1982</span>
1983      </button>
1984      <nav
1985        class="menu-drawer__navigation"
1986        style="--menu-top-level-font-family: var(--font-body--family);
1987--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
1988
1989  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1990  var(--menu-font-2xl--line-height);
1991
1992--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1993
1994--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
1995var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
1996none;
1997
1998    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1999    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2000    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2001  
2002--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2003var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2004none;
2005
2006    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2007    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2008    var(--opacity-subdued-text));
2009  
2010
2011        "
2012      >
2013        <ul
2014          class="menu-drawer__menu has-submenu"
2015          role="list"
2016        >
2017            
2018            
2019
2020              <li
2021                style="--menu-drawer-animation-index: 1;"
2022                class="menu-drawer__list-item--deep"
2023              >
2024                
2025<a
2026                    id="HeaderDrawer-home"
2027                    href="/"
2028                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2029                    
2030                  >
2031                    <span class="menu-drawer__menu-item-text wrap-text">HOME</span>
2032                  </a>
2033                
2034              </li>
2035              <li
2036                style="--menu-drawer-animation-index: 2;"
2037                class="menu-drawer__list-item--deep"
2038              >
2039                
2040<a
2041                    id="HeaderDrawer-donate-now"
2042                    href="/products/1"
2043                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
2044                    
2045                      aria-current="page"
2046                    
2047                  >
2048                    <span class="menu-drawer__menu-item-text wrap-text">DONATE NOW</span>
2049                  </a>
2050                
2051              </li>
2052        </ul>
2053      </nav>
2054      <div
2055        class="menu-drawer__utility-links menu-drawer__animated-element"
2056        style="--menu-drawer-animation-index: 2;"
2057      >
2058        
2059        </div>
2060
2061      
2062    </div>
2063    <div
2064      class="menu-drawer__backdrop"
2065      on:click="header-drawer/close"
2066    ></div>
2067  </details>
2068</header-drawer>
2069
2070
2071
2072    </div>
2073
2074  
2075
2076
2077
2078
2079
2080            
2081        
2082      
2083        
2084          
2085              
2086
2087
2088
2089
2090<a
2091  
2092  href="/"
2093  class="size-style spacing-style header-logo"
2094  style="
2095    --size-style-width: ;--size-style-height: ;
2096    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2097    --font-family: var(--font-body--family);
2098    --font-style: var(--font-body--style);
2099    --font-weight: 600;
2100  "
2101  
2102>
2103  
2104
2105  <span
2106    class="header-logo__image-container header-logo__image-container--original"
2107    data-testid="header-logo"
2108  >
2109    
2110  
2111  
2112  
2113
2114  
2115
2116  
2117
2118  
2119
2120  <img src="//five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=78&amp;v=1764882603" alt="" width="267" height="78" class="header-logo__image" srcset="//five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=78&amp;v=1764882603 1x, //five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=156&amp;v=1764882603 2x, //five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=234&amp;v=1764882603 3x" style="--header-logo-image-width: 268px;--header-logo-image-width-mobile: 257px; --header-logo-image-height: 78px; --header-logo-image-height-mobile: 75px;">
2121
2122
2123  </span>
2124
2125  
2126</a>
2127
2128
2129
2130
2131
2132            
2133        
2134      
2135        
2136          
2137              
2138            
2139        
2140      
2141    </div><div
2142      class="header__column header__column--right"
2143      data-testid="header-top-right"
2144    >
2145      
2146        
2147          
2148              
2149
2150
2151
2152    <header-menu
2153      ref="headerMenu"
2154      class="header-menu mobile:hidden"
2155      data-animation-delay="200"
2156      
2157      style="--submenu-animation-speed: 200ms;"
2158    >
2159      <div class="header-menu__inner">
2160
2161
2162
2163<nav header-menu>
2164  <div
2165    class="menu-list"
2166    style="--menu-top-level-font-family: var(--font-body--family);
2167--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2168
2169  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2170  var(--menu-font-sm--line-height);
2171
2172--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2173"
2174  >
2175    
2176    <overflow-list
2177  
2178    ref="overflowMenu"
2179  
2180  
2181    class="overflow-menu color-scheme-matches-parent"
2182  
2183  
2184    minimum-items="2"
2185  
2186  
2187    defer
2188  
2189>
2190  <template shadowrootmode="open">
2191    <link href="//five12.org/cdn/shop/t/1/assets/overflow-list.css?v=168694168152117541881764799996" rel="stylesheet" type="text/css" media="all" />
2192
2193    <ul part="list">
2194      <slot></slot>
2195      <slot
2196        name="more"
2197        part="more"
2198        hidden
2199        
2200      >
2201        <li
2202          part="more"
2203        >
2204          <button
2205            class="button"
2206            type="button"
2207            tabindex="0"
2208          >
2209            More
2210          </button>
2211        </li>
2212      </slot>
2213      <li
2214        part="placeholder"
2215        hidden
2216      ></li>
2217    </ul>
2218
2219    <div part="overflow">
2220      <ul part="overflow-list">
2221        <slot name="overflow"></slot>
2222      </ul>
2223    </div>
2224  </template>
2225
2226  
2227  
2228    <li
2229      role="presentation"
2230      class="menu-list__list-item"
2231      on:focus="/activate"
2232      on:blur="/deactivate"
2233      on:pointerenter="/activate"
2234      on:pointerleave="/deactivate"
2235    >
2236      <a
2237        href="/"
2238        data-skip-node-update="true"
2239        class="menu-list__link"ref="menuitem"
2240      >
2241        <span class="menu-list__link-title">HOME</span>
2242      </a></li>
2243  
2244    <li
2245      role="presentation"
2246      class="menu-list__list-item"
2247      on:focus="/activate"
2248      on:blur="/deactivate"
2249      on:pointerenter="/activate"
2250      on:pointerleave="/deactivate"
2251    >
2252      <a
2253        href="/products/1"
2254        data-skip-node-update="true"
2255        class="menu-list__link menu-list__link--active"ref="menuitem"
2256      >
2257        <span class="menu-list__link-title">DONATE NOW</span>
2258      </a></li>
2259  
2260  <li
2261    class="menu-list__list-item"
2262    role="presentation"
2263    slot="more"
2264    on:focus="/activate"
2265    on:blur="/deactivate"
2266    on:pointerenter="/activate"
2267    on:pointerleave="/deactivate"
2268  >
2269    <button role="menuitem" class="button menu-list__link button-unstyled">
2270      <span class="menu-list__link-title">More</span>
2271    </button>
2272  </li>
2273
2274</overflow-list>
2275
2276  </div>
2277</nav>
2278
2279      </div>
2280
2281      
2281<script
2282        src="//five12.org/cdn/shop/t/1/assets/header-menu.js?v=98986771878453457241764799996"
2283        type="module"
2284        fetchpriority="low"
2285      ></script>
2285
2286    </header-menu>
2287
2288
2289
2290
2291
2292
2293            
2294        
2295      
2296        
2297          
2298              
2299            
2300        
2301      
2302        
2303          
2304              
2305
2306
2307
2308            
2309        
2310      
2311        
2312          
2313              
2313<script
2314  type="module"
2315  src="//five12.org/cdn/shop/t/1/assets/cart-icon.js?v=14733679814066288171764799996"
2316  fetchpriority="low"
2317></script>
2317
2318
2319<header-actions>
2320  
2321
2322  
2323    
2323<script
2324  src="//five12.org/cdn/shop/t/1/assets/cart-drawer.js?v=92290163633888904321764799997"
2325  type="module"
2326  fetchpriority="low"
2327></script>
2327
2328
2329<cart-drawer-component
2330  class="cart-drawer"
2331  
2332  
2333    auto-open
2334  
2335>
2336  <button
2337    class="button header-actions__action button-unstyled"
2338    on:click="/open"
2339    aria-haspopup="dialog"
2340    aria-label="Cart"
2341    aria-describedby="cart-bubble-text"
2342    data-testid="cart-drawer-trigger"
2343  >
2344    <cart-icon
2345  class="
2346    header-actions__cart-icon
2347    
2348  "
2349  data-testid="cart-icon"
2350>
2351  <span
2352    class="svg-wrapper"
2353    aria-hidden="true"
2354  >
2355    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
2356
2357  </span>
2358
2359  <div
2360  ref="cartBubble"
2361  class="cart-bubble visually-hidden"
2362  
2363  
2364    data-maintain-ratio
2365  
2366>
2367  <span class="cart-bubble__background"></span>
2368  <span
2369    ref="cartBubbleText"
2370    id="cart-bubble-text"
2371    class="cart-bubble__text"
2372    
2373      role="status"
2374    
2375  >
2376    <span class="visually-hidden">Total items in cart: 0
2377    </span>
2378    <span
2379      class="cart-bubble__text-count hidden"
2380      ref="cartBubbleCount"
2381      aria-hidden="true"
2382      data-testid="cart-bubble"
2383    >
23840</span>
2385  </span>
2386</div>
2387
2388</cart-icon>
2389
2390
2391
2392  </button>
2393
2394  <dialog
2395    ref="dialog"
2396    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
2397    aria-labelledby="cart-drawer-heading-empty"
2398    scroll-lock
2399  >
2400    <div class="cart-drawer__inner">
2401      <cart-items-component
2402        class="cart-items-component"
2403        data-section-id="sections--20135224344798__header_section"
2404      ><div class="cart-drawer__header">
2405            <button
2406              ref="closeButton"
2407              on:click="cart-drawer-component/close"
2408              class="button close-button cart-drawer__close-button button-unstyled"
2409              aria-label="Close dialog"
2410            >
2411              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2412  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2413  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2414</svg>
2415</span>
2416            </button>
2417          </div>
2418
2419          <div
2420            class="cart-drawer__content motion-reduce"
2421            aria-label="Cart"
2422          >
2423            <h2
2424              class="cart-drawer__heading h3 cart-drawer__heading--empty"
2425              id="cart-drawer-heading-empty"
2426            >
2427              Your cart is empty
2428            </h2>
2429
2430            <div class="cart-drawer__items">
2431              
2432
2433<script
2434  src="//five12.org/cdn/shop/t/1/assets/component-cart-items.js?v=153612958899122878591764799996"
2435  type="module"
2436  fetchpriority="low"
2437></script>
vendor: 1 bytes, line 2437
2437
2438<script
2439  src="//five12.org/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751764799996"
2440  type="module"
2441  fetchpriority="low"
2442></script>
2442
2443
2444<div
2445  
2446  class="cart-items__wrapper"
2447  
2448>
2449  
2450<a
2451      class="button cart-items__empty-button"
2452      href="/collections/all"
2453    >
2454      Donate Now
2455    </a></div>
2456
2457
2458
2459            </div>
2460          </div></cart-items-component>
2461    </div>
2462  </dialog>
2463</cart-drawer-component>
2464
2465
2466
2467  
2468</header-actions>
2469
2470
2471
2472          
2473        
2474      
2475    </div>
2476        </div>
2477      </div>
2478    
2479  
2480    
2481
2482    
2483
2484    
2485    
2486  
2487
2488  
2489</header-component>
2490
2491<script
2492  src="//five12.org/cdn/shop/t/1/assets/header.js?v=78043468934677320351764799996"
2493  type="module"
2494></script>
2494
2495
2496
2497
2498
2499  
2499<script type="module">
2500    import { hydrate } from '@theme/section-hydration';
2501    const url = new URL(window.location.href);
2502    url.searchParams.delete('page');
2503    hydrate('sections--20135224344798__header_section', url);
2504  </script>
2504
2505
2506
2507
2508</header>
2509<!-- END sections: header-group -->
2510    </div>
2511
2512    
2512<script
2513      src="//five12.org/cdn/shop/t/1/assets/critical.js?v=169402557219780209121764799996"
2514      type="module"
2515      async
2516      blocking="render"
2517    ></script>
2517
2518
2519    <main
2520      id="MainContent"
2521      class="content-for-layout"
2522      role="main"
2523      data-page-transition-enabled="false"
2524      data-product-transition="false"
2525      data-template="product"
2526    >
2527      <div id="shopify-section-template--20135224082654__main" class="shopify-section">
2528
2529
2530
2531<script type="application/ld+json">
2532  {"@context":"http:\/\/schema.org\/","@id":"\/products\/1#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Five.12"},"category":"Donation","description":"Elementary school students in the United States are going home from school on Friday and coming back to school hungry on Monday. Five.12 provides weekend backpacks full of food for those students in need.100% of all donated money and time goes to providing for students in need. Period.No overhead.No ulterior motives.No exceptions.","hasVariant":[{"@id":"\/products\/1?variant=47729560453342#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - The Five.12 Spark","offers":{"@id":"\/products\/1?variant=47729560453342#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"5.12","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560453342"}},{"@id":"\/products\/1?variant=47729560518878#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Breakfast Hero","offers":{"@id":"\/products\/1?variant=47729560518878#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"10.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560518878"}},{"@id":"\/products\/1?variant=47729560551646#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Lunch Lifeline","offers":{"@id":"\/products\/1?variant=47729560551646#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"15.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560551646"}},{"@id":"\/products\/1?variant=47729560584414#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Week of Meals","offers":{"@id":"\/products\/1?variant=47729560584414#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"20.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560584414"}},{"@id":"\/products\/1?variant=47729560617182#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Classroom Champion","offers":{"@id":"\/products\/1?variant=47729560617182#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"25.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560617182"}},{"@id":"\/products\/1?variant=47729560649950#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Hunger Fighter","offers":{"@id":"\/products\/1?variant=47729560649950#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"50.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560649950"}},{"@id":"\/products\/1?variant=47729560682718#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Table Builder","offers":{"@id":"\/products\/1?variant=47729560682718#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"100.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560682718"}},{"@id":"\/products\/1?variant=47729560715486#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Hope Multiplier","offers":{"@id":"\/products\/1?variant=47729560715486#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"250.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560715486"}},{"@id":"\/products\/1?variant=47729560748254#variant","@type":"Product","image":"https:\/\/five12.org\/cdn\/shop\/files\/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750\u0026width=1920","name":"Donation to Five.12 - Legacy Maker","offers":{"@id":"\/products\/1?variant=47729560748254#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"500.00","priceCurrency":"USD","url":"https:\/\/five12.org\/products\/1?variant=47729560748254"}}],"name":"Donation to Five.12","productGroupID":"9069956858078","url":"https:\/\/five12.org\/products\/1"}
2533</script>
2533
2534
2535<div class="section-background color-scheme-1"></div>
2536<div
2537  class="product-information section section--page-width spacing-style color-scheme-1 relative"
2538  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
2539>
2540  
2541    
2542    <a
2543  class="skip-to-content-link button-secondary"
2544  href="#ProductInformation-template--20135224082654__main"
2545>
2546  Skip to product information
2547</a>
2548
2549  
2550  <div
2551    class="product-information__grid product-information--media-left"
2552    data-product-grid-content
2553  >
2554    
2555    
2556
2557    
2558
2559    
2560      
2561        
2562      <div
2563        class="product-information__media"
2564        data-testid="product-information-media"
2565      >
2566
2567
2568<script
2569    src="//five12.org/cdn/shop/t/1/assets/zoom-dialog.js?v=82028443406372487331764799997"
2570    type="module"
2571  ></script>
2571<script
2572    src="//five12.org/cdn/shop/t/1/assets/drag-zoom-wrapper.js?v=52868656766563354141764799996"
2573    type="module"
2574  ></script>
2574<style data-shopify>
2575  
2576
2577  
2578    .media-fit-contain {
2579      --product-media-fit: contain;
2580    }
2581
2582    /* Media fit for all media elements */
2583    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
2584      object-fit: contain;
2585      width: 100%;
2586      height: 100%;
2587    }
2588
2589    /* 3D Models (no object-fit support, just sizing) */
2590    .media-fit-contain model-viewer {
2591      width: 100%;
2592      height: 100%;
2593    }
2594  
2595
2596  
2597
2598  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
2599  
2600    .media-fit-contain :is(img, .deferred-media__poster-image) {
2601      background-color: var(--color-background);
2602    }
2603  
2604</style>
2605
2606
2607
2608<media-gallery
2609  class="
2610    spacing-style
2611    sticky-content
2612    
2613      media-gallery--two-column
2614      
2615    
2616    media-gallery--grid
2617    
2618    
2619  "
2620  style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 4px;"
2621  data-presentation="grid"
2622  
2623>
2624  
2625
2626  
2627
2628  
2629
2630  
2631
2632
2633<slideshow-component
2634  
2635    ref="slideshow"
2636  
2637  
2638    class="product-media-gallery__slideshow--single-media slideshow--single-media"
2639  
2640  style="--slideshow-timeline: --slide-1;"
2641  
2642  initial-slide="0"
2643  
2644  
2645    infinite
2646  
2647
2648  
2649>
2650  
2651  <slideshow-container ref="slideshowContainer">
2652    
2653    
2654    <slideshow-slides
2655      tabindex="-1"
2656      ref="scroller"
2657      
2658      
2659    >
2660      
2661    
2662      
2663      
2664      
2665      
2666
2667      <slideshow-slide
2668  ref="slides[]"
2669  aria-hidden="false"
2670  style="view-timeline-name: --slide-0; --product-media-fit: contain;"
2671  
2672    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest"
2673  
2674  on:click="#zoom-dialog-AeEJaVWVESnFTWFovV__media-gallery/open/0"
2675  
2676    style="--media-preview-ratio: 1.0;"
2677  
2678  
2679  
2680  on:click="#zoom-dialog-AeEJaVWVESnFTWFovV__media-gallery/open/0"
2681>
2682  
2683
2684
2685
2686<div
2687  class="product-media"
2688  style="--ratio: 1.0"
2689  data-media-id="37235266289886"
2690>
2691  
2692  <img src="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
2693
2694  
2695
2696  
2697</div>
2698
2699
2700
2701      
2702</slideshow-slide>
2703
2704    
2705  
2706    </slideshow-slides>
2707  </slideshow-container>
2708  
2709</slideshow-component>
2710
2711
2712  
2713    <ul
2714      class="media-gallery__grid list-unstyled"
2715      data-testid="media-gallery-grid"
2716    >
2717      
2718        <li
2719          ref="media[]"
2720          class="product-media-container constrain-height media-fit-contain product-media-container--image"
2721          style=" --media-preview-ratio: 1.0;"
2722          
2723        ><button
2724              type="button"
2725              class="button button-unstyled product-media-container__zoom-button"
2726              aria-label="Zoom"
2727              on:click="/zoom/0"
2728            >
2729              <span class="visually-hidden">Open image in full screen</span>
2730            </button>
2731
2732
2733<div
2734  class="product-media"
2735  style="--ratio: 1.0"
2736  data-media-id="37235266289886"
2737>
2738  
2739  <img src="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) 95rem, (min-width: 750px) calc(100vw - 25rem - 40px - 24px - 40px), 100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
2740
2741  
2742
2743  
2744</div>
2745
2746
2747
2748        </li>
2749      
2750    </ul>
2751  
2752<zoom-dialog
2753      ref="zoomDialogComponent"
2754      id="zoom-dialog-AeEJaVWVESnFTWFovV__media-gallery"
2755    >
2756      <dialog
2757        ref="dialog"
2758        on:keydown="/handleKeyDown"
2759        scroll-lock
2760      >
2761        <button
2762          type="button"
2763          class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
2764          aria-label="Close"
2765          on:click="/close"
2766        >
2767          <span class="visually-hidden">Close</span>
2768          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2769  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2770  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2771</svg>
2772
2773        </button>
2774        <div class="dialog-thumbnails-list-container">
2775          <scroll-hint
2776            class="dialog-thumbnails-list list-unstyled"
2777            ref="thumbnails"
2778          >
2779            
2780          </scroll-hint>
2781        </div>
2782        <ul
2783          class="dialog-zoomed-gallery list-unstyled"
2784        ><li
2785              id="product-37235266289886-1"
2786              class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
2787              style=" --media-preview-ratio: 1.0;"
2788              ref="media[]"
2789              
2790                on:click="/close"
2791              
2792            >
2793              
2794                <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
2795
2796<div
2797  class="product-media"
2798  style="--ratio: 1.0"
2799  data-media-id="37235266289886"
2800>
2801  
2802  <img src="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitionToProduct="false" data_max_resolution="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
2803
2804  
2805
2806  
2807</div>
2808
2809
2810</drag-zoom-wrapper>
2811              
2812            </li></ul>
2813      </dialog>
2814    </zoom-dialog></media-gallery>
2815
2816
2817
2818
2819</div>
2820    
2821      
2822    
2823      
2824        
2825      
2826<div
2827  id="ProductInformation-template--20135224082654__main"
2828  class="
2829    product-details
2830     sticky-content--desktop
2831    "
2832  style="--details-position: flex-start;"
2833  data-testid="product-information-details"
2834  
2835>
2836  
2837
2838  <div
2839  class="
2840    group-block
2841    group-block--height-fit
2842    group-block--width-fill
2843    border-style
2844    spacing-style
2845    size-style
2846    
2847    
2848  "
2849  style="
2850    --border-width: 1px; --border-style: none; --border-color:
2851rgb(var(--color-border-rgb) / 1.0); --border-radius:
28520px; 
2853
2854    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
2855    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
2856    
2857  "
2858  
2859  data-testid="group-block"
2860><div class="group-block__media-wrapper">
2861    
2862
2863    
2864  </div>
2865
2866  <div
2867    class="
2868      group-block-content
2869      
2870      layout-panel-flex
2871      layout-panel-flex--column
2872      
2873    "
2874    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2875
2876--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
2877
2878--horizontal-alignment: ; --vertical-alignment: ;
2879--vertical-alignment-mobile: ;
2880"
2881  >
2882    <div class="view-product-title">
2883      <a
2884        href="/products/1?variant=47729560453342"
2885        class="link"
2886      >Donation to Five.12
2887      </a>
2888    </div>
2889    
2890
2891
2892<div
2893  class="
2894    group-block
2895    group-block--height-fit
2896    group-block--width-fill
2897    border-style
2898    spacing-style
2899    size-style
2900    
2901    
2902  "
2903  style="
2904    --border-width: 1px; --border-style: none; --border-color:
2905rgb(var(--color-border-rgb) / 1.0); --border-radius:
29060px; 
2907
2908    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2909    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
2910    
2911  "
2912  
2913  data-testid="group-block"
2914><div class="group-block__media-wrapper">
2915    
2916
2917    
2918  </div>
2919
2920  <div
2921    class="
2922      group-block-content
2923      
2924      layout-panel-flex
2925      layout-panel-flex--column
2926       mobile-column
2927    "
2928    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2929
2930--gap: 12px;
2931
2932--horizontal-alignment: flex-start; --vertical-alignment: center;
2933--vertical-alignment-mobile: center;
2934"
2935  >
2936  
2937
2938
2939
2940
2941
2942
2943
2944  <div 
2945  class=" spacing-style text-block text-block--AWkJrYlJnS0lZM1hWd__text_xrnftG h3
2946    text-block--align-left
2947  "
2948
2949  style="
2950    --padding-block-start: 0px; --padding-block-end:0px; 
2951--padding-inline-start:0px; --padding-inline-end:0px; 
2952
2953    
2954
2955    --width: 100%;
2956    --max-width: var(--max-width--body-normal);
2957    
2958      --text-align: left;
2959    
2960    
2961  "
2962
2963  
2964>
2965    <h1>Donation to Five.12</h1>
2966  </div>
2967
2968
2969
2970
2971
2972
2973
2974
2975
2976<product-price
2977  class="text-block text-block--align-left rte text-left paragraph spacing-style"
2978  data-block-id="AWCtqTzloRDBEYWpRQ__price_tVjtKg"
2979  data-product-id="9069956858078"
2980  style="
2981    
2982--color: var(--color-foreground);
2983    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2984    --width: 100%;
2985  "
2986  
2987>
2988  <div ref="priceContainer">
2989  
2990
2991  
2992    <span class="price">$5.12</span>
2993  
2994
2995  
2996</div>
2997
2998
2999  
3000</product-price>
3001
3002
3003
3004
3005
3006
3007
3008</div>
3009</div>
3010
3011
3012
3013
3014
3015
3016
3017<div
3018  class="divider divider-AbE0zSkhZOCtRd05xc__divider_VJhene spacing-style"
3019  style="
3020    --divider-justify-content: center;
3021    --padding-block-start: 0px;--padding-block-end: 0px;
3022  "
3023  
3024
3025>
3026  <span
3027    class="divider__line"
3028    style="
3029      --divider-border-thickness: 1px;
3030      
3031        --divider-border-rounded: 0;
3032      
3033      --divider-flex-basis: 100%;
3034    "
3035  ></span>
3036</div>
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047  
3048  <variant-picker
3049    class="variant-picker spacing-style variant-picker--left"
3050    style="--color-strikethrough-mix: #000;
3050 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3051    data-section-id="template--20135224082654__main"
3052    data-product-id="9069956858078"
3053    data-block-id="AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr"
3054    data-product-url="/products/1"
3055    ref="mainVariantPicker"
3056    
3057      data-template-product-match="true"
3058    
3059    
3060    
3061  >
3062    <form class="variant-picker__form"><fieldset
3063            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
3064            data-fieldset-index="0"
3065            ref="fieldsets[]"
3066            data-option-id="template-20135224082654__main-9069956858078-donation-amount"
3067          >
3068            <legend>
3069              Donation Amount
3070            </legend>
3071              <label
3072                class="variant-option__button-label"
3073              >
3074                <input
3075                  type="radio"
3076                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3077                  value="The Five.12 Spark"
3078                  aria-label="The Five.12 Spark"
3079                  
3080                  data-previous-checked="false"
3081                  data-fieldset-index="0"
3082                  data-input-index="0"
3083                  data-input-id="1-0"
3084                  data-option-value-id="3815527252190"
3085                  data-option-available="true"
3086                  data-connected-product-url=""
3087                  
3088                    data-variant-id="47729560453342"
3089                  
3090                  
3091                    data-current-checked="true"
3092                    checked
3093                  
3094                >
3095                
3096                  
3097                    <span class="variant-option__button-label__pill"></span>
3098                  
3099                  <span class="variant-option__button-label__text">The Five.12 Spark</span>
3100                
3101                
3102
3103              </label>
3104              <label
3105                class="variant-option__button-label"
3106              >
3107                <input
3108                  type="radio"
3109                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3110                  value="Breakfast Hero"
3111                  aria-label="Breakfast Hero"
3112                  
3113                  data-previous-checked="false"
3114                  data-fieldset-index="0"
3115                  data-input-index="1"
3116                  data-input-id="1-1"
3117                  data-option-value-id="3815527776478"
3118                  data-option-available="true"
3119                  data-connected-product-url=""
3120                  
3121                    data-variant-id="47729560518878"
3122                  
3123                  
3124                    data-current-checked="false"
3125                  
3126                >
3127                
3128                  
3129                    <span class="variant-option__button-label__pill"></span>
3130                  
3131                  <span class="variant-option__button-label__text">Breakfast Hero</span>
3132                
3133                
3134
3135              </label>
3136              <label
3137                class="variant-option__button-label"
3138              >
3139                <input
3140                  type="radio"
3141                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3142                  value="Lunch Lifeline"
3143                  aria-label="Lunch Lifeline"
3144                  
3145                  data-previous-checked="false"
3146                  data-fieldset-index="0"
3147                  data-input-index="2"
3148                  data-input-id="1-2"
3149                  data-option-value-id="3815528726750"
3150                  data-option-available="true"
3151                  data-connected-product-url=""
3152                  
3153                    data-variant-id="47729560551646"
3154                  
3155                  
3156                    data-current-checked="false"
3157                  
3158                >
3159                
3160                  
3161                    <span class="variant-option__button-label__pill"></span>
3162                  
3163                  <span class="variant-option__button-label__text">Lunch Lifeline</span>
3164                
3165                
3166
3167              </label>
3168              <label
3169                class="variant-option__button-label"
3170              >
3171                <input
3172                  type="radio"
3173                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3174                  value="Week of Meals"
3175                  aria-label="Week of Meals"
3176                  
3177                  data-previous-checked="false"
3178                  data-fieldset-index="0"
3179                  data-input-index="3"
3180                  data-input-id="1-3"
3181                  data-option-value-id="3815529382110"
3182                  data-option-available="true"
3183                  data-connected-product-url=""
3184                  
3185                    data-variant-id="47729560584414"
3186                  
3187                  
3188                    data-current-checked="false"
3189                  
3190                >
3191                
3192                  
3193                    <span class="variant-option__button-label__pill"></span>
3194                  
3195                  <span class="variant-option__button-label__text">Week of Meals</span>
3196                
3197                
3198
3199              </label>
3200              <label
3201                class="variant-option__button-label"
3202              >
3203                <input
3204                  type="radio"
3205                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3206                  value="Classroom Champion"
3207                  aria-label="Classroom Champion"
3208                  
3209                  data-previous-checked="false"
3210                  data-fieldset-index="0"
3211                  data-input-index="4"
3212                  data-input-id="1-4"
3213                  data-option-value-id="3815529906398"
3214                  data-option-available="true"
3215                  data-connected-product-url=""
3216                  
3217                    data-variant-id="47729560617182"
3218                  
3219                  
3220                    data-current-checked="false"
3221                  
3222                >
3223                
3224                  
3225                    <span class="variant-option__button-label__pill"></span>
3226                  
3227                  <span class="variant-option__button-label__text">Classroom Champion</span>
3228                
3229                
3230
3231              </label>
3232              <label
3233                class="variant-option__button-label"
3234              >
3235                <input
3236                  type="radio"
3237                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3238                  value="Hunger Fighter"
3239                  aria-label="Hunger Fighter"
3240                  
3241                  data-previous-checked="false"
3242                  data-fieldset-index="0"
3243                  data-input-index="5"
3244                  data-input-id="1-5"
3245                  data-option-value-id="3815532855518"
3246                  data-option-available="true"
3247                  data-connected-product-url=""
3248                  
3249                    data-variant-id="47729560649950"
3250                  
3251                  
3252                    data-current-checked="false"
3253                  
3254                >
3255                
3256                  
3257                    <span class="variant-option__button-label__pill"></span>
3258                  
3259                  <span class="variant-option__button-label__text">Hunger Fighter</span>
3260                
3261                
3262
3263              </label>
3264              <label
3265                class="variant-option__button-label"
3266              >
3267                <input
3268                  type="radio"
3269                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3270                  value="Table Builder"
3271                  aria-label="Table Builder"
3272                  
3273                  data-previous-checked="false"
3274                  data-fieldset-index="0"
3275                  data-input-index="6"
3276                  data-input-id="1-6"
3277                  data-option-value-id="3815533510878"
3278                  data-option-available="true"
3279                  data-connected-product-url=""
3280                  
3281                    data-variant-id="47729560682718"
3282                  
3283                  
3284                    data-current-checked="false"
3285                  
3286                >
3287                
3288                  
3289                    <span class="variant-option__button-label__pill"></span>
3290                  
3291                  <span class="variant-option__button-label__text">Table Builder</span>
3292                
3293                
3294
3295              </label>
3296              <label
3297                class="variant-option__button-label"
3298              >
3299                <input
3300                  type="radio"
3301                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3302                  value="Hope Multiplier"
3303                  aria-label="Hope Multiplier"
3304                  
3305                  data-previous-checked="false"
3306                  data-fieldset-index="0"
3307                  data-input-index="7"
3308                  data-input-id="1-7"
3309                  data-option-value-id="3815537180894"
3310                  data-option-available="true"
3311                  data-connected-product-url=""
3312                  
3313                    data-variant-id="47729560715486"
3314                  
3315                  
3316                    data-current-checked="false"
3317                  
3318                >
3319                
3320                  
3321                    <span class="variant-option__button-label__pill"></span>
3322                  
3323                  <span class="variant-option__button-label__text">Hope Multiplier</span>
3324                
3325                
3326
3327              </label>
3328              <label
3329                class="variant-option__button-label"
3330              >
3331                <input
3332                  type="radio"
3333                  name="Donation Amount-AQzhLdHdReXVjYitqZ__variant_picker_R3rGDr-9069956858078"
3334                  value="Legacy Maker"
3335                  aria-label="Legacy Maker"
3336                  
3337                  data-previous-checked="false"
3338                  data-fieldset-index="0"
3339                  data-input-index="8"
3340                  data-input-id="1-8"
3341                  data-option-value-id="3815537672414"
3342                  data-option-available="true"
3343                  data-connected-product-url=""
3344                  
3345                    data-variant-id="47729560748254"
3346                  
3347                  
3348                    data-current-checked="false"
3349                  
3350                >
3351                
3352                  
3353                    <span class="variant-option__button-label__pill"></span>
3354                  
3355                  <span class="variant-option__button-label__text">Legacy Maker</span>
3356                
3357                
3358
3359              </label>
3360              <style data-shopify>
3361                [data-option-id="template-20135224082654__main-9069956858078-donation-amount"] {
3362                  --variant-ch: 18ch;
3363                }
3364              </style>
3365            
3366          </fieldset>
3366<script type="application/json">
3367        {"id":47729560453342,"title":"The Five.12 Spark","option1":"The Five.12 Spark","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Donation to Five.12 - The Five.12 Spark","public_title":"The Five.12 Spark","options":["The Five.12 Spark"],"price":512,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
3368      </script>
3368
3369    </form>
3370  </variant-picker>
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380<span
3381  class="buy-buttons-block buy-buttons-block--AR3ZLOVFjU3VmUG1vV__buy_buttons_eYQEYi"
3382  
3383><product-form-component
3384      data-section-id="template--20135224082654__main"
3385      data-product-id="9069956858078"
3386      data-product-url="/products/1"
3387      on:submit="/handleSubmit"
3388      data-quantity-default="1"
3389      data-quantity-error-max="This item has a maximum of {{ maximum }}"
3390    >
3391      <div
3392        class="visually-hidden"
3393        aria-live="assertive"
3394        role="status"
3395        aria-atomic="true"
3396        ref="liveRegion"
3397      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--20135224082654__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3398          type="hidden"
3399          name="id"
3400          ref="variantId"
3401          value="47729560453342"
3402        ><div
3403          class="product-form-buttons spacing-style product-form-buttons--stacked"
3404          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3405          ref="productFormButtons"
3406        >
3407
3408
3409
3410<quantity-selector-component
3411  class="quantity-selector"
3412  data-variant-id="47729560453342"
3413  
3414
3415  ref="quantitySelectors[]"
3416>
3417  <button
3418    class="button quantity-minus button-unstyled"
3419    type="button"
3420    name="minus"
3421    on:click="/decreaseQuantity"
3422    ref="minusButton"
3423    
3424  >
3425    <span class="visually-hidden">Decrease quantity</span
3426    ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3427  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3428</svg>
3429</span>
3430  </button>
3431  <input
3432    type="number"
3433    name="quantity"
3434    value="1"
3435    data-cart-quantity="0"
3436    min="1"
3437    on:blur="/setQuantity"
3438    on:focus="/selectInputValue"
3439    ref="quantityInput"
3440    aria-label="Quantity"
3441    
3442    
3443    step="1"
3444    
3445  >
3446  <button
3447    class="button quantity-plus button-unstyled"
3448    type="button"
3449    name="plus"
3450    on:click="/increaseQuantity"
3451    ref="plusButton"
3452    
3453  >
3454    <span class="visually-hidden">Increase quantity</span
3455    ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3456  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3457  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3458</svg>
3459</span>
3460  </button>
3461</quantity-selector-component>
3462
3463
3464
3465
3466<span
3467              class="product-form-text__error hidden"
3468              ref="addToCartTextError"
3469            >
3470              <span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewBox="0 0 13 13">
3471  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
3472  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
3473  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
3474  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
3475</svg>
3476</span>
3477            </span>
3478
3479
3480<span
3481  
3482  style="--add-to-cart-font-case: ;"
3483>
3484  <add-to-cart-component
3485  ref="addToCartButtonContainer"
3486  data-product-variant-media="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=100"
3487  data-add-to-cart-animation="true"
3488>
3489  <button
3490    id="BuyButtons-ProductSubmitButton-AZTY2MTRpRzAxcVF3K__add-to-cart"
3491    type="submit"
3492    name="add"
3493    ref="addToCartButton"
3494    on:click="/handleClick"
3495    class="button add-to-cart-button button"
3496    
3497  >
3498    <span
3499      class="add-to-cart-text"
3500    >
3501      
3502        <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
3503</span>
3504      
3505      <span class="add-to-cart-text__content">Donate Now</span>
3506    </span>
3507    <span
3508      aria-hidden="true"
3509      class="add-to-cart-text--added"
3510    >
3511      <span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3512<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3513</svg>
3514</span>
3515      <span class="">Added</span>
3516    </span>
3517  </button>
3518</add-to-cart-component>
3519
3520
3521
3522</span>
3523
3524
3525
3526
3527          
3528        </div><input type="hidden" name="product-id" value="9069956858078" /><input type="hidden" name="section-id" value="template--20135224082654__main" /></form></product-form-component></span>
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543  <rte-formatter 
3544  class=" spacing-style text-block text-block--ANDltelJkS3dlUG00T__text_aEtTtq rte
3545    text-block--align-center rte 
3546  "
3547
3548  style="
3549    --padding-block-start: 0px; --padding-block-end:0px; 
3550--padding-inline-start:0px; --padding-inline-end:0px; 
3551
3552    
3553
3554    --width: 100%;
3555    --max-width: var(--max-width--body-normal);
3556    
3557      --text-align: center;
3558    
3559    
3560  "
3561
3562  
3563>
3564    <p style="text-align: center;">Elementary school students in the United States are going home from school on Friday and coming back to school hungry on Monday. Five.12 provides weekend backpacks full of food for those students in need.<br>100% of all donated money and time goes to providing for students in need. Period.<br><strong>No overhead.</strong><br><strong>No ulterior motives.</strong><br><strong>No exceptions.</strong></p>
3565  </rte-formatter>
3566
3567
3568
3569
3570
3571
3572
3573  </div>
3574</div>
3575
3576
3577
3578</div>
3579
3580
3581
3582
3583
3584    
3585      
3586    
3587  </div>
3588
3589  
3590</div>
3591
3592
3593
3594
3595</div><div id="shopify-section-template--20135224082654__product_recommendations_qggXJq" class="shopify-section">
3596<script
3597  src="//five12.org/cdn/shop/t/1/assets/product-recommendations.js?v=60554949707631910141764799996"
3598  type="module"
3599  fetchpriority="low"
3600></script>
3600
3601
3602
3603
3604<product-recommendations
3605  id="product-recommendations-template--20135224082654__product_recommendations_qggXJq"
3606  class="product-recommendations"
3607  data-url="/recommendations/products?limit=4"
3608  data-section-id="template--20135224082654__product_recommendations_qggXJq"
3609  data-product-id="9069956858078"
3610  data-intent="related"
3611  data-testid="product-recommendations-section"
3612  data-recommendations-performed="false"
3613  
3614>
3615  <div class="section-background color-scheme-1"></div>
3616  <div
3617    class="
3618      section
3619      section--page-width
3620      color-scheme-1
3621      section-resource-list
3622      spacing-style
3623      gap-style
3624    "
3625    style="
3626      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
3627      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
3628      --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
3629    "
3630  >
3631    <div class="section-resource-list__content">
3632      
3633
3634
3635
3636
3637
3638
3639
3640  <div 
3641  class=" spacing-style text-block text-block--AZHBGWjVRMEFDaG9MM__text_cbcgyb h4
3642    
3643  "
3644
3645  style="
3646    --padding-block-start: 0px; --padding-block-end:0px; 
3647--padding-inline-start:0px; --padding-inline-end:0px; 
3648
3649    
3650
3651    --width: fit-content;
3652    --max-width: var(--max-width--body-normal);
3653    
3654    
3655  "
3656
3657  
3658>
3659    <h3>You may also like </h3>
3660  </div>
3661
3662
3663
3664
3665
3666
3667
3668    </div><div
3669        class="resource-list resource-list--grid"
3670      >
3671        
3672          <div
3673            class="product-recommendations__skeleton-item"
3674            aria-label="Loading product recommendations"
3675          ></div>
3676        
3677          <div
3678            class="product-recommendations__skeleton-item"
3679            aria-label="Loading product recommendations"
3680          ></div>
3681        
3682          <div
3683            class="product-recommendations__skeleton-item"
3684            aria-label="Loading product recommendations"
3685          ></div>
3686        
3687          <div
3688            class="product-recommendations__skeleton-item"
3689            aria-label="Loading product recommendations"
3690          ></div>
3691        
3692      </div></div>
3693</product-recommendations>
3694
3695
3696
3697
3698</div>
3699    </main>
3700
3701    <!-- BEGIN sections: footer-group -->
3702<footer id="shopify-section-sections--20135224246494__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
3703
3704<div class="section-background color-scheme-1"></div>
3705<div
3706  class="section section--page-width color-scheme-1"
3707>
3708  
3709  <div
3710    class="
3711      footer-content
3712      spacing-style
3713      
3714      
3715    "
3716    style="
3717      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
3718      --footer-gap: 20px;
3719      --grid-columns: 1;
3720      --last-row-count: 1;
3721      --tablet-last-row-count: 1;
3722    "
3723  >
3724    
3725
3726
3727<div
3728  class="
3729    group-block
3730    group-block--height-fit
3731    group-block--width-fill
3732    border-style
3733    spacing-style
3734    size-style
3735    
3736    
3737  "
3738  style="
3739    --border-width: 1px; --border-style: none; --border-color:
3740rgb(var(--color-border-rgb) / 1.0); --border-radius:
37410px; 
3742
3743    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3744    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3745    
3746  "
3747  
3748  data-testid="group-block"
3749><div class="group-block__media-wrapper">
3750    
3751
3752    
3753  </div>
3754
3755  <div
3756    class="
3757      group-block-content
3758      
3759      layout-panel-flex
3760      layout-panel-flex--column
3761       mobile-column
3762    "
3763    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3764
3765--gap: 6px;
3766
3767--horizontal-alignment: flex-start; --vertical-alignment: center;
3768--vertical-alignment-mobile: center;
3769"
3770  >
3771  
3772</div>
3773</div>
3774
3775
3776
3777
3778
3779
3780  </div>
3781</div>
3782
3783
3784
3785
3786</footer><div id="shopify-section-sections--20135224246494__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
3787
3788<div class="section-background color-scheme-1"></div>
3789<div
3790  class="section section--page-width color-scheme-1"
3791  
3792>
3793  <div
3794    class="utilities spacing-style"
3795    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
3796    data-testid="footer-utilities"
3797  >
3798    
3799
3800<div
3801  class="
3802    footer-utilities__group-copyright
3803    custom-typography
3804    footer-utilities__text
3805    custom-font-size
3806  "
3807  style="
3808--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
3809  
3810>
3811  <span class="footer-utilities__text">
3812    &copy; 2026
3813    <a href="/" title="">Five.12 Foundation</a>- Founded in 2013. Five.12 Foundation is a 501(c)3 organization</span>
3814</div>
3815
3816
3817
3818
3819  <anchored-popover-component
3820    class="footer-utilities__policy-list footer-utilities__text"
3821    data-hover-triggered="true"
3822  >
3823    <button
3824      class="policy-list-trigger button-unstyled"
3825      popovertarget="terms-policies-popover"
3826      popovertargetaction="toggle"
3827      ref="trigger"
3828      style="
3829--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
3830      
3831    >
3832      Terms and Policies
3833    </button>
3834    <div
3835      class="terms-policies-popover color-scheme-1"
3836      id="terms-policies-popover"
3837      popover="auto"
3838      ref="popover"
3839    >
3840      <ul
3841        class="
3842          policy_list list-unstyled
3843          custom-typography
3844          custom-font-size
3845        "
3846      ><li>
3847              <a
3848                href="/policies/privacy-policy"
3849                class="footer-utilities__text"
3850              >Privacy policy</a>
3851            </li></ul>
3852    </div>
3853  </anchored-popover-component>
3854
3855
3856
3857
3858
3859
3860
3861<div
3862  class="social-icons__wrapper footer-utilities__icons"
3863  
3864>
3865  
3866
3867  
3868    
3869
3870    
3871    
3872      
3873    
3874  
3875    
3876
3877    
3878    
3879      
3880    
3881  
3882    
3883
3884    
3885    
3886      
3887    
3888  
3889    
3890
3891    
3892    
3893      
3894    
3895  
3896    
3897
3898    
3899    
3900      
3901    
3902  
3903    
3904
3905    
3906    
3907  
3908    
3909
3910    
3911    
3912  
3913    
3914
3915    
3916    
3917  
3918    
3919
3920    
3921    
3922  
3923    
3924
3925    
3926    
3927  
3928    
3929
3930    
3931    
3932  
3933    
3934
3935    
3936    
3937  
3938    
3939
3940    
3941    
3942  
3943</div>
3944
3945
3946
3947
3948
3949  </div>
3950</div>
3951
3952
3953
3954
3955</div>
3956<!-- END sections: footer-group -->
3957
3958    
3958<script
3959  src="//five12.org/cdn/shop/t/1/assets/dialog.js?v=122984339961420548111764799996"
3960  type="module"
3961></script>
3961
3962
3963<dialog-component
3964  id="search-modal"
3965  class="search-modal"
3966  
3967>
3968  <dialog
3969    ref="dialog"
3970    on:click="/closeDialogOnClickOutside"
3971    on:keydown="/closeDialogOnEscapePress"
3972    class="search-modal__content dialog-modal"
3973    scroll-lock
3974    aria-labelledby="search-modal-heading"
3975  >
3976    <h2
3977      id="search-modal-heading"
3978      class="visually-hidden"
3979    >
3980      Search
3981    </h2>
3982    
3982<script
3983  src="//five12.org/cdn/shop/t/1/assets/predictive-search.js?v=53445493388242646041764799996"
3984  type="module"
3985  fetchpriority="low"
3986></script>
3986
3987
3988<predictive-search-component
3989  class="predictive-search color-scheme-1"
3990  style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
3991  data-section-id="predictive-search"
3992  data-testid="search-component--modal"
3993  role="search"
3994  aria-label="Search"
3995>
3996  <form
3997    action="/search"
3998    method="get"
3999    role="search"
4000    class="predictive-search-form"
4001    ref="form"
4002    on:keydown="/onSearchKeyDown"
4003  >
4004    <div
4005      class="predictive-search-form__header"
4006    >
4007      <div class="predictive-search-form__header-inner">
4008        <label
4009          for="cmdk-input"
4010          class="visually-hidden"
4011        >Search</label>
4012        <input
4013          class="search-input"
4014          id="cmdk-input"
4015          type="search"
4016          name="q"
4017          role="combobox"
4018          aria-expanded="false"
4019          aria-owns="predictive-search-results"
4020          aria-controls="predictive-search-results"
4021          aria-haspopup="listbox"
4022          aria-autocomplete="list"
4023          autocomplete="off"
4024          placeholder="Search"
4025          ref="searchInput"
4026          on:input="/search"
4027          on:keydown="/onSearchKeyDown"
4028        >
4029        <input
4030          name="options[prefix]"
4031          type="hidden"
4032          value="last"
4033        >
4034        <span class="svg-wrapper predictive-search__icon">
4035          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4036
4037        </span>
4038        <button
4039          type="button"
4040          class="button-unstyled predictive-search__reset-button"
4041          ref="resetButton"
4042          hidden
4043          on:click="/resetSearch"
4044        >
4045          Clear
4046        </button>
4047      </div>
4048      <button
4049        type="button"
4050        class="button predictive-search__close-modal-button"
4051        aria-label="Close dialog"
4052        on:click="dialog-component/closeDialog"
4053        ref="closeModalButton"
4054      >
4055        <span class="svg-wrapper">
4056          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4057  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4058  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4059</svg>
4060
4061        </span>
4062      </button>
4063    </div>
4064
4065    <div class="predictive-search-form__content-wrapper">
4066      <div
4067        class="predictive-search-form__content"
4068        tabindex="-1"
4069        ref="predictiveSearchResults"
4070        on:click="/handleModalClick"
4071      >
4072        
4073
4074<div
4075  id="predictive-search-results"
4076  class="predictive-search-dropdown"
4077  role="listbox"
4078  aria-expanded="true"
4079  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
4080>
4081  
4082</div>
4083
4084      </div>
4085
4086      <div class="predictive-search-form__footer">
4087        <button
4088          class="button button-primary predictive-search__search-button"
4089          ref="viewAllButton"
4090        >
4091          View all
4092        </button>
4093      </div>
4094    </div>
4095  </form>
4096</predictive-search-component>
4097
4098
4099
4100  </dialog>
4101</dialog-component>
4102
4103
4104
4105
4106    
4107      <quick-add-dialog id="quick-add-dialog">
4108  <dialog
4109    class="quick-add-modal dialog-modal color-scheme-1"
4110    ref="dialog"
4111    scroll-lock
4112  >
4113    <button
4114      ref="closeButton"
4115      on:click="/closeDialog"
4116      class="button button-unstyled close-button quick-add-modal__close"
4117      aria-label="Close dialog"
4118    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4119  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4120  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4121</svg>
4122</button>
4123    <div
4124      id="quick-add-modal-content"
4125      class="quick-add-modal__content"
4126    ></div>
4127  </dialog>
4128</quick-add-dialog>
4129
4130
4131
4132    
4133  <div id="shopify-block-ASVEwS2NGdjJHeGllR__4430426176203950762" class="shopify-block shopify-app-block">
4133<script>
4134    
4135
4136    window.kaktusAppData = {
4137        customerId: null,
4138        customerTags: ''.split(',') || []
4139    }
4140</script>
vendor: 1 bytes, line 4140
4140
4141<script async src="https://noti.bestfreecdn.com/storage/js/noti-77130858718.js?ver=1791155869&shop=77130858718"></script>
4141
4142
4143</div>
4143<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4143
4144</body>
4145</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.