PageSourceSearch

https://zoop.gg/store/listing

html zoop.gg collected 2026-10-02 03:36:37 UTC 113,262 bytes, 1,441 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" style="scroll-behavior: smooth" class="">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
7    <link rel="preconnect" href="https://media.zoop.gg" crossorigin>
8    <link rel="dns-prefetch" href="https://media.zoop.gg">
9            
9<script type="text/javascript" src="https://app.termly.io/embed.min.js" data-auto-block="off"
10                data-website-uuid="6043b5f7-4f19-40a1-9c5e-b20fd98df62b" defer></script>
10
11                <title>    Store
12 - Zoop</title>
13    
14    <!-- Favicon -->
15    <link rel="shortcut icon" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/favicon-32x32.png" type="image/x-icon">
16
17    <!-- Styles -->
18
19
20    
21    <!-- CSRF Token -->
22    <meta name="csrf-token" content="trQGJmKMGUlt2gAa9DbNbVpJep5oV0KiC6Qrk48T">
23    <link rel="preload" as="style" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-DvZuq4sp.css" /><link rel="stylesheet" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-DvZuq4sp.css" data-navigate-track="reload" />    <style>
24    :root {
25         --danger-50:254, 242, 242;  --danger-100:254, 226, 226;  --danger-200:254, 202, 202;  --danger-300:252, 165, 165;  --danger-400:248, 113, 113;  --danger-500:239, 68, 68;  --danger-600:220, 38, 38;  --danger-700:185, 28, 28;  --danger-800:153, 27, 27;  --danger-900:127, 29, 29;  --danger-950:69, 10, 10;  --gray-50:250, 250, 250;  --gray-100:244, 244, 245;  --gray-200:228, 228, 231;  --gray-300:212, 212, 216;  --gray-400:161, 161, 170;  --gray-500:113, 113, 122;  --gray-600:82, 82, 91;  --gray-700:63, 63, 70;  --gray-800:39, 39, 42;  --gray-900:24, 24, 27;  --gray-950:9, 9, 11;  --info-50:239, 246, 255;  --info-100:219, 234, 254;  --info-200:191, 219, 254;  --info-300:147, 197, 253;  --info-400:96, 165, 250;  --info-500:59, 130, 246;  --info-600:37, 99, 235;  --info-700:29, 78, 216;  --info-800:30, 64, 175;  --info-900:30, 58, 138;  --info-950:23, 37, 84;  --primary-50:255, 251, 235;  --primary-100:254, 243, 199;  --primary-200:253, 230, 138;  --primary-300:252, 211, 77;  --primary-400:251, 191, 36;  --primary-500:245, 158, 11;  --primary-600:217, 119, 6;  --primary-700:180, 83, 9;  --primary-800:146, 64, 14;  --primary-900:120, 53, 15;  --primary-950:69, 26, 3;  --success-50:240, 253, 244;  --success-100:220, 252, 231;  --success-200:187, 247, 208;  --success-300:134, 239, 172;  --success-400:74, 222, 128;  --success-500:34, 197, 94;  --success-600:22, 163, 74;  --success-700:21, 128, 61;  --success-800:22, 101, 52;  --success-900:20, 83, 45;  --success-950:5, 46, 22;  --warning-50:255, 251, 235;  --warning-100:254, 243, 199;  --warning-200:253, 230, 138;  --warning-300:252, 211, 77;  --warning-400:251, 191, 36;  --warning-500:245, 158, 11;  --warning-600:217, 119, 6;  --warning-700:180, 83, 9;  --warning-800:146, 64, 14;  --warning-900:120, 53, 15;  --warning-950:69, 26, 3;     }
26</style>
27    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
28            <!-- Fathom - beautiful, simple website analytics -->
29        
29<script src="https://cdn.usefathom.com/script.js" data-site="WECMSFMH" defer></script>
29
30        <!-- / Fathom -->
31        <!-- Google tag (gtag.js) -->
vendor: 80 bytes, lines 31-32
31
32                <script async src="https://www.googletagmanager.com/gtag/js?id=
32G-VKGRRT5MS5
vendor: 64 bytes, lines 32-34
32"
33                data-categories="analytics"></script>
34        
34<script data-categories="analytics">
35          
vendor: 185 bytes, lines 35-43
35window.dataLayer = window.dataLayer || [];
36
37          function gtag() {
38            dataLayer.push(arguments);
39          }
40
41          gtag("js", new Date());
42
43          gtag("config", "
43G-VKGRRT5MS5
vendor: 12 bytes, lines 43-44
43");
44        
44</script>
44
45                <!-- Facebook Pixel Code -->
46        
46<script data-categories="social_networking">
47          !function(f, b, e, v, n, t, s) {
48            if (f.fbq) return;
49            n = f.fbq = function() {
50              n.callMethod ?
51                n.callMethod.apply(n, arguments) : n.queue.push(arguments);
52            };
53            if (!f._fbq) f._fbq = n;
54            n.push = n;
55            n.loaded = !0;
56            n.version = "2.0";
57            n.queue = [];
58            t = b.createElement(e);
59            t.async = !0;
60            t.src = v;
61            s = b.getElementsByTagName(e)[0];
62            s.parentNode.insertBefore(t, s);
63          }(window, document, "script",
64            "https://connect.facebook.net/en_US/fbevents.js");
65          fbq("init", "1667406606779551");
66          fbq("track", "PageView");
67        </script>
67
68        <noscript data-categories="social_networking">
69            <img height="1" width="1"
70                 src="https://www.facebook.com/tr?id=1667406606779551&ev=PageView
71&noscript=1" />
72        </noscript>
73        <!-- End Facebook Pixel Code -->
74    </head>
75
76<body class="flex flex-col min-h-screen overflow-x-hidden ">
77
78    <header class="sticky top-0 w-full z-30 bg-primary text-white">
79        <div class="relative h-full py-2" x-data="{ mobile_menu: false }" @closemobilemenu.window="mobile_menu = false"
80         @keydown.k.meta.window="Livewire.dispatch('openModal', { component: 'campaign-search' })">
81        <div class="mx-auto px-4 sm:px-6 h-full flex">
82            <div class="flex-grow flex flex-row justify-between items-center lg:justify-start md:space-x-10">
83                <div class="flex justify-start lg:w-0 lg:flex-1">
84                    <a href="https://zoop.gg">
85                        <span class="sr-only">Zoop</span>
86                                                    <svg class="h-10 w-auto text-white" version="1.1" viewBox="0 0 1218 481" xmlns="http://www.w3.org/2000/svg">
87    <path fill="currentColor"
88        d="m437 2.4772c-43.481 4.6437-84.978 10.238-115.71 45.561-30.776 35.373-30.289 79.886-30.289 124 0 34.519-3.725 71.733 7.355 105 23.086 69.313 97.297 91.153 163.64 84.83 15.096-1.438 30.836-4.519 45-10.034 11.721-4.563 22.897-10.126 33-17.691 50.175-37.57 48-96.766 48-153.1 0-30.778 2.615-63.439-7.695-93-19.849-56.912-83.742-91.922-143.3-85.561m314 0.0247c-40.535 3.5472-82.06 9.1014-111.83 40.576-34.57 36.548-34.17 81.956-34.17 128.96 0 36.544-4.005 75.042 8.695 110 23.914 65.823 97.911 85.892 161.3 79.83 15.311-1.464 30.548-4.583 45-9.883 11.191-4.104 22.334-9.705 32-16.692 51.65-37.336 49-96.383 49-153.26 0-33.396 2.653-67.078-9.053-99-20.129-54.89-84.38-85.486-140.95-80.536m272 45.536-5-39h-92v398h-926v15l83 4.91 154 9 774 45 33 2.09v-154c9.88 9.881 20.09 19.32 33 25.135 53.98 24.312 110.17-5.199 131.55-58.135 11.17-27.675 9.45-57.773 9.45-87 0-48.757 8.16-106.95-14.37-152-24.18-48.356-85.45-67.601-134.63-46.573-19.71 8.4265-31.87 22.186-46 37.573m-1001-39v93h118l-27.576 48-59.274 102-25.574 44-12.157 22-0.4182 39h263v-99h-119l83.424-142 26.576-45 13.501-24 0.499-38h-261m409 74.3c15.086-2.1748 31.485 1.2301 37.742 16.7 5.691 14.071 2.258 34.018 2.258 49v73c0 12.155 1.872 26.089-0.669 38-3.179 14.899-14.025 21.17-28.331 22.711-16.304 1.756-31.417-7.251-34.384-23.711-2.637-14.623-0.616-31.154-0.616-46v-89c0-17.803 2.481-37.598 24-40.7m314 0c13.858-1.9977 30.058 0.6729 36.482 14.7 6.68 14.589 3.518 34.37 3.518 50v73c0 13.06 1.52 27.178-1.289 40-3.105 14.166-14.273 20.171-27.711 21.714-15.131 1.736-31.066-6.075-34.483-21.714-3.69-16.888-1.517-35.804-1.517-53 0-29.97-0.719-60.04 0.015-90 0.405-16.533 6.859-32.087 24.985-34.7m323 2.0255c19.91-3.3505 31.51 12.708 33.71 30.674 1.76 14.295 0.29 29.598 0.29 44 0 27.667 0.04 55.333 0 83-0.02 14.767-6.1 34.179-23 36.85-19.11 3.02-32.35-10.692-34.71-28.85-2.07-15.851-0.29-33.015-0.29-49 0-27.971-0.68-56.038 0.01-84 0.36-14.324 8.78-30.115 23.99-32.674z" />
89</svg>
90                                            </a>
91                </div>
92                <nav class="hidden md:flex flex-grow space-x-10 items-center">
93                                                                                                                                            <a href="/explore"
94                           class="text-base font-medium decoration-2 underline-offset-2 hover:underline">
95                            Campaigns
96                        </a>
97                                                                                                                                            <a href="/store"
98                           class="text-base font-medium decoration-2 underline-offset-2 hover:underline">
99                            Store
100                        </a>
101                                                                                                                                            <a href="https://services.zoop.gg/go"
102                           class="text-base font-medium decoration-2 underline-offset-2 hover:underline">
103                            Submit your Project
104                        </a>
105                                                                                                        </nav>
106                <div class="flex items-center">
107                                            <!-- Cart -->
108<div wire:snapshot="{&quot;data&quot;:{&quot;count&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;sd9DWKEI2cOaAbc4C6pi&quot;,&quot;name&quot;:&quot;cart-icon&quot;,&quot;path&quot;:&quot;store\/listing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;lw-1592133636-0&quot;:[&quot;div&quot;,&quot;bBvjGaJNcGjvQG4nJO7s&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5d8316f14a827a98c411d2a1a8d535eb63df9117243244f102f055966e214c6e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart-changed&quot;]}" wire:id="sd9DWKEI2cOaAbc4C6pi" class="ml-4 flow-root text-sm lg:relative lg:ml-8 mr-2"
109     @click.away="cart_open = cart_open_force = false"
110     @mouseenter="cart_open = true"
111     @mouseleave.debounce="cart_open = false"
112     x-data="{
113          cart_open: false,
114          cart_open_force: false,
115          forceCart: function () {
116            this.cart_open_force = !this.cart_open_force
117            if (!this.cart_open_force){
118            this.cart_open = false
119            }
120           }
121          }"
122>
123    <button type="button" dusk="header-cart-toggle" class="group -m-2 flex items-center p-2" aria-expanded="false" @click="forceCart()">
124        <span wire:loading.remove wire:target="count" class="relative inline-block text-white mx-2">
125                <svg class="w-9"
126  width="24"
127  height="24"
128  viewBox="0 0 24 24"
129  fill="none"
130  xmlns="http://www.w3.org/2000/svg"
131>
132  <path
133    fill-rule="evenodd"
134    clip-rule="evenodd"
135    d="M5.79166 2H1V4H4.2184L6.9872 16.6776H7V17H20V16.7519L22.1932 7.09095L22.5308 6H6.6552L6.08485 3.38852L5.79166 2ZM19.9869 8H7.092L8.62081 15H18.3978L19.9869 8Z"
136    fill="currentColor"
137  />
138  <path
139    d="M10 22C11.1046 22 12 21.1046 12 20C12 18.8954 11.1046 18 10 18C8.89543 18 8 18.8954 8 20C8 21.1046 8.89543 22 10 22Z"
140    fill="currentColor"
141  />
142  <path
143    d="M19 20C19 21.1046 18.1046 22 17 22C15.8954 22 15 21.1046 15 20C15 18.8954 15.8954 18 17 18C18.1046 18 19 18.8954 19 20Z"
144    fill="currentColor"
145  />
146</svg>                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
147                </span>
148        <svg wire:loading="1" wire:target="count" class="animate-spin h-5 w-5 mr-3 text-white"
149  width="24"
150  height="24"
151  viewBox="0 0 24 24"
152  fill="none"
153  xmlns="http://www.w3.org/2000/svg"
154>
155  <path
156    opacity="0.2"
157    fill-rule="evenodd"
158    clip-rule="evenodd"
159    d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
160    fill="currentColor"
161  />
162  <path
163    d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
164    fill="currentColor"
165  />
166</svg>    </button>
167    <div class="h-fit absolute max-h-[calc(100vh-64px)] inset-x-0 top-[64px] sm:mt-px bg-white sm:pb-6 shadow-lg sm:px-2 lg:left-auto lg:right-0 lg:top-full lg:-mr-1.5 lg:mt-3 lg:w-80 lg:rounded-lg lg:ring-1 lg:ring-black lg:ring-opacity-5"
168         wire:ignore.self x-cloak x-show="cart_open_force || cart_open"
169         x-transition:enter="transition ease-out duration-100"
170         x-transition:enter-start="transform opacity-0 scale-95"
171         x-transition:enter-end="transform opacity-100 scale-100"
172         x-transition:leave="transition ease-in duration-75"
173         x-transition:leave-start="transform opacity-100 scale-100"
174         x-transition:leave-end="transform opacity-0 scale-95">
175        
176        <div wire:snapshot="{&quot;data&quot;:{&quot;cart&quot;:null,&quot;country&quot;:&quot;US&quot;,&quot;onlyItems&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;bBvjGaJNcGjvQG4nJO7s&quot;,&quot;name&quot;:&quot;cart&quot;,&quot;path&quot;:&quot;store\/listing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;9456287c5cf3ed335876ae970848556d95d6364ab43cd4f54b8de5a8ae0e04ab&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;cart-switch&quot;,&quot;add-to-cart&quot;]}" wire:id="bBvjGaJNcGjvQG4nJO7s" class="text-black flex flex-col">
177        <div role="list"
178         class="flex-1 px-4 divide-y divide-gray-200 overflow-y-scroll overscroll-contain max-h-[calc(100vh-173px)] -mx-2 scrollbar scrollbar-track-rounded-full scrollbar-thin scrollbar-thumb-gray-300 scrollbar-thumb-rounded-full">
179        <!--[if BLOCK]><![endif]-->            <a href="#rewards" type="button"
180               class="relative my-4 block w-full border-2 border-gray-300 border-dashed rounded-lg p-8 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
181                <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-12 w-12 text-gray-400"
182                     fill="none" viewBox="0 0 24 24" stroke="currentColor">
183                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
184                          d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z" />
185                </svg>
186                <span class="mt-2 block text-sm font-medium text-gray-900"> Add a reward / addon </span>
187            </a>
188        <!--[if ENDBLOCK]><![endif]-->
189    </div>
190    <!--[if BLOCK]><![endif]-->        <div class="flex flex-col w-full px-4 py-2 md:py-4 bg-white border-t border-gray-500 border-opacity-25">
191            <div class="flex justify-between mb-3 text-2xl font-bold">
192                <p>Subtotal</p>
193                <p></p>
194            </div>
195            <div class="w-full">
196                <button wire:loading.class.remove="bg-primary"
197                        wire:click="checkout"
198                        wire:loading.class="bg-gray-400 cursor-wait"
199                        wire:loading.attr="disabled" type="button"
200                        class="w-full btn text-white btn-primary"
201                        disabled>
202                    <svg wire:loading="1" class="animate-spin h-5 w-5 mr-3"
203  width="24"
204  height="24"
205  viewBox="0 0 24 24"
206  fill="none"
207  xmlns="http://www.w3.org/2000/svg"
208>
209  <path
210    opacity="0.2"
211    fill-rule="evenodd"
212    clip-rule="evenodd"
213    d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
214    fill="currentColor"
215  />
216  <path
217    d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
218    fill="currentColor"
219  />
220</svg>                    <span>Checkout</span>
221                </button>
222            </div>
223        </div>
224    <!--[if ENDBLOCK]><![endif]-->
225</div></livewire:cart>
226    </div>
227</div>
228                                        <div class="-mr-2 -my-2 md:hidden flex flex-row">
229                        <button type="button" @click="mobile_menu = !mobile_menu"
230                                class="rounded-md p-2 inline-flex items-center justify-center hover:outline-none hover:ring-2 hover:ring-inset hover:ring-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
231                                aria-expanded="false">
232                            <span class="sr-only">Open menu</span>
233                            <!-- Heroicon name: outline/menu -->
234                            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
235                                 stroke="currentColor" aria-hidden="true">
236                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
237                                      d="M4 6h16M4 12h16M4 18h16" />
238                            </svg>
239                        </button>
240                    </div>
241                                            <div class="hidden md:flex justify-end md:flex-1 h-full">
242                            <div class="flex flex-col justify-center">
243                                <a href="https://zoop.gg/login"
244                                   class="whitespace-nowrap text-base font-medium decoration-2 underline-offset-2 hover:underline">
245                                    Sign in
246                                </a>
247                            </div>
248                            
249                            
250                            
251                            
252                            
253                            
254                        </div>
255                                    </div>
256            </div>
257        </div>
258        <div x-cloak x-show="mobile_menu"
259             class="absolute top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden z-30">
260            <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50">
261                <div class="pt-5 pb-6 px-5">
262                    <div class="flex items-center justify-between">
263                        <a href="https://zoop.gg">
264                                                            <svg class="h-8 w-auto text-primary" version="1.1" viewBox="0 0 1218 481" xmlns="http://www.w3.org/2000/svg">
265    <path fill="currentColor"
266        d="m437 2.4772c-43.481 4.6437-84.978 10.238-115.71 45.561-30.776 35.373-30.289 79.886-30.289 124 0 34.519-3.725 71.733 7.355 105 23.086 69.313 97.297 91.153 163.64 84.83 15.096-1.438 30.836-4.519 45-10.034 11.721-4.563 22.897-10.126 33-17.691 50.175-37.57 48-96.766 48-153.1 0-30.778 2.615-63.439-7.695-93-19.849-56.912-83.742-91.922-143.3-85.561m314 0.0247c-40.535 3.5472-82.06 9.1014-111.83 40.576-34.57 36.548-34.17 81.956-34.17 128.96 0 36.544-4.005 75.042 8.695 110 23.914 65.823 97.911 85.892 161.3 79.83 15.311-1.464 30.548-4.583 45-9.883 11.191-4.104 22.334-9.705 32-16.692 51.65-37.336 49-96.383 49-153.26 0-33.396 2.653-6
2667.078-9.053-99-20.129-54.89-84.38-85.486-140.95-80.536m272 45.536-5-39h-92v398h-926v15l83 4.91 154 9 774 45 33 2.09v-154c9.88 9.881 20.09 19.32 33 25.135 53.98 24.312 110.17-5.199 131.55-58.135 11.17-27.675 9.45-57.773 9.45-87 0-48.757 8.16-106.95-14.37-152-24.18-48.356-85.45-67.601-134.63-46.573-19.71 8.4265-31.87 22.186-46 37.573m-1001-39v93h118l-27.576 48-59.274 102-25.574 44-12.157 22-0.4182 39h263v-99h-119l83.424-142 26.576-45 13.501-24 0.499-38h-261m409 74.3c15.086-2.1748 31.485 1.2301 37.742 16.7 5.691 14.071 2.258 34.018 2.258 49v73c0 12.155 1.872 26.089-0.669 38-3.179 14.899-14.025 21.17-28.331 22.711-16.304 1.756-31.417-7.251-34.384-23.711-2.637-14.623-0.616-31.154-0.616-46v-89c0-17.803 2.481-37.598 24-40.7m314 0c13.858-1.9977 30.058 0.6729 36.482 14.7 6.68 14.589 3.518 34.37 3.518 50v73c0 13.06 1.52 27.178-1.289 40-3.105 14.166-14.273 20.171-27.711 21.714-15.131 1.736-31.066-6.075-34.483-21.714-3.69-16.888-1.517-35.804-1.517-53 0-29.97-0.719-60.04 0.015-90 0.405-16.533 6.859-32.087 24.985-34.7m323 2.0255c19.91-3.3505 31.51 12.708 33.71 30.674 1.76 14.295 0.29 29.598 0.29 44 0 27.667 0.04 55.333 0 83-0.02 14.767-6.1 34.179-23 36.85-19.11 3.02-32.35-10.692-34.71-28.85-2.07-15.851-0.29-33.015-0.29-49 0-27.971-0.68-56.038 0.01-84 0.36-14.324 8.78-30.115 23.99-32.674z" />
267</svg>
268                                                    </a>
269                        <div class="-mr-2">
270                            <button type="button" @click="mobile_menu = !mobile_menu"
271                                    class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
272                                <span class="sr-only">Close menu</span>
273                                <!-- Heroicon name: outline/x -->
274                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
275                                     viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
276                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
277                                          d="M6 18L18 6M6 6l12 12" />
278                                </svg>
279                            </button>
280                        </div>
281                    </div>
282                </div>
283                <div class="py-6 px-5 space-y-6">
284                    <div class="relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
285                                                                                                                                                                                                                    <a href="/explore" class="-m-3 p-3 flex items-center rounded-md hover:bg-gray-50"
286    @click="$dispatch('closemobilemenu')">
287    <svg class="flex-shrink-0 h-6 w-6 text-primary" xmlns="http://www.w3.org/2000/svg"
288                                     fill="none" viewBox="0 0 24 24" stroke="currentColor">
289                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
290                                          d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
291                                </svg>
292    <span class="ml-3 text-base font-medium text-gray-900">Campaigns</span>
293</a>
294                                                                                                                                                                    <a href="/store" class="-m-3 p-3 flex items-center rounded-md hover:bg-gray-50"
295    @click="$dispatch('closemobilemenu')">
296    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 h-6 w-6 text-primary">
297                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349m-16.5 11.65V9.35m0 0a3.001 3.001 0 003.75-.615A2.993 2.993 0 009.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 002.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 003.75.614m-16.5 0a3.004 3.004 0 01-.621-4.72L4.318 3.44A1.5 1.5 0 015.378 3h13.243a1.5 1.5 0 011.06.44l1.19 1.189a3 3 0 01-.621 4.72m-13.5 8.65h3.75a.75.75 0 00.75-.75V13.5a.75.75 0 00-.75-.75H6.75a.75.75 0 00-.75.75v3.75c0 .415.336.75.75.75z" />
298                                </svg>
299    <span class="ml-3 text-base font-medium text-gray-900">Store</span>
300</a>
301                                                                                                                                                                    <a href="https://services.zoop.gg/go" class="-m-3 p-3 flex items-center rounded-md hover:bg-gray-50"
302    @click="$dispatch('closemobilemenu')">
303    <svg class="flex-shrink-0 h-6 w-6 text-primary" xmlns="http://www.w3.org/2000/svg"
304                                fill="none" viewBox="0 0 24 24" stroke="currentColor">
305                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
306                                    d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2m-4-1v8m0 0l3-3m-3 3L9 8m-5 5h2.586a1 1 0 01.707.293l2.414 2.414a1 1 0 00.707.293h3.172a1 1 0 00.707-.293l2.414-2.414a1 1 0 01.707-.293H20" />
307                            </svg>
308    <span class="ml-3 text-base font-medium text-gray-900">Submit your Project</span>
309</a>
310                                                                                                                            </div>
311                                            <div>
312                            <a href="https://zoop.gg/register"
313                               class="w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-primary hover:bg-orange-600">
314                                Sign up
315                            </a>
316                            <p class="mt-6 text-center text-base font-medium text-gray-500">
317                                Existing customer?
318                                <a href="https://zoop.gg/login" class="text-primary hover:text-primary-600">
319                                    Sign in
320                                </a>
321                            </p>
322                        </div>
323                                    </div>
324            </div>
325        </div>
326    </div>
327
328</header>
329    <div class="bg-gray-50 flex-grow">
330        <div wire:snapshot="{&quot;data&quot;:{&quot;url&quot;:[[],{&quot;key&quot;:1,&quot;class&quot;:&quot;Lunar\\Models\\Url&quot;,&quot;relations&quot;:[&quot;element&quot;,&quot;element.products&quot;,&quot;element.products.variants&quot;,&quot;element.products.variants.basePrices&quot;,&quot;element.products.variants.prices&quot;,&quot;element.products.variants.prices.currency&quot;,&quot;element.products.variants.prices.priceable&quot;,&quot;element.products.defaultUrl&quot;,&quot;element.products.thumbnail&quot;],&quot;s&quot;:&quot;elmdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;wxfFozgLQPqszFB47FEg&quot;,&quot;name&quot;:&quot;retail.listing&quot;,&quot;path&quot;:&quot;store\/listing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;194eabdd8e24c98900786f72905843cf6c9e3f85800dca330c217770522f835b&quot;}" wire:effects="[]" wire:id="wxfFozgLQPqszFB47FEg" class="bg-gray-50">
331    <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:max-w-7xl lg:px-8">
332        <!--[if BLOCK]><![endif]-->            <div class="py-24 sm:py-16 text-center">
333                <h1 class="text-4xl font-bold tracking-tight text-gray-900">Retail Products</h1>
334                <p class="mx-auto mt-4 max-w-3xl text-base text-gray-500">You can purchase these immediately</p>
335            </div>
336
337            <section aria-labelledby="products-heading" class="mt-8">
338                <h2 id="products-heading" class="sr-only">Products</h2>
339
340                <div class="grid grid-cols-1 gap-y-4 sm:grid-cols-2 sm:gap-x-6 sm:gap-y-10 lg:grid-cols-3 lg:gap-x-8">
341                    <!--[if BLOCK]><![endif]-->                        <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
342                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
343                                <img src="https://media.zoop.gg/8111/conversions/01KRMA7NV77KY4D21M1MKVKA99-medium.jpg"
344                                     alt="Stardust the Super Wizard, Hardcover Anthology"
345                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
346                            </div>
347                            <div class="flex flex-1 flex-col space-y-2 p-4">
348                                <h3 class="text-sm font-medium text-gray-900">
349                                    <a href="https://zoop.gg/store/stardust-the-super-wizard-hardcover-anthology">
350                                        <span aria-hidden="true" class="absolute inset-0"></span>
351                                        Stardust the Super Wizard, Hardcover Anthology
352                                    </a>
353                                </h3>
354                                <p class="text-sm text-gray-500">by Various</p>
355                                <div class="flex flex-1 flex-col justify-end">
356                                    
357                                    <span class="text-base font-medium text-gray-900">
358    $40.00
359</span>
360                                </div>
361                            </div>
362                        </div>
363                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
364                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
365                                <img src="https://media.zoop.gg/8117/conversions/01KRMD5FW22Y35GAS959PNBWDC-medium.jpg"
366                                     alt="Stardust the Super Wizard, Hardcover Anthology SIGNED"
367                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
368                            </div>
369                            <div class="flex flex-1 flex-col space-y-2 p-4">
370                                <h3 class="text-sm font-medium text-gray-900">
371                                    <a href="https://zoop.gg/store/stardust-the-super-wizard-hardcover-anthology-signed">
372                                        <span aria-hidden="true" class="absolute inset-0"></span>
373                                        Stardust the Super Wizard, Hardcover Anthology SIGNED
374                                    </a>
375                                </h3>
376                                <p class="text-sm text-gray-500">by Various</p>
377                                <div class="flex flex-1 flex-col justify-end">
378                                    
379                                    <span class="text-base font-medium text-gray-900">
380    $60.00
381</span>
382                                </div>
383                            </div>
384                        </div>
385                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
386                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
387                                <img src="https://media.zoop.gg/7751/conversions/01KBCA0ZCK46MJDWGRE14FNKW7-medium.jpg"
388                                     alt="Switchblade Shorties - Hardcover w/Dust Jacket"
389                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
390                            </div>
391                            <div class="flex flex-1 flex-col space-y-2 p-4">
392                                <h3 class="text-sm font-medium text-gray-900">
393                                    <a href="https://zoop.gg/store/switchblade-shorties-hardcover-wdust-jacket">
394                                        <span aria-hidden="true" class="absolute inset-0"></span>
395                                        Switchblade Shorties - Hardcover w/Dust Jacket
396                                    </a>
397                                </h3>
398                                <p class="text-sm text-gray-500">by Ed Piskor</p>
399                                <div class="flex flex-1 flex-col justify-end">
400                                    
401                                    <span class="text-base font-medium text-gray-900">
402    $60.00
403</span>
404                                </div>
405                            </div>
406                        </div>
407                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
408                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
409                                <img src="https://media.zoop.gg/7761/conversions/01KBCGPRTNGF13CZH1WDEXS07G-medium.jpg"
410                                     alt="Fully Loaded SIGNED"
411                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
412                            </div>
413                            <div class="flex flex-1 flex-col space-y-2 p-4">
414                                <h3 class="text-sm font-medium text-gray-900">
415                                    <a href="https://zoop.gg/store/fully-loaded-signed">
416                                        <span aria-hidden="true" class="absolute inset-0"></span>
417                                        Fully Loaded SIGNED
418                                    </a>
419                                </h3>
420                                <p class="text-sm text-gray-500">by Jimmy Broxton</p>
421                                <div class="flex flex-1 flex-col justify-end">
422                                    
423                                    <span class="text-base font-medium text-gray-900">
424    $45.00
425</span>
426                                </div>
427                            </div>
428                        </div>
429                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
430                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
431                                <img src="https://media.zoop.gg/7752/conversions/01KBCEN6BNWDZ7BWT1ZCR995SQ-medium.jpg"
432                                     alt="Fully Loaded REMARQUED"
433                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
434                            </div>
435                            <div class="flex flex-1 flex-col space-y-2 p-4">
436                                <h3 class="text-sm font-medium text-gray-900">
437                                    <a href="https://zoop.gg/store/fully-loaded-remarqued">
438                                        <span aria-hidden="true" class="absolute inset-0"></span>
439                                        Fully Loaded REMARQUED
440                                    </a>
441                                </h3>
442                                <p class="text-sm text-gray-500">by Jimmy Broxton</p>
443                                <div class="flex flex-1 flex-col justify-end">
444                                    
445                                    <span class="text-base font-medium text-gray-900">
446    $90.00
447</span>
448                                </div>
449                            </div>
450                        </div>
451                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
452                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
453                                <img src="https://media.zoop.gg/7509/conversions/01K2GKP4DTWYKEVTAN3QR1YKXH-medium.jpg"
454                                     alt="Many Worlds - The Art of Christian Ward - Volume One"
455                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
456                            </div>
457                            <div class="flex flex-1 flex-col space-y-2 p-4">
458                                <h3 class="text-sm font-medium text-gray-900">
459                                    <a href="https://zoop.gg/store/many-worlds-the-art-of-christian-ward-volume-one">
460                                        <span aria-hidden="true" class="absolute inset-0"></span>
461                                        Many Worlds - The Art of Christian Ward - Volume One
462                                    </a>
463                                </h3>
464                                <p class="text-sm text-gray-500">by Christian Ward</p>
465                                <div class="flex flex-1 flex-col justify-end">
466                                    
467                                    <span class="text-base font-medium text-gray-900">
468    $50.00
469</span>
470                                </div>
471                            </div>
472                        </div>
473                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
474                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
475                                <img src="https://media.zoop.gg/7334/conversions/01JY4Y0GYM8D1CMA9TFWBP91RF-medium.jpg"
476                                     alt="Fargo: Hell on Wheels"
477                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
478                            </div>
479                            <div class="flex flex-1 flex-col space-y-2 p-4">
480                                <h3 class="text-sm font-medium text-gray-900">
481                                    <a href="https://zoop.gg/store/fargo-hell-on-wheels">
482                                        <span aria-hidden="true" class="absolute inset-0"></span>
483                                        Fargo: Hell on Wheels
484                                    </a>
485                                </h3>
486                                <p class="text-sm text-gray-500">by Howard Chaykin</p>
487                                <div class="flex flex-1 flex-col justify-end">
488                                    
489                                    <span class="text-base font-medium text-gray-900">
490    $40.00
491</span>
492                                </div>
493                            </div>
494                        </div>
495                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
496                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
497                                <img src="https://media.zoop.gg/7344/conversions/01JY54EJ8QFY7YQK3HSRZZ903W-medium.jpg"
498                                     alt="Time Breakers: The Collection"
499                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
500                            </div>
501                            <div class="flex flex-1 flex-col space-y-2 p-4">
502                                <h3 class="text-sm font-medium text-gray-900">
503                                    <a href="https://zoop.gg/store/time-breakers-the-collection">
504                                        <span aria-hidden="true" class="absolute inset-0"></span>
505                                        Time Breakers: The Collection
506                                    </a>
507                                </h3>
508                                <p class="text-sm text-gray-500">by Rachel Pollack &amp; Chris Weston</p>
509                                <div class="flex flex-1 flex-col justify-end">
510                                    
511                                    <span class="text-base font-medium text-gray-900">
512    $45.00
513</span>
514                                </div>
515                            </div>
516                        </div>
517                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
518                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
519                                <img src="https://media.zoop.gg/7349/conversions/01JYHM8MYTC0K7V1RX5QA4SEB9-medium.jpg"
520                                     alt="Time Breakers: The Collection SIGNED"
521                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
522                            </div>
523                            <div class="flex flex-1 flex-col space-y-2 p-4">
524                                <h3 class="text-sm font-medium text-gray-900">
525                                    <a href="https://zoop.gg/store/time-breakers-the-collection-signed">
526                                        <span aria-hidden="true" class="absolute inset-0"></span>
527                                        Time Breakers: The Collection SIGNED
528                                    </a>
529                                </h3>
530                                <p class="text-sm text-gray-500">by Rachel Pollack &amp; Chris Weston</p>
531                                <div class="flex flex-1 flex-col justify-end">
532                                    
533                                    <span class="text-base font-medium text-gray-900">
534    $65.00
535</span>
536                                </div>
537                            </div>
538                        </div>
539                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
540                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
541                                <img src="https://media.zoop.gg/7356/conversions/01JYHMHQ0BWBNN50P6B50QBZ8T-medium.jpg"
542                                     alt="Time Breakers: The Collection REMARQUED"
543                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
544                            </div>
545                            <div class="flex flex-1 flex-col space-y-2 p-4">
546                                <h3 class="text-sm font-medium text-gray-900">
547                                    <a href="https://zoop.gg/store/time-breakers-the-collection-remarqued">
548                                        <span aria-hidden="true" class="absolute inset-0"></span>
549                                        Time Breakers: The Collection REMARQUED
550                                    </a>
551                                </h3>
552                                <p class="text-sm text-gray-500">by Rachel Pollack &amp; Chris Weston</p>
553                                <div class="flex flex-1 flex-col justify-end">
554                                    
555                                    <span class="text-base font-medium text-gray-900">
556    $90.00
557</span>
558                                </div>
559                            </div>
560                        </div>
561                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
562                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
563                                <img src="https://media.zoop.gg/6792/conversions/01JFB1PJJ4QQGBR7THC6AVCCRA-medium.jpg"
564                                     alt="COVEN: A Book of 100 Witches"
565                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
566                            </div>
567                            <div class="flex flex-1 flex-col space-y-2 p-4">
568                                <h3 class="text-sm font-medium text-gray-900">
569                                    <a href="https://zoop.gg/store/coven-a-book-of-100-witches">
570                                        <span aria-hidden="true" class="absolute inset-0"></span>
571                                        COVEN: A Book of 100 Witches
572                                    </a>
573                                </h3>
574                                <p class="text-sm text-gray-500">by Richard Pace</p>
575                                <div class="flex flex-1 flex-col justify-end">
576                                    
577                                    <span class="text-base font-medium text-gray-900">
578    $25.00
579</span>
580                                </div>
581                            </div>
582                        </div>
583                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
584                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
585                                <img src="https://media.zoop.gg/6795/conversions/01JFB2W3VFD6A42WB7K6VFG1JE-medium.jpg"
586                                     alt="COVEN: A Book of 100 Witches SIGNED"
587                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
588                            </div>
589                            <div class="flex flex-1 flex-col space-y-2 p-4">
590                                <h3 class="text-sm font-medium text-gray-900">
591                                    <a href="https://zoop.gg/store/coven-a-book-of-100-witches-signed">
592                                        <span aria-hidden="true" class="absolute inset-0"></span>
593                                        COVEN: A Book of 100 Witches SIGNED
594                                    </a>
595                                </h3>
596                                <p class="text-sm text-gray-500">by Richard Pace</p>
597                                <div class="flex flex-1 flex-col justify-end">
598                                    
599                                    <span class="text-base font-medium text-gray-900">
600    $40.00
601</span>
602                                </div>
603                            </div>
604                        </div>
605                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
606                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
607                                <img src="https://media.zoop.gg/6798/conversions/01JFB36M1WCQ2HRW5YMB9DM78F-medium.jpg"
608                                     alt="COVEN: A Book of 100 Witches REMARQUED"
609                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
610                            </div>
611                            <div class="flex flex-1 flex-col space-y-2 p-4">
612                                <h3 class="text-sm font-medium text-gray-900">
613                                    <a href="https://zoop.gg/store/coven-a-book-of-100-witches-remarqued">
614                                        <span aria-hidden="true" class="absolute inset-0"></span>
615                                        COVEN: A Book of 100 Witches REMARQUED
616                                    </a>
617                                </h3>
618                                <p class="text-sm text-gray-500">by Richard Pace</p>
619                                <div class="flex flex-1 flex-col justify-end">
620                                    
621                                    <span class="text-base font-medium text-gray-900">
622    $80.00
623</span>
624                                </div>
625                            </div>
626                        </div>
627                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
628                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
629                                <img src="https://media.zoop.gg/5679/conversions/01HW9N80M7VN329SRNH15F5N1G-medium.jpg"
630                                     alt="Ax-Wielder Jon Hardcover"
631                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
632                            </div>
633                            <div class="flex flex-1 flex-col space-y-2 p-4">
634                                <h3 class="text-sm font-medium text-gray-900">
635                                    <a href="https://zoop.gg/store/ax-wielder-jon-hardcover">
636                                        <span aria-hidden="true" class="absolute inset-0"></span>
637                                        Ax-Wielder Jon Hardcover
638                                    </a>
639                                </h3>
640                                <p class="text-sm text-gray-500">by Nick Pitarra</p>
641                                <div class="flex flex-1 flex-col justify-end">
642                                    
643                                    <span class="text-base font-medium text-gray-900">
644    $40.00
645</span>
646                                </div>
647                            </div>
648                        </div>
649                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
650                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
651                                <img src="https://media.zoop.gg/5669/conversions/01HW9MPWAKR7VZGN5B0AABNSHY-medium.jpg"
652                                     alt="Ax-Wielder Jon Hardcover RETAILER VARIANT COVER"
653                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
654                            </div>
655                            <div class="flex flex-1 flex-col space-y-2 p-4">
656                                <h3 class="text-sm font-medium text-gray-900">
657                                    <a href="https://zoop.gg/store/ax-wielder-jon-hardcover-retailer-variant-cover">
658                                        <span aria-hidden="true" class="absolute inset-0"></span>
659                                        Ax-Wielder Jon Hardcover RETAILER VARIANT COVER
660                                    </a>
661                                </h3>
662                                <p class="text-sm text-gray-500">by Nick Pitarra</p>
663                                <div class="flex flex-1 flex-col justify-end">
664                                    
665                                    <span class="text-base font-medium text-gray-900">
666    $40.00
667</span>
668                                </div>
669                            </div>
670                        </div>
671                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
672                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
673                                <img src="https://media.zoop.gg/5674/conversions/01HW9MZRBB22DPYP3SKWN6VP5Z-medium.jpg"
674                                     alt="Ax-Wielder Jon Hardcover REMARQUED"
675                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
676                            </div>
677                            <div class="flex flex-1 flex-col space-y-2 p-4">
678                                <h3 class="text-sm font-medium text-gray-900">
679                                    <a href="https://zoop.gg/store/ax-wielder-jon-hardcover-remarqued">
680                                        <span aria-hidden="true" class="absolute inset-0"></span>
681                                        Ax-Wielder Jon Hardcover REMARQUED
682                                    </a>
683                                </h3>
684                                <p class="text-sm text-gray-500">by Nick Pitarra</p>
685                                <div class="flex flex-1 flex-col justify-end">
686                                    
687                                    <span class="text-base font-medium text-gray-900">
688    $80.00
689</span>
690                                </div>
691                            </div>
692                        </div>
693                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
694                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
695                                <img src="https://media.zoop.gg/5511/conversions/01HTHDEGX263DR6WXMQVBYWFP9-medium.jpg"
696                                     alt="Resolution Oversized Hardcover"
697                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
698                            </div>
699                            <div class="flex flex-1 flex-col space-y-2 p-4">
700                                <h3 class="text-sm font-medium text-gray-900">
701                                    <a href="https://zoop.gg/store/resolution-oversized-hardcover">
702                                        <span aria-hidden="true" class="absolute inset-0"></span>
703                                        Resolution Oversized Hardcover
704                                    </a>
705                                </h3>
706                                <p class="text-sm text-gray-500">by Ron Marz, Andy Lanning, Rick Leonardi and Netho Diaz</p>
707                                <div class="flex flex-1 flex-col justify-end">
708                                    
709                                    <span class="text-base font-medium text-gray-900">
710    $35.00
711</span>
712                                </div>
713                            </div>
714                        </div>
715                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
716                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
717                                <img src="https://media.zoop.gg/5553/conversions/01HTZ93XJKMBCFD3M4TEMXAZZ2-medium.jpg"
718                                     alt="Resolution Oversized Hardcover SIGNED"
719                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
720                            </div>
721                            <div class="flex flex-1 flex-col space-y-2 p-4">
722                                <h3 class="text-sm font-medium text-gray-900">
723                                    <a href="https://zoop.gg/store/resolution-oversized-hardcover-signed">
724                                        <span aria-hidden="true" class="absolute inset-0"></span>
725                                        Resolution Oversized Hardcover SIGNED
726                                    </a>
727                                </h3>
728                                <p class="text-sm text-gray-500">by Ron Marz, Andy Lanning, Rick Leonardi and Netho Diaz</p>
729                                <div class="flex flex-1 flex-col justify-end">
730                                    
731                                    <span class="text-base font-medium text-gray-900">
732    $55.00
733</span>
734                                </div>
735                            </div>
736                        </div>
737                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
738                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
739                                <img src="https://media.zoop.gg/5573/conversions/01HV9Q5E5B392RQ7WFR9YNDRM7-medium.jpg"
740                                     alt="Resolution Art Portfolio w/Set of 13 Art Prints"
741                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
742                            </div>
743                            <div class="flex flex-1 flex-col space-y-2 p-4">
744                                <h3 class="text-sm font-medium text-gray-900">
745                                    <a href="https://zoop.gg/store/resolution-set-of-13-art-prints">
746                                        <span aria-hidden="true" class="absolute inset-0"></span>
747                                        Resolution Art Portfolio w/Set of 13 Art Prints
748                                    </a>
749                                </h3>
750                                <p class="text-sm text-gray-500">by Paul Pelletier, Ron Lim, Phil Jimenez, Rick Leonardi, Bart Sears, Liam Sharp, Wes Craig, Luke Ross, Greg Broadmore, Jeff Johnson, Ant Williams, Trevor Hairsine &amp; Netho Diaz</p>
751                                <div class="flex flex-1 flex-col justify-end">
752                                    
753                                    <span class="text-base font-medium text-gray-900">
754    $40.00
755</span>
756                                </div>
757                            </div>
758                        </div>
759                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
760                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
761                                <img src="https://media.zoop.gg/5524/conversions/01HTKCJK9Q5RJ3EQ90BWMX7QDT-medium.jpg"
762                                     alt="COMICS FOR UKRAINE Hardcover (Alex Ross Cover)"
763                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
764                            </div>
765                            <div class="flex flex-1 flex-col space-y-2 p-4">
766                                <h3 class="text-sm font-medium text-gray-900">
767                                    <a href="https://zoop.gg/store/comics-for-ukraine-hardcover-alex-ross-cover">
768                                        <span aria-hidden="true" class="absolute inset-0"></span>
769                                        COMICS FOR UKRAINE Hardcover (Alex Ross Cover)
770                                    </a>
771                                </h3>
772                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
773                                <div class="flex flex-1 flex-col justify-end">
774                                    
775                                    <span class="text-base font-medium text-gray-900">
776    $60.00
777</span>
778                                </div>
779                            </div>
780                        </div>
781                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
782                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
783                                <img src="https://media.zoop.gg/5525/conversions/01HTKF1WA1XD468FDR9HKBFDSQ-medium.jpg"
784                                     alt="COMICS FOR UKRAINE Hardcover (Alex Ross Cover) - Signed by Alex Ross"
785                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
786                            </div>
787                            <div class="flex flex-1 flex-col space-y-2 p-4">
788                                <h3 class="text-sm font-medium text-gray-900">
789                                    <a href="https://zoop.gg/store/comics-for-ukraine-hardcover-signed-by-alex-ross-alex-ross-cover">
790                                        <span aria-hidden="true" class="absolute inset-0"></span>
791                                        COMICS FOR UKRAINE Hardcover (Alex Ross Cover) - Signed by Alex Ross
792                                    </a>
793                                </h3>
794                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
795                                <div class="flex flex-1 flex-col justify-end">
796                                    
797                                    <span class="text-base font-medium text-gray-900">
798    $100.00
799</span>
800                                </div>
801                            </div>
802                        </div>
803                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
804                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
805                                <img src="https://media.zoop.gg/5526/conversions/01HTKF6VW6EV6A4XZ9NAFZTYCE-medium.jpg"
806                                     alt="COMICS FOR UKRAINE Hardcover (Alex Ross Cover) - Signed by 13 creators"
807                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
808                            </div>
809                            <div class="flex flex-1 flex-col space-y-2 p-4">
810                                <h3 class="text-sm font-medium text-gray-900">
811                                    <a href="https://zoop.gg/store/comics-for-ukraine-hardcover-signed-by-13-creators-alex-ross-cover">
812                                        <span aria-hidden="true" class="absolute inset-0"></span>
813                                        COMICS FOR UKRAINE Hardcover (Alex Ross Cover) - Signed by 13 creators
814                                    </a>
815                                </h3>
816                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
817                                <div class="flex flex-1 flex-col justify-end">
818                                    
819                                    <span class="text-base font-medium text-gray-900">
820    $175.00
821</span>
822                                </div>
823                            </div>
824                        </div>
825                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
826                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
827                                <img src="https://media.zoop.gg/5527/conversions/01HTKZNKW2SCG6VQRAMK0KQNKK-medium.jpg"
828                                     alt="COMICS FOR UKRAINE Softcover (Bill Sienkiewicz Cover)"
829                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
830                            </div>
831                            <div class="flex flex-1 flex-col space-y-2 p-4">
832                                <h3 class="text-sm font-medium text-gray-900">
833                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-bill-sienkiewicz-cover">
834                                        <span aria-hidden="true" class="absolute inset-0"></span>
835                                        COMICS FOR UKRAINE Softcover (Bill Sienkiewicz Cover)
836                                    </a>
837                                </h3>
838                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
839                                <div class="flex flex-1 flex-col justify-end">
840                                    
841                                    <span class="text-base font-medium text-gray-900">
842    $40.00
843</span>
844                                </div>
845                            </div>
846                        </div>
847                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
848                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
849                                <img src="https://media.zoop.gg/5528/conversions/01HTKZSDJ65SQ1V82B0H4GJJ4E-medium.jpg"
850                                     alt="COMICS FOR UKRAINE Softcover (Arthur Adams Cover)"
851                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
852                            </div>
853                            <div class="flex flex-1 flex-col space-y-2 p-4">
854                                <h3 class="text-sm font-medium text-gray-900">
855                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-arthur-adams-cover">
856                                        <span aria-hidden="true" class="absolute inset-0"></span>
857                                        COMICS FOR UKRAINE Softcover (Arthur Adams Cover)
858                                    </a>
859                                </h3>
860                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
861                                <div class="flex flex-1 flex-col justify-end">
862                                    
863                                    <span class="text-base font-medium text-gray-900">
864    $40.00
865</span>
866                                </div>
867                            </div>
868                        </div>
869                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
870                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
871                                <img src="https://media.zoop.gg/5529/conversions/01HTKZX1RDD0V8AMSKHY7DM0JF-medium.jpg"
872                                     alt="COMICS FOR UKRAINE Softcover (Dave Johnson Cover)"
873                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
874                            </div>
875                            <div class="flex flex-1 flex-col space-y-2 p-4">
876                                <h3 class="text-sm font-medium text-gray-900">
877                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-dave-johnson-cover">
878                                        <span aria-hidden="true" class="absolute inset-0"></span>
879                                        COMICS FOR UKRAINE Softcover (Dave Johnson Cover)
880                                    </a>
881                                </h3>
882                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
883                                <div class="flex flex-1 flex-col justify-end">
884                                    
885                                    <span class="text-base font-medium text-gray-900">
886    $40.00
887</span>
888                                </div>
889                            </div>
890                        </div>
891                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
892                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
893                                <img src="https://media.zoop.gg/5530/conversions/01HTM08YGNK1AV7E66BJQTAT1V-medium.jpg"
894                                     alt="COMICS FOR UKRAINE Softcover (Bill Sienkiewicz Cover) - Signed by Bill Sienkiewicz "
895                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
896                            </div>
897                            <div class="flex flex-1 flex-col space-y-2 p-4">
898                                <h3 class="text-sm font-medium text-gray-900">
899                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-bill-sienkiewicz-cover-signed-by-bill-sienkiewicz">
900                                        <span aria-hidden="true" class="absolute inset-0"></span>
901                                        COMICS FOR UKRAINE Softcover (Bill Sienkiewicz Cover) - Signed by Bill Sienkiewicz 
902                                    </a>
903                                </h3>
904                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
905                                <div class="flex flex-1 flex-col justify-end">
906                                    
907                                    <span class="text-base font-medium text-gray-900">
908    $60.00
909</span>
910                                </div>
911                            </div>
912                        </div>
913                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
914                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
915                                <img src="https://media.zoop.gg/5531/conversions/01HTM0ES09WV9FDG0GMMVXWDT7-medium.jpg"
916                                     alt="COMICS FOR UKRAINE Softcover (Arthur Adams Cover) - Signed by Arthur Adams"
917                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
918                            </div>
919                            <div class="flex flex-1 flex-col space-y-2 p-4">
920                                <h3 class="text-sm font-medium text-gray-900">
921                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-arthur-adams-cover-signed-by-arthur-adams">
922                                        <span aria-hidden="true" class="absolute inset-0"></span>
923                                        COMICS FOR UKRAINE Softcover (Arthur Adams Cover) - Signed by Arthur Adams
924                                    </a>
925                                </h3>
926                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
927                                <div class="flex flex-1 flex-col justify-end">
928                                    
929                                    <span class="text-base font-medium text-gray-900">
930    $60.00
931</span>
932                                </div>
933                            </div>
934                        </div>
935                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
936                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
937                                <img src="https://media.zoop.gg/5532/conversions/01HTM0KF1SETDP4CCHMD23HPJV-medium.jpg"
938                                     alt="COMICS FOR UKRAINE Softcover (Dave Johnson Cover) - Signed by Dave Johnson"
939                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
940                            </div>
941                            <div class="flex flex-1 flex-col space-y-2 p-4">
942                                <h3 class="text-sm font-medium text-gray-900">
943                                    <a href="https://zoop.gg/store/comics-for-ukraine-softcover-dave-johnson-cover-signed-by-dave-johnson">
944                                        <span aria-hidden="true" class="absolute inset-0"></span>
945                                        COMICS FOR UKRAINE Softcover (Dave Johnson Cover) - Signed by Dave Johnson
946                                    </a>
947                                </h3>
948                                <p class="text-sm text-gray-500">by Scott Dunbier (Editor)</p>
949                                <div class="flex flex-1 flex-col justify-end">
950                                    
951                                    <span class="text-base font-medium text-gray-900">
952    $60.00
953</span>
954                                </div>
955                            </div>
956                        </div>
957                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
958                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
959                                <img src="https://media.zoop.gg/5649/conversions/01HW94B93JBPBAV1CSA891AXQQ-medium.jpg"
960                                     alt="Thunder Hunters"
961                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
962                            </div>
963                            <div class="flex flex-1 flex-col space-y-2 p-4">
964                                <h3 class="text-sm font-medium text-gray-900">
965                                    <a href="https://zoop.gg/store/thunder-hunters">
966                                        <span aria-hidden="true" class="absolute inset-0"></span>
967                                        Thunder Hunters
968                                    </a>
969                                </h3>
970                                <p class="text-sm text-gray-500">by Mark A. Nelson</p>
971                                <div class="flex flex-1 flex-col justify-end">
972                                    
973                                    <span class="text-base font-medium text-gray-900">
974    $36.00
975</span>
976                                </div>
977                            </div>
978                        </div>
979                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
980                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
981                                <img src="https://media.zoop.gg/5654/conversions/01HW94J0X01T463K3F8ZPHDGMV-medium.jpg"
982                                     alt="Thunder Hunters SIGNED"
983                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
984                            </div>
985                            <div class="flex flex-1 flex-col space-y-2 p-4">
986                                <h3 class="text-sm font-medium text-gray-900">
987                                    <a href="https://zoop.gg/store/thunder-hunters-signed">
988                                        <span aria-hidden="true" class="absolute inset-0"></span>
989                                        Thunder Hunters SIGNED
990                                    </a>
991                                </h3>
992                                <p class="text-sm text-gray-500">by Mark A. Nelson</p>
993                                <div class="flex flex-1 flex-col justify-end">
994                                    
995                                    <span class="text-base font-medium text-gray-900">
996    $55.00
997</span>
998                                </div>
999                            </div>
1000                        </div>
1001                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1002                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1003                                <img src="https://media.zoop.gg/5644/conversions/01HW93A2B5WQA0X3VA4TTNJMMQ-medium.jpg"
1004                                     alt="La Borinqueña Volume 1 Hardcover (Library Edition)"
1005                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1006                            </div>
1007                            <div class="flex flex-1 flex-col space-y-2 p-4">
1008                                <h3 class="text-sm font-medium text-gray-900">
1009                                    <a href="https://zoop.gg/store/la-borinquena-volume-1-hardcover-library-edition">
1010                                        <span aria-hidden="true" class="absolute inset-0"></span>
1011                                        La Borinqueña Volume 1 Hardcover (Library Edition)
1012                                    </a>
1013                                </h3>
1014                                <p class="text-sm text-gray-500">by Edgardo Miranda-Rodriguez</p>
1015                                <div class="flex flex-1 flex-col justify-end">
1016                                    
1017                                    <span class="text-base font-medium text-gray-900">
1018    $70.00
1019</span>
1020                                </div>
1021                            </div>
1022                        </div>
1023                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1024                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1025                                <img src="https://media.zoop.gg/6042/conversions/01J3F9VRV24FTQV51J8CEJP1WE-medium.jpg"
1026                                     alt="That’s Some Business You’re In"
1027                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1028                            </div>
1029                            <div class="flex flex-1 flex-col space-y-2 p-4">
1030                                <h3 class="text-sm font-medium text-gray-900">
1031                                    <a href="https://zoop.gg/store/thats-some-business-youre-in">
1032                                        <span aria-hidden="true" class="absolute inset-0"></span>
1033                                        That’s Some Business You’re In
1034                                    </a>
1035                                </h3>
1036                                <p class="text-sm text-gray-500">by Bob Fingerman</p>
1037                                <div class="flex flex-1 flex-col justify-end">
1038                                    
1039                                    <span class="text-base font-medium text-gray-900">
1040    $50.00
1041</span>
1042                                </div>
1043                            </div>
1044                        </div>
1045                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1046                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1047                                <img src="https://media.zoop.gg/5502/conversions/01HTDDR5Z86V5MY392CG4EHZXG-medium.jpg"
1048                                     alt="The Whistling Skull Hardcover"
1049                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1050                            </div>
1051                            <div class="flex flex-1 flex-col space-y-2 p-4">
1052                                <h3 class="text-sm font-medium text-gray-900">
1053                                    <a href="https://zoop.gg/store/the-whistling-skull-hardcover">
1054                                        <span aria-hidden="true" class="absolute inset-0"></span>
1055                                        The Whistling Skull Hardcover
1056                                    </a>
1057                                </h3>
1058                                <p class="text-sm text-gray-500">by Tony Harris, B. Clay Moore, Dave McCaig, Wes Abbot</p>
1059                                <div class="flex flex-1 flex-col justify-end">
1060                                    
1061                                    <span class="text-base font-medium text-gray-900">
1062    $50.00
1063</span>
1064                                </div>
1065                            </div>
1066                        </div>
1067                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1068                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1069                                <img src="https://media.zoop.gg/6954/conversions/01JKGPGZKP7P7D3ZW3A4TKSN9V-medium.jpg"
1070                                     alt="Age of Canaan"
1071                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1072                            </div>
1073                            <div class="flex flex-1 flex-col space-y-2 p-4">
1074                                <h3 class="text-sm font-medium text-gray-900">
1075                                    <a href="https://zoop.gg/store/age-of-canaan">
1076                                        <span aria-hidden="true" class="absolute inset-0"></span>
1077                                        Age of Canaan
1078                                    </a>
1079                                </h3>
1080                                <p class="text-sm text-gray-500">by Nir Levie</p>
1081                                <div class="flex flex-1 flex-col justify-end">
1082                                    
1083                                    <span class="text-base font-medium text-gray-900">
1084    $25.00
1085</span>
1086                                </div>
1087                            </div>
1088                        </div>
1089                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1090                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1091                                <img src="https://media.zoop.gg/6959/conversions/01JKGPMVB742H5Z2YXZR36J56H-medium.jpg"
1092                                     alt="Age of Canaan SIGNED"
1093                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1094                            </div>
1095                            <div class="flex flex-1 flex-col space-y-2 p-4">
1096                                <h3 class="text-sm font-medium text-gray-900">
1097                                    <a href="https://zoop.gg/store/age-of-canaan-signed">
1098                                        <span aria-hidden="true" class="absolute inset-0"></span>
1099                                        Age of Canaan SIGNED
1100                                    </a>
1101                                </h3>
1102                                <p class="text-sm text-gray-500">by Nir Levie</p>
1103                                <div class="flex flex-1 flex-col justify-end">
1104                                    
1105                                    <span class="text-base font-medium text-gray-900">
1106    $40.00
1107</span>
1108                                </div>
1109                            </div>
1110                        </div>
1111                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1112                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1113                                <img src="https://media.zoop.gg/6960/conversions/01JKGPRP1D9SP70SZSR6HPH62R-medium.jpg"
1114                                     alt="Age of Canaan REMARQUED"
1115                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1116                            </div>
1117                            <div class="flex flex-1 flex-col space-y-2 p-4">
1118                                <h3 class="text-sm font-medium text-gray-900">
1119                                    <a href="https://zoop.gg/store/age-of-canaan-reamarqued">
1120                                        <span aria-hidden="true" class="absolute inset-0"></span>
1121                                        Age of Canaan REMARQUED
1122                                    </a>
1123                                </h3>
1124                                <p class="text-sm text-gray-500">by Nir Levie</p>
1125                                <div class="flex flex-1 flex-col justify-end">
1126                                    
1127                                    <span class="text-base font-medium text-gray-900">
1128    $60.00
1129</span>
1130                                </div>
1131                            </div>
1132                        </div>
1133                                            <div class="group relative flex flex-col overflow-hidden rounded-lg border border-gray-200 bg-white">
1134                            <div class="aspect-h-4 aspect-w-3 bg-gray-200 sm:aspect-none group-hover:opacity-75 sm:h-96">
1135                                <img src="https://media.zoop.gg/5870/conversions/01J0SBMNSP97XRJ2W0WX2FBAFR-medium.jpg"
1136                                     alt="Time Dog and Other Atomic Fairytales"
1137                                     class="h-full w-full object-cover object-center sm:h-full sm:w-full">
1138                            </div>
1139                            <div class="flex flex-1 flex-col space-y-2 p-4">
1140                                <h3 class="text-sm font-medium text-gray-900">
1141                                    <a href="https://zoop.gg/store/time-dog-and-other-atomic-fairytales">
1142                                        <span aria-hidden="true" class="absolute inset-0"></span>
1143                                        Time Dog and Other Atomic Fairytales
1144                                    </a>
1145                                </h3>
1146                                <p class="text-sm text-gray-500">by Vincent Kings</p>
1147                                <div class="flex flex-1 flex-col justify-end">
1148                                    
1149                                    <span class="text-base font-medium text-gray-900">
1150    $25.00
1151</span>
1152                                </div>
1153                            </div>
1154                        </div>
1155                    <!--[if ENDBLOCK]><![endif]-->
1156                </div>
1157            </section>
1158        <!--[if ENDBLOCK]><![endif]-->
1159    </div>
1160</div>
1161            </div>
1162
1163
1164    <footer class="bg-gray-50" aria-labelledby="footer-heading">
1165        <h2 id="footer-heading" class="sr-only">Footer</h2>
1166    <div class="max-w-md mx-auto pt-12 px-4 sm:px-6 lg:pt-16 lg:px-8 sm:max-w-7xl">
1167        <div class="xl:grid xl:gap-8 xl:grid-cols-4">
1168            <div class="space-y-8 xl:col-span-1">
1169                                    <svg class="h-10 w-auto" version="1.1" viewBox="0 0 1218 481" xmlns="http://www.w3.org/2000/svg">
1170    <path fill="currentColor"
1171        d="m437 2.4772c-43.481 4.6437-84.978 10.238-115.71 45.561-30.776 35.373-30.289 79.886-30.289 124 0 34.519-3.725 71.733 7.355 105 23.086 69.313 97.297 91.153 163.64 84.83 15.096-1.438 30.836-4.519 45-10.034 11.721-4.563 22.897-10.126 33-17.691 50.175-37.57 48-96.766 48-153.1 0-30.778 2.615-63.439-7.695-93-19.849-56.912-83.742-91.922-143.3-85.561m314 0.0247c-40.535 3.5472-82.06 9.1014-111.83 40.576-34.57 36.548-34.17 81.956-34.17 128.96 0 36.544-4.005 75.042 8.695 110 23.914 65.823 97.911 85.892 161.3 79.83 15.311-1.464 30.548-4.583 45-9.883 11.191-4.104 22.334-9.705 32-16.692 51.65-37.336 49-96.383 49-153.26 0-33.396 2.653-67.078-9.053-99-20.129-54.89-84.38-85.486-140.95-80.536m272 45.536-5-39h-92v398h-926v15l83 4.91 154 9 774 45 33 2.09v-154c9.88 9.881 20.09 19.32 33 25.135 53.98 24.312 110.17-5.199 131.55-58.135 11.17-27.675 9.45-57.773 9.45-87 0-48.757 8.16-106.95-14.37-152-24.18-48.356-85.45-67.601-134.63-46.573-19.71 8.4265-31.87 22.186-46 37.573m-1001-39v93h118l-27.576 48-59.274 102-25.574 44-12.157 22-0.4182 39h263v-99h-119l83.424-142 26.576-45 13.501-24 0.499-38h-261m409 74.3c15.086-2.1748 31.485 1.2301 37.742 16.7 5.691 14.071 2.258 34.018 2.258 49v73c0 12.155 1.872 26.089-0.669 38-3.179 14.899-14.025 21.17-28.331 22.711-16.304 1.756-31.417-7.251-34.384-23.711-2.637-14.623-0.616-31.154-0.616-46v-89c0-17.803 2.481-37.598 24-40.7m314 0c13.858-1.9977 30.058 0.6729 36.482 14.7 6.68 14.589 3.518 34.37 3.518 50v73c0 13.06 1.52 27.178-1.289 40-3.105 14.166-14.273 20.171-27.711 21.714-15.131 1.736-31.066-6.075-34.483-21.714-3.69-16.888-1.517-35.804-1.517-53 0-29.97-0.719-60.04 0.015-90 0.405-16.533 6.859-32.087 24.985-34.7m323 2.0255c19.91-3.3505 31.51 12.708 33.71 30.674 1.76 14.295 0.29 29.598 0.29 44 0 27.667 0.04 55.333 0 83-0.02 14.767-6.1 34.179-23 36.85-19.11 3.02-32.35-10.692-34.71-28.85-2.07-15.851-0.29-33.015-0.29-49 0-27.971-0.68-56.038 0.01-84 0.36-14.324 8.78-30.115 23.99-32.674z" />
1172</svg>
1173                                                    <p class="text-gray-500 text-base">Crowdfunding, your way.</p>
1174                                                <span class="font-bold py-5 md:py-0">
1175                    Need to reach us?
1176                    <a href="mailto:[email protected]" class="text-primary">Send us a message.</a>
1177                    <span class="mx-1">or call us at</span>
1178                    <a href="tel:8186581076" class="text-primary">818-658-1076</a>.
1179                </span>
1180                <div class="flex space-x-6">
1181                    <a href="https://www.facebook.com/WeAreZoop/" target="_blank"
1182                       class="text-gray-400 hover:text-gray-500">
1183                        <span class="sr-only">Facebook</span>
1184                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1185                            <path fill-rule="evenodd"
1186                                  d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
1186h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
1187                                  clip-rule="evenodd" />
1188                        </svg>
1189                    </a>
1190
1191                    <a href="https://www.instagram.com/wearezoop/" target="_blank"
1192                       class="text-gray-400 hover:text-gray-500">
1193                        <span class="sr-only">Instagram</span>
1194                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1195                            <path fill-rule="evenodd"
1196                                  d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
1197                                  clip-rule="evenodd" />
1198                        </svg>
1199                    </a>
1200
1201                    <a href="https://twitter.com/wearezoop" target="_blank" class="text-gray-400 hover:text-gray-500">
1202                        <span class="sr-only">Twitter</span>
1203                        <svg class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z"/></svg>
1204                    </a>
1205
1206                    <a href="https://bsky.app/profile/wearezoop.bsky.social" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-gray-500">
1207                        <span class="sr-only">Bluesky</span>
1208                        <svg class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1209                            <path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/>
1210                        </svg>
1211                    </a>
1212                </div>
1213            </div>
1214            <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 xl:mt-0 xl:col-span-3 xl:grid-cols-3">
1215                                                                                                    <div class="grid gap-4 md:grid-cols-2 md:gap-8">
1216                                                        <div>
1217                                <h3 class="text-sm font-semibold text-gray-400 tracking-wider up
1217percase">Support</h3>
1218                                                                                                                                                                                    <ul role="list" class="mt-4 space-y-4">
1219                                                                                        <li>
1220                                                <a href="https://zoop.gg/faq"
1221                                                   class="text-base text-gray-500 hover:text-gray-900">FAQ</a>
1222                                            </li>
1223                                                                                                                                                                                                                        </ul>
1224                                                                                                </div>
1225                                                                                                                                    <div>
1226                                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>
1227                                                                                                                                                                                    <ul role="list" class="mt-4 space-y-4">
1228                                                                                        <li>
1229                                                <a href="/about-us"
1230                                                   class="text-base text-gray-500 hover:text-gray-900">About</a>
1231                                            </li>
1232                                                                                                                                                                                                                                                                                                                    </div>
1233                                                    </div>
1234                                                                                                                        <div class="grid gap-4 md:grid-cols-2 md:gap-8">
1235                                                        <div>
1236                                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3>
1237                                                                                                                                                                                    <ul role="list" class="mt-4 space-y-4">
1238                                                                                        <li>
1239                                                <a href="/terms-of-service"
1240                                                   class="text-base text-gray-500 hover:text-gray-900">User Terms</a>
1241                                            </li>
1242                                                                                                                                                                                                                                                                                                                                                                        <li>
1243                                                <a href="/terms-of-service-client"
1244                                                   class="text-base text-gray-500 hover:text-gray-900">Client Terms</a>
1245                                            </li>
1246                                                                                                                                                                                                                                                                                                                                                                        <li>
1247                                                <a href="/privacy-policy"
1248                                                   class="text-base text-gray-500 hover:text-gray-900">Privacy</a>
1249                                            </li>
1250                                                                                                                                                                                                                        </ul>
1251                                                                                                </div>
1252                                                                        </div>
1253        </div>
1254        <div class="mt-12 border-t border-gray-200 py-8 lg:col-span-3">
1255            <p class="text-base text-gray-400 xl:text-center">
1256                &copy; 2026 Zoop Collective, Inc. All rights reserved.
1257                            </p>
1258        </div>
1259    </div>
1260</footer>
1261<!-- Scripts -->
1262<link rel="preload" as="style" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-CvRwqrEO.css" /><link rel="modulepreload" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-C19okJNw.js" /><link rel="stylesheet" href="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-CvRwqrEO.css" data-navigate-track="reload" />
1262<script type="module" src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/build/assets/app-C19okJNw.js" data-navigate-track="reload"></script>
1262<script>
1263        window.filamentData = []    </script>
1263
1264
1265            
1266            
1266<script
1267                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/pboivin/filament-peek/filament-peek.js?v=2.2.9.0"
1268                
1269                
1270                
1271                
1272                
1273                
1274            ></script>
1274
1275        
1276                
1277            
1277<script
1278                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/pboivin/filament-peek/filament-peek.js?v=2.2.9.0"
1279                
1280                
1281                
1282                
1283                
1284                
1285            ></script>
1285
1286        
1287                
1288            
1288<script
1289                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/filament/notifications/notifications.js?v=3.2.115.0"
1290                
1291                
1292                
1293                
1294                
1295                
1296            ></script>
1296
1297        
1298                
1299            
1299<script
1300                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/filament/support/async-alpine.js?v=3.2.115.0"
1301                
1302                
1303                
1304                
1305                
1306                
1307            ></script>
1307
1308        
1309                
1310            
1310<script
1311                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/filament/support/support.js?v=3.2.115.0"
1312                
1313                
1314                
1315                
1316                
1317                
1318            ></script>
1318
1319        
1320                
1321            
1321<script
1322                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/filament-daterangepicker-filter/filament-daterangepicker-filter2.8.0.0.js?v=3.2.115.0"
1323                
1324                
1325                
1326                
1327                
1328                
1329            ></script>
1329
1330        
1331                
1332            
1332<script
1333                src="https://cdn.jsdelivr.net/npm/[email protected]/tinymce.min.js"
1334                
1335                
1336                
1337                
1338                
1339                
1340            ></script>
1340
1341        
1342                
1343            
1343<script
1344                src="https://d3dre2q6txc8ed.cloudfront.net/a7d386d7-16aa-4439-9dc2-78171ea30543/js/mohamedsabil83/filament-forms-tinyeditor/tiny-editor.js?v=2.3.2.0"
1345                
1346                
1347                
1348                
1349                
1350                
1351            ></script>
1351
1352        
1353                                                                                                                                                                                                                                                                            
1354<style>
1355    :root {
1356            }
1357</style>
1358<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"trQGJmKMGUlt2gAa9DbNbVpJep5oV0KiC6Qrk48T","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
1358
1359<div wire:snapshot="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;hSoQc2MEDEzUiG5C3tHE&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;path&quot;:&quot;store\/listing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;e8316cb4d725451bc23f07b26b25c4a5cf086a9839081444c3ac425f6730bc00&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="hSoQc2MEDEzUiG5C3tHE">
1360    <!--[if BLOCK]><![endif]-->        
1360<script>(()=>{var t,e={331:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(!t)return;if("string"==typeof t)return e(t,o);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,o)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closeModal(!0)},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden'], textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)}
1360)))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},754:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={387:0,109:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[109],(()=>n(331)));var i=n.O(void 0,[109],(()=>n(754)));i=n.O(i)})();</script>
1360
1361    <!--[if ENDBLOCK]><![endif]-->
1362    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1363
1364    <div
1365            x-data="LivewireUIModal()"
1366            x-on:close.stop="setShowPropertyTo(false)"
1367            x-on:keydown.escape.window="closeModalOnEscape()"
1368            x-show="show"
1369            class="fixed inset-0 z-50 overflow-y-auto"
1370            style="display: none;"
1371    >
1372        <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
1373            <div
1374                    x-show="show"
1375                    x-on:click="closeModalOnClickAway()"
1376                    x-transition:enter="ease-out duration-300"
1377                    x-transition:enter-start="opacity-0"
1378                    x-transition:enter-end="opacity-100"
1379                    x-transition:leave="ease-in duration-200"
1380                    x-transition:leave-start="opacity-100"
1381                    x-transition:leave-end="opacity-0"
1382                    class="fixed inset-0 transition-all transform"
1383            >
1384                <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
1385            </div>
1386
1387            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
1388
1389            <div
1390                    x-show="show && showActiveComponent"
1391                    x-transition:enter="ease-out duration-300"
1392                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1393                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1394                    x-transition:leave="ease-in duration-200"
1395                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1396                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1397                    x-bind:class="modalWidth"
1398                    class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
1399                    id="modal-container"
1400                    x-trap.noscroll.inert="show && showActiveComponent"
1401                    aria-modal="true"
1402            >
1403                <!--[if BLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
1404            </div>
1405        </div>
1406    </div>
1407</div>
1408<div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;S72jqd1SaGngF1nSPVWb&quot;,&quot;name&quot;:&quot;notifications&quot;,&quot;path&quot;:&quot;store\/listing&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;
1408625502858db5192e6eb981c8eff49d790e99d4a5481f91c261c179748c2c7807&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}" wire:id="S72jqd1SaGngF1nSPVWb">
1409    <div
1410        class="fi-no pointer-events-none fixed inset-4 z-50 mx-auto flex gap-3 items-center flex-col justify-end"
1411        role="status"
1412    >
1413        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1414    </div>
1415
1416    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1417</div>
1418
1419    
1419<script>
1420      document.addEventListener("livewire:init", () => {
1421        Livewire.hook("request", ({
1422                                    fail
1423                                  }) => {
1424          fail(({
1425                  status,
1426                  preventDefault
1427                }) => {
1428            if (status === 419) {
1429              window.location.reload();
1430            } else {
1431              new window.FilamentNotification().title("Something went wrong").body(
1432                "if this issue persists please let us know.").danger().send();
1433            }
1434            preventDefault();
1435          });
1436        });
1437      });
1438    </script>
1438
1439</body>
1440
1441</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.