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 – 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&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&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&v=1764882603 1x, //five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=156&v=1764882603 2x, //five12.org/cdn/shop/files/FIVE.12_logo_pair_288x1_481da8cc-5c4e-4bf0-b1de-65594abbda15.png?height=234&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&width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&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&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&width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&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&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&width=3840" alt="Donation to Five.12" srcset="//five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=240 240w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=352 352w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=832 832w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1200 1200w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1600 1600w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=1920 1920w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&width=2560 2560w, //five12.org/cdn/shop/files/Five12ProdImg_c9e76a8d-0a19-4864-9ed5-264e6198cb41.jpg?v=1764895750&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&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 © 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.