Do not sell or share my personal information

<!DOCTYPE html> <html class="no-js" lang="en"> <head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="apple-touch-icon" sizes="180x180" href="//www.fangamer.com/cdn/shop/t/59/assets/apple-touch-icon.png?v=17250463774996058071692224301"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-32x32.png?v=86409261548028616111696378380" sizes="32x32"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-16x16.png?v=49246750899188900791696378379" sizes="16x16"> <link rel="manifest" href="//www.fangamer.com/cdn/shop/t/59/assets/manifest.json?41060"> <link rel="mask-icon" href="//www.fangamer.com/cdn/shop/t/59/assets/safari-pinned-tab.svg?v=72459585493950780111692224306" color="#70d800"> <meta name="apple-mobile-web-app-title" content="Fangamer"> <meta name="application-name" content="Fangamer"> <meta name="theme-color" content="#052f47"> <link rel="canonical" href="https://www.fangamer.com/pages/ccpa-opt-out"> <title>Do not sell or share my personal information - Fangamer</title> <meta name="description" content="As described in our Privacy Policy, we collect personal information from your interactions with us and our website, including through cookies and similar technologies. We may also share this personal information with third parties, including advertising partners. We do this in order to show you ads on other websites th" /> <meta name="og:description" content="As described in our Privacy Policy, we collect personal information from your interactions with us and our website, including through cookies and similar technologies. We may also share this personal information with third parties, including advertising partners. We do this in order to show you ads on other websites th" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:title" content="Do not sell or share my personal information" /> <meta name="twitter:title" content="Do not sell or share my personal information" /> <meta name="twitter:site" content="@fangamer" /> <meta name="google-site-verification" content="3_PtS4cHjf9IV68oiD7WgMGBaxlrXEu-uQGWHK-aVWo" /> <meta name="google-site-verification" content="GEKVjIQjSGePPZVk3ESd-bc19ahlBt81Gu385OT132M" /> <meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk" /> <style data-shopify> @font-face { font-display: optional; font-family: Montserrat Variable; font-style: normal; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2") format("woff2"); } @font-face { font-display: optional; font-family: Montserrat Variable; font-style: italic; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2") format("woff2"); } </style> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-CP-eR4K0.css" rel="stylesheet" type="text/css" media="all" /> <script src="//www.fangamer.com/cdn/shop/t/59/assets/main-Dpp0eE8N.js" type="module" crossorigin="anonymous"></script> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-WqIZEPjk.css" rel="stylesheet" type="text/css" media="all" /> <script>document.documentElement.className = 'js';</script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk"> <meta name="facebook-domain-verification" content="575ddd2gy0dplhmh14xlah9vs8kr0z"> <meta name="google-site-verification" content="hnRoQpnEcCJEB9N8ySupjw_75gkDoAsXfCcA1KY1qEA"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/141962/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="b3f998e5bcde1fc6f0acb5aee119dea5"> <meta id="in-context-paypal-metadata" data-shop-id="141962" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" hreflang="x-default" href="https://www.fangamer.com/pages/ccpa-opt-out"> <link rel="alternate" hreflang="ja-US" href="https://jp.fangamer.com/pages/ccpa-opt-out"> <link rel="alternate" hreflang="en-US" href="https://www.fangamer.com/pages/ccpa-opt-out"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=141962" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":141962,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/141962","merchantName":"Fangamer","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Fangamer","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"b3f998e5bcde1fc6f0acb5aee119dea5","betas":["rich-media-storefront-analytics"],"domain":"www.fangamer.com","predictiveSearch":true,"shopId":141962,"smart_payment_buttons_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "fangamer.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Fangamer V6","id":130718203961,"schema_name":"Fangamer","schema_version":"6.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.fangamer.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_tjnbtH5M.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Cfu9_-Rl.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_B_lmdBKl.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_BCNWVHSd.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_C_Ma2Dh4.en.esm.js","modules/v2/client.shop-login-button_CTzri0rQ.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CEAHwjrw.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_CTzri0rQ.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DThjQXXc.en.esm.js","modules/v2/client.shop-login-button_CTzri0rQ.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"pay-button":["modules/v2/client.pay-button_B1GkDoqw.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_YCkIq4Ku.en.esm.js","modules/v2/client.shop-login-button_CTzri0rQ.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DIIxfJg9.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DwczjgoP.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"],"payment-terms":["modules/v2/client.payment-terms_9OQNt15m.en.esm.js","modules/v2/chunk.common_Emer7d-7.esm.js","modules/v2/chunk.modal_onirEDew.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/scripts.juniphq.com\/v1\/junip_shopify.js?shop=fangamer.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":141962,"offset":-25200,"reqid":"5608054f-36a7-4bf2-93d1-3331dda77a95-1740660172","pageurl":"www.fangamer.com\/pages\/ccpa-opt-out","s":"pages-88409079865","u":"ea96ffff4cfa","p":"page","rtyp":"page","rid":88409079865};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://www.fangamer.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script> <link rel="stylesheet" media="screen" href="https://www.fangamer.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 141962,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 141962,storefrontBaseUrl: "https://www.fangamer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Fangamer","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"fangamer.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.fangamer.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.fangamer.com/cdn","91ca3b316ec4b11dfa43953e22321a572bfd898d","fd4c30bewb0c33e81p949af984m6c3bb5d2",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":88409079865}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 141962, theme_id: 130718203961, app_name: "storefront", context_url: window.location.href, source_url: "//www.fangamer.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.fangamer.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.fangamer.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":141962,"isMerchantRequest":null,"themeId":130718203961,"themeCityHash":"13893853772355052149","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":88409079865,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.fangamer.com/cdn/shopifycloud/shopify/assets/shop_events_listener-bbbf3223c550be0dd72914a2fa06aaa88eb8943e96f9ea31fb63e7e27e0f97f4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://www.fangamer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="141962" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="130718203961" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="bg-fangamer-background" data-controller="plausible" data-market="us"> <header id="header"> <nav id="nav_top" class="fixed w-full z-50 bg-fangamer-darkblue shadow shadow-gray-900/50" data-controller="megamenu drawer" data-megamenu-target="nav" data-action="product:openDrawer@window->drawer#expandById beforeCache@document->drawer#close"> <a id="skip_to_content" href="#main" class="motion-safe:transition left-0 bg-access-green text-fangamer-background rounded-lg absolute p-2 m-2 -translate-y-16 focus:translate-y-0" data-turbo="false">Skip to Content</a> <div id="nav_navbar" class="flex items-center bg-fangamer-darkblue"> <button class="nav-icon flex shrink-0 items-center w-navbar h-navbar justify-center text-2xl text-fangamer-green lg:hidden hover:!text-fangamer-background hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_menu" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <span class="sr-only">Open main menu</span> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> </button> <a id="nav_logo" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-navbar fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green hidden md:block" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <a id="nav_icon" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-navbar fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green block md:hidden" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.05 50.05" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="mark" d="M47.55,0H23.77a9.6,9.6,0,0,0-6.25,2.5l-15,15A9.56,9.56,0,0,0,0,23.77V47.55a2.45,2.45,0,0,0,2.5,2.5H26.28a9.6,9.6,0,0,0,6.26-2.5l15-15a9.6,9.6,0,0,0,2.5-6.26V2.5A2.45,2.45,0,0,0,47.55,0Zm0,9.28a1.36,1.36,0,0,1-1.36,1.36H40.77A1.33,1.33,0,0,0,39.41,12v5.41a1.33,1.33,0,0,0,1.36,1.36h5.42a1.36,1.36,0,0,1,1.36,1.36v5.42a1.35,1.35,0,0,1-1.36,1.35H40.77a1.33,1.33,0,0,0-1.36,1.36v5.42A1.35,1.35,0,0,1,38.06,35H32.64a1.36,1.36,0,0,1-1.36-1.36V28.26a1.33,1.33,0,0,0-1.35-1.36H24.51a1.35,1.35,0,0,1-1.36-1.35V20.13a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V12a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V3.86A1.36,1.36,0,0,1,40.77,2.5h5.42a1.36,1.36,0,0,1,1.36,1.36Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <div id="nav_menu" class="items-center justify-between hidden w-auto lg:flex"> <ul class="flex"> <li> <a href="/collections/new-and-featured" id="nav_catalog_toggle" class="menu group flex items-center justify-between w-full h-navbar px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Catalog" data-megamenu-target="button" data-megamenu-element-param="nav_catalog" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Catalog <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> <li> <a href="/collections" id="nav_collections_toggle" class="menu group flex items-center justify-between w-full h-navbar px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Collections" data-megamenu-target="button" data-megamenu-element-param="nav_collections" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Collections <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> </ul> </div> <div id="nav_catalog" class="absolute left-0 right-0 top-navbar bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Catalog</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-2 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg !text-fangamer-background rounded-lg hover:!text-access-blue-900 hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block flex-grow">New & Featured</span> </a> </li> <li> <a href="/collections/new" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/apparel" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Apparel</span> </a> </li> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/video-games" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Games</span> </a> </li> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes & Figures</span> </a> </li> <li> <a href="/collections/plushes" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Home & Office</span> </a> </li> <li> <a href="/collections/home-goods" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/books" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Books</span> </a> </li> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/music" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Music & Video</span> </a> </li> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Art & Posters</span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/accessories" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> </a> </li> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </div> <div id="nav_collections" class="absolute left-0 right-0 top-navbar bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Collections</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-4 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Collections</span> </a> </li> <li> <a href="/collections#games" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Themes</span> </a> </li> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-background group-hover:!text-access-blue-900">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="grid grid-cols-5 gap-2 col-span-4" data-debug-target="collection" data-section="Desktop Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Desktop Menu", "location":"Slot 1"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Desktop Menu", "location":"Slot 2"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Desktop Menu", "location":"Slot 3"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Desktop Menu", "location":"Slot 4"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Desktop Menu", "location":"Slot 5"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Desktop Menu", "location":"Slot 6"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Desktop Menu", "location":"Slot 7"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Desktop Menu", "location":"Slot 8"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Desktop Menu", "location":"Slot 9"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Desktop Menu", "location":"Slot 10"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/hd2_primary_logo_mono_2.svg?v=1719008421" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Helldivers 2" aria-label="Helldivers 2" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/signalis" style="background-color: #d90000" aria-label="SIGNALIS Official Collection" data-plausible-props-param='{"title":"SIGNALIS", "section":"Desktop Menu", "location":"Slot 11"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/Signalis_Logo_Full_Black_2.svg?v=1727471377" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="SIGNALIS" aria-label="SIGNALIS" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/celeste" style="background-color: #81cce3" aria-label="Celeste Official Collection" data-plausible-props-param='{"title":"Celeste", "section":"Desktop Menu", "location":"Slot 12"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-celeste_new.svg?v=1692130883" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Celeste" aria-label="Celeste" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/elden-ring" style="background-color: #866600" aria-label="ELDEN RING Official Collection" data-plausible-props-param='{"title":"Elden Ring", "section":"Desktop Menu", "location":"Slot 13"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-elden-ring_new.svg?v=1692131251" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="ELDEN RING" aria-label="ELDEN RING" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hades" style="background-color: #850a00" aria-label="Hades Official Collection" data-plausible-props-param='{"title":"Hades", "section":"Desktop Menu", "location":"Slot 14"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-hades_new.svg?v=1692131269" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Hades" aria-label="Hades" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/off" style="background-color: #ff2f4d" aria-label="OFF Official Collection" data-plausible-props-param='{"title":"OFF", "section":"Desktop Menu", "location":"Slot 15"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/OFF-vector-logo.svg?v=1734627837" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="OFF" aria-label="OFF" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/cult-of-the-lamb" style="background-color: #ff0000" aria-label="Cult of the Lamb Official Collection" data-plausible-props-param='{"title":"Cult of the Lamb", "section":"Desktop Menu", "location":"Slot 16"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/CotL-Logo-compressed.svg?v=1678485529" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Cult of the Lamb" aria-label="Cult of the Lamb" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/capcom" style="background-color: #ffcf40" aria-label="Capcom Official Collection" data-plausible-props-param='{"title":"Capcom", "section":"Desktop Menu", "location":"Slot 17"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-capcom_new.svg?v=1692130930" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Capcom" aria-label="Capcom" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/playstation" style="background-color: #1984ff" aria-label="PlayStation Official Collection" data-plausible-props-param='{"title":"PlayStation", "section":"Desktop Menu", "location":"Slot 18"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-playstation_new.svg?v=1692131065" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="PlayStation" aria-label="PlayStation" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/atlus" style="background-color: #ff1717" aria-label="Atlus Official Collection" data-plausible-props-param='{"title":"Atlus", "section":"Desktop Menu", "location":"Slot 19"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-atlus_new.svg?v=1692130971" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Atlus" aria-label="Atlus" /> </div> </a> </li> <li> <a class="group flex items-center justify-center w-full aspect-2/1 rounded-lg lazyload bg-access-blue-800 max-md:active:scale-95" href="/collections"> <div class="flex items-center justify-center w-full h-full rounded bg-fangamer-background-darker transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-10 text-access-blue-900 transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">and more!</span> </div> </a> </li> </ul> </div> </div> <div id="nav_links" class="hidden lg:flex justify-end ml-auto lg:mr-1 lg:ml-8 xl:ml-16 w-auto xl:flex-grow"> <ul class="flex"> <li class="relative"> <a id="nav_more_toggle" class="group flex justify-center items-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green text-fangamer-background font-extrabold uppercase hover:text-fangamer-darkblue [&.active]:bg-fangamer-green [&.active]:text-fangamer-darkblue" href="/pages/help" aria-expanded="false" aria-label="More" data-megamenu-target="button" data-megamenu-element-param="nav_more" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle"> <svg class="w-3 h-3 mr-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> More </a> <div id="nav_more" class="absolute top-8 -left-8 px-8 pb-4 pt-1 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <ul class="menu space-y-1 p-2 bg-fangamer-background w-48 border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow !text-fangamer-body group-hover:!text-fangamer-background">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </li> <li> <a class="group flex justify-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green" href="/account/login"> <div class="flex items-center justify-center w-5 h-5 mr-1" aria-hidden="true"> <span class="nav-icon icon-[fa6-solid--user] text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="text-fangamer-background font-extrabold uppercase group-hover:text-fangamer-darkblue">Login</span> </a> </li> </ul> </div> <form id="nav_search_form" class="relative flex-grow" autocomplete="off" autocorrect="off" spellcheck="false" action="/search" method="get" role="search" data-controller="search" data-action="keydown.esc->search#clearSearch submit->search#fullSearch beforeCache@document->search#hide"> <label class="sr-only" for="nav_search">Search</label> <input id="nav_search" class="form-control w-full h-navbar border-none pr-20 pl-4" name="q" type="text" aria-label="Search" placeholder="Search" data-search-target="queryField" data-action="search#search focus->search#search keydown.down->search#nextResult" data-turbo-permanent /> <input type="hidden" name="type" value="product" /> <input type="hidden" name="options[unavailable_products]" value="show" /> <button id="nav_clear_button" class="hidden flex absolute right-10 lg:right-12 top-0 bottom-0 w-10 items-center justify-center text-access-red-700 hover:text-access-red-500" type="button" aria-label="Clear Query" data-search-target="clearButton" data-action="search#clearSearch" data-turbo-permanent> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> <button id="nav_search_button" class="flex absolute right-0 top-0 bottom-0 w-10 lg:w-12 items-center justify-center text-fangamer-muted cursor-text [&.active]:cursor-pointer [&.active]:text-fangamer-darkblue [&.active]:hover:text-fangamer-green" type="submit" aria-label="Submit Search" data-search-target="searchButton" data-turbo-permanent> <span class="icon-[fa6-solid--magnifying-glass]" aria-hidden="true"></span> </button> <div id="nav_search_results" class="hidden fixed md:absolute top-navbar md:mt-2 left-0 right-0 bg-white rounded-b md:rounded-t z-50 shadow-lg shadow-black/20" data-search-target="resultsBox"> <div class="flex items-center justify-center w-full h-16 text-fangamer-muted shadow-inner md:shadow-none shadow-black/20" data-search-target="loader"> <span class="icon-[fa6-solid--circle-notch] animate-spin"></span> </div> <div id="nav_search_result_list" class="empty:hidden shadow-inner md:shadow-none shadow-black/20" data-search-target="resultsList"></div> </div> </form> <a id="nav_cart_button" href="/cart" class="group lg:pl-1 flex flex-row h-navbar items-center hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_cart" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <div id="nav_cart_icon" class="relative flex w-navbar h-navbar justify-center items-center shrink-0" data-turbo-permanent> <span class="sr-only">Show Cart: 0 items</span> <span class="cart-item-count z-10 font-semibold text-fangamer-darkblue text-xs ml-1 mb-2" aria-hidden="true"> </span> <div class="nav-icon absolute flex items-center justify-center w-full h-full p-2 text-2xl text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> </div> <span class="hidden lg:inline uppercase font-extrabold text-lg text-fangamer-background -ml-1 mr-4 group-hover:text-fangamer-darkblue" aria-hidden="true">Cart</span> </a> </div> <nav id="nav_drawer_menu" class="fixed top-0 left-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-drawer -translate-x-full" data-drawer-target="menu" aria-labelledby="nav_drawer_menu_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close"> <div class="flex sticky top-0 z-50 items-center justify-center w-full h-navbar bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 id="nav_drawer_menu_label" class="flex items-center gap-2 font-bold uppercase"> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> <span>Menu</span> </h2> <button class="flex items-center justify-center absolute right-0 top-0 h-navbar w-navbar text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-1"> <li> <a id="nav_button_login" href="/account/login" class="flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--user] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Login</span> </a> </li> <ul class="space-y-1 mb-1" data-controller="collapse"> <li> <a id="nav_button_more" href="/pages/help" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_more"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--circle-question] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">More</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_more" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_more"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </ul> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-2 bg-fangamer-darkblue rounded-lg" data-controller="collapse"> <li> <a id="nav_button_new-featured" href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_new-featured"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green group-hover:text-fangamer-background" aria-hidden="true"></span> </div> <span class="block flex-grow">New & Featured</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-background pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_new-featured" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_new-featured"> <li> <a href="/collections/new" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_apparel" href="/collections/apparel" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_apparel"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Apparel</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_apparel" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_apparel"> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Apparel</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_games" href="/collections/video-games" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_games"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Games</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_games" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_games"> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_plushes-figures" href="/collections/plushes-and-figurines" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_plushes-figures"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Plushes & Figures</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_plushes-figures" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_plushes-figures"> <li> <a href="/collections/plushes" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Plushes & Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_home-office" href="/collections/home-and-office" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_home-office"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Home & Office</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_home-office" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_home-office"> <li> <a href="/collections/home-goods" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Home & Office</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_books" href="/collections/books" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_books"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Books</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_books" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_books"> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_music-video" href="/collections/music" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_music-video"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Music & Video</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_music-video" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_music-video"> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/music" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Music & Video</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_art-posters" href="/collections/art-posters" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_art-posters"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Art & Posters</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_art-posters" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_art-posters"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Art & Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_accessories" href="/collections/accessories" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_accessories"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Accessories</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_accessories" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_accessories"> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">All Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </div> <div class="pt-2 px-2 pb-20"> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_collections" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_collections"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Collections</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_collections" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_collections"> <li> <a href="/collections#games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_themes" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_themes"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block flex-grow">Themes</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_themes" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_themes"> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block flex-grow font-semibold">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="mt-2 mb-6 grid grid-cols-2 gap-2" data-debug-target="collection" data-section="Mobile Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Mobile Menu", "location":"Slot 1"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Mobile Menu", "location":"Slot 2"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Mobile Menu", "location":"Slot 3"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Mobile Menu", "location":"Slot 4"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Mobile Menu", "location":"Slot 5"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Mobile Menu", "location":"Slot 6"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Mobile Menu", "location":"Slot 7"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Mobile Menu", "location":"Slot 8"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Mobile Menu", "location":"Slot 9"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Mobile Menu", "location":"Slot 10"}' data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded"> <img src="//www.fangamer.com/cdn/shop/files/hd2_primary_logo_mono_2.svg?v=1719008421" class="card-vector-logo h-full object-contain transition-all group-hover:invert group-hover:duration-0 group-active:invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6" alt="Helldivers 2" aria-label="Helldivers 2" /> </div> </a> </li> <a href="/collections" class="col-span-full w-full text-center p-2 uppercase font-bold rounded-br-lg rounded-bl-lg text-fangamer-link hover:text-fangamer-link-hover bg-fangamer-background-darker">View all games <span class="icon-[fa6-solid--chevron-right] text-xs"></span></a> </li> </ul> </div> </nav> <nav id="nav_drawer_cart" class="fixed top-0 right-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-drawer translate-x-full" data-drawer-target="menu" aria-labelledby="nav_drawer_cart_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close"> <div id="nav_drawer_cart_label" class="flex sticky top-0 z-50 items-center justify-center w-full h-navbar bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 class="flex items-center gap-2 font-bold uppercase"> <div class="relative flex items-center justify-center text-2xl"> <span class="cart-item-count absolute w-full z-10 font-semibold text-fangamer-darkblue text-xs text-center pb-2 pl-1" aria-hidden="true"></span> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> <span>Cart</span> </h2> <button class="flex items-center justify-center absolute left-0 top-0 h-navbar w-navbar text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div id="nav_cart_items_container" class="flex flex-col pb-20"> <div id="shopify-section-cart-header" class="shopify-section"><div id="cart_header" class="empty:hidden" data-turbo-permanent></div> </div> <div id="shopify-section-cart-items" class="shopify-section"><div id="cart_items_container" class="group" data-controller="cart" data-turbo-permanent> <ol id="cart_items" class="flex flex-col w-full text-fangamer-body overflow-x-hidden empty:hidden" data-bonus=""></ol><div class="hidden w-fit m-2 p-2 flex gap-x-2 items-center rounded-lg border-2 border-fangamer-green-200 bg-fangamer-green-100 text-fangamer-green-900" data-cart-target="discountCookieContainer"> <span class='icon-[fg--sale] text-4xl mx-2 shrink-0'></span> <div> Discount code will be applied at checkout: <div class="flex pl-2 py-1 mt-1 gap-2 border-2 border-fangamer-green-200 bg-fangamer-green-50 rounded-lg"> <span class="flex-grow font-bold" data-cart-target="discountCookieCode"></span> <button class="text-access-red-600 hover:text-access-red-500 h-4 p-[0.2rem] px-2 js" data-action="click->cart#clearDiscountCode:prevent" aria-label="Clear discount code"><span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span></button> </div> </div> </div><div class="py-12 flex flex-col text-center justify-center"> <div class="flex items-center justify-center mb-8 text-transparent"> <img src="//www.fangamer.com/cdn/shop/t/59/assets/fang-cart.svg?v=9210649339761175491716499940" class="w-42 h-36 object-contain" width="1522" height="1257" alt="Fang with an empty shopping cart, with a bubble saying '0'" /> </div> <p class="mb-4">Your cart is empty!</p> <a class="text-fangamer-link hover:text-fangamer-link-hover hidden group-[.big-cart]:inline" href="/">Continue shopping &rsaquo;</a> <button class="text-fangamer-link hover:text-fangamer-link-hover js group-[.big-cart]:hidden" data-drawer-target="closeButton" data-action="click->drawer#close:prevent">Continue shopping &rsaquo;</button> </div></div> </div> <div id="shopify-section-cart-footer" class="shopify-section"><div id="cart_footer" class="group scroll-mt-navbar text-fangamer-body empty:hidden" data-controller="cart" data-turbo-permanent></div> </div> <div id="shopify-section-cart-recommendations" class="shopify-section"><div id="cart_recommendations" class="lazyload empty:hidden"></div> </div> </div> </nav> <div id="nav_backdrop" class="hidden bg-gray-900 bg-opacity-50 fixed inset-0 z-30" data-drawer-target="backdrop" data-action="click->drawer#close" aria-hidden="true"></div> </nav> </header> <main id="main" class="pt-navbar"><div id="shopify-section-template--15923379732537__main" class="shopify-section"><div class="bg-fangamer-teal md:pt-8 pb-12 bg-[length:300px]" style="background-image: url('//www.fangamer.com/cdn/shop/t/59/assets/bg-gametime.png?v=41837159149954897181692659587')"> <article class="container px-4 lg:px-6 max-w-2xl shadow-2xl shadow-black/25 bg-fangamer-background rounded-b-xl md:rounded-t-xl py-4"> <h2 class="text-2xl font-bold mb-6">Do not sell or share my personal information</h2> <div class="prose pb-4"> <link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/shopifycloud/privacy-banner/data-sale-opt-out.css"> <meta charset="utf-8"> <p>As described in our Privacy Policy, we collect personal information from your interactions with us and our website, including through cookies and similar technologies. We may also share this personal information with third parties, including advertising partners. We do this in order to show you ads on other websites that are more relevant to your interests and for other reasons outlined in our privacy policy.</p> <p>Sharing of personal information for targeted advertising based on your interaction on different websites may be considered "sales", "sharing", or "targeted advertising" under certain U.S. state privacy laws. Depending on where you live, you may have the right to opt out of these activities. If you would like to exercise this opt-out right, please follow the instructions below.</p> <p>If you visit our website with the Global Privacy Control opt-out preference signal enabled, depending on where you are, we will treat this as a request to opt-out of activity that may be considered a “sale” or “sharing” of personal information or other uses that may be considered targeted advertising for the device and browser you used to visit our website.</p> <div id="pc--optOutFormContainer" data-not-applicable='To opt out of the "sale" or "sharing" of your personal information collected using cookies and other device-based identifiers as described above, you must be browsing from one of the applicable US states referred to above.' data-form-description='If you would like to opt out of activity that may be considered a "sale" or "share," or "targeted advertising", please submit your email.' data-email-label="Email" data-success="Opted-out successfully" data-error="A problem occurred, try submitting your email again>"></div> <script src="https://cdn.shopify.com/shopifycloud/privacy-banner/data-sale-opt-out.js" defer></script> <script src="https://js.hcaptcha.com/1/api.js?onload=optOutOnLoad" defer></script> </div> </article> </div> </div> </main> <footer id="footer" class="-mt-4"> <div id="footer_news" class="bg-fangamer-darkblue-800 text-fangamer-background pt-8 pb-12 shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="grid gap-x-8 xl:gap-x-16 grid-cols-1 lg:grid-cols-3 container px-4 lg:px-6"> <div class="lg:col-span-2"> <div class="flex items-center mb-4"> <h3 class="flex-grow font-black text-2xl text-fangamer-background uppercase"><span class="icon-[fg--star] text-fangamer-green text-xl mr-2" aria-hidden="true"></span>Recent Updates</h3> <a href="/blogs/news" class="text-sm px-3 py-1 ml-2 shrink-0 rounded-lg uppercase font-extrabold text-fangamer-background bg-fangamer-green-700 hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="View All Recent Updates">View All</a> </div> <div class="grid gap-x-6 xl:gap-x-12 grid-cols-1 lg:grid-cols-2"> <div class="group dark block"> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/stardew-valley-hollow-knight-homestar-runner" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-stardew-valley-hollow-knight-homestar-runner" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-468-120_4631c78b-fc38-4bdb-90eb-798a1b9c7759.png?v=1740184511&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-468-120_4631c78b-fc38-4bdb-90eb-798a1b9c7759.png?v=1740184511&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="New Stardew Valley + Hollow Knight merch, plus a famously Kickable plush...and a FAITH anniversary sale!" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/stardew-valley-hollow-knight-homestar-runner"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">New Stardew Valley + Hollow Knight merch, plus a famously Kickable plush...and a FAITH anniversary sale!</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Feb 25, 2025</h4> <p class="block h-[76px] overflow-hidden"></p> </figcaption> <a href="/blogs/news/stardew-valley-hollow-knight-homestar-runner" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: New Stardew Valley + Hollow Knight merch, plus a famously Kickable plush...and a FAITH anniversary sale!">Read more</a> </figure> </div> <div class="group dark hidden lg:block"> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/slay-the-princess-helldivers" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-slay-the-princess-helldivers" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-467-119_9bd5dc06-cfa3-43f9-b07c-1bbabb65c9ca.png?v=1739579873&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-467-119_9bd5dc06-cfa3-43f9-b07c-1bbabb65c9ca.png?v=1739579873&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Slay The Princess, Helldivers 2, plus more Pizza Tower plushes! Mouthwashing physical editions are coming" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/slay-the-princess-helldivers"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Slay The Princess, Helldivers 2, plus more Pizza Tower plushes! Mouthwashing physical editions are coming</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Feb 19, 2025</h4> <p class="block h-[76px] overflow-hidden"></p> </figcaption> <a href="/blogs/news/slay-the-princess-helldivers" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: Slay The Princess, Helldivers 2, plus more Pizza Tower plushes! Mouthwashing physical editions are coming">Read more</a> </figure> </div> </div> </div> <div class="bg-fangamer-darkblue-900 rounded-lg py-4 px-8 lg:px-4 xl:px-8 flex flex-col"> <h3 class="text-center p-4 font-black uppercase text-xl xl:text-2xl mb-2">Sign up for Fangamer news</h3> <img class="object-contain w-full pl-6 my-4" src="//www.fangamer.com/cdn/shop/t/59/assets/footer-subscribe.png?v=1021012737532436751694490701" width="786" height="245" aria-hidden="true" /> <div class="flex items-center justify-center flex-grow my-4"> <p class="text-center leading-relaxed">New product releases, events, sales & more!</p> </div> <form action="https://fangamer.us1.list-manage.com/subscribe" method="get" target="_blank" class="flex flex-col rounded-lg w-full overflow-hidden"> <div class="block w-full"> <label for="newsletter_join" class="sr-only">Email</label> <input type="text" name="MERGE0" id="newsletter_join" placeholder="Email" required="true" class="form-input w-full border-0 text-fangamer-body" /> </div> <input type="hidden" name="u" value="8ecddd9dde1044ff680b01fb6" /> <input type="hidden" name="id" value="dd0d1abd00" /> <button type="submit" class="py-1 text-fangamer-background bg-fangamer-green-700 font-bold uppercase hover:bg-fangamer-green-600 active:bg-fangamer-green-800">Join</button> </form> <div class="flex gap-x-1 my-2"><a href="https://twitter.com/fangamer" aria-label="Fangamer on Twitter" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--x-twitter]"></span></a><a href="https://bsky.app/profile/fangamer.com" aria-label="Fangamer on Bluesky" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fg--social-bluesky]"></span></a><a href="https://facebook.com/Fangamer" aria-label="Fangamer on Facebook" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--facebook]"></span></a><a href="https://instagram.com/fangamercom" aria-label="Fangamer on Instagram" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--instagram]"></span></a><a href="https://youtube.com/c/FangamerCom" aria-label="Fangamer on YouTube" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--youtube]"></span></a><a href="https://twitch.tv/fangamer" aria-label="Fangamer on Twitch" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--twitch]"></span></a></div> </div> </div> </div> <div id="footer_links" class="bg-fangamer-blue-950 text-fangamer-background shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl -mt-4"> <div class="container lg:pt-8"> <div class="max-w-md py-8 px-16 md:px-8 mx-auto fill-fangamer-background"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> </div> <div class="grid gap-y-10 grid-cols-1 lg:grid-cols-3"> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">About Fangamer</h3> <p class="flex-grow">Fangamer is a small videogame merchandise company based in—and shipping from—Tucson, Arizona. We got started in 2008 with one goal: Celebrating our favorite games with products we actually wanted to own.</p><a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/about">About Us</a></div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">Help</h3> <p class="flex-grow">Need help with <strong>returns</strong>, <strong>exchanges</strong>, and other issues? Check our <a href='/pages/help' class='underline'><strong>FAQ</strong></a> for answers to common questions.</p> <a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/help">Support/FAQ</a> </div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4"> <h3 class="font-black text-2xl uppercase">International</h3> <p class="flex-grow">We ship worldwide from our main warehouse in the US, but European and Japanese customers can find merch shipping closer to home in our regional storefronts:</p> <ul id="footer_shops" class="flex gap-x-1"> <li class="group relative flex-grow h-28 w-28 active"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.com?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer US: Worldwide"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-us.png?v=73477074424072663711692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer US</span> <span class="block w-full font-light">Worldwide</span> </a> </li> <li class="group relative flex-grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.jp?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer JP: Japan"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-jp.png?v=107537917320201875581692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer JP</span> <span class="block w-full font-light">Japan</span> </a> </li> <li class="group relative flex-grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.eu?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer EU: Europe / UK"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-eu.png?v=107225554191587958561692224299" alt=" Flag" /> <span class="block w-full font-bold">Fangamer EU</span> <span class="block w-full font-light">Europe / UK</span> </a> </li> </ul></div> </div> <div class="w-full px-4 pb-8 mt-4 lg:mt-12"> <div class="flex h-12 text-center"> <div class="border-b-2 border-b-fangamer-blue-900 h-4 flex-grow mr-6" aria-hidden="true"></div> <h3 class="font-black text-2xl uppercase">Catalog</h3> <div class="border-b-2 border-b-fangamer-blue-900 h-4 flex-grow ml-6" aria-hidden="true"></div> </div> <div class="flex flex-col lg:flex-row gap-x-2 gap-y-1"> <a href="/collections/apparel" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Apparel</a> <a href="/collections/video-games" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Games</a> <a href="/collections/plushes-and-figurines" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Plushes & Figures</a> <a href="/collections/home-and-office" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Home & Office</a> <a href="/collections/books" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Books</a> <a href="/collections/music" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Music & Video</a> <a href="/collections/art-posters" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Art & Posters</a> <a href="/collections/accessories" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Accessories</a> </div> </div> </div> </div> <div id="footer_copyright" class="bg-fangamer-blue-900"> <div class="container flex flex-col items-center justify-center gap-y-1 px-4 py-2 text-fangamer-background text-center min-h-[60px]"> <span class="font-medium text-sm block">Copyright 2025 Fangamer LLC</span> <div class="flex gap-x-4 gap-y-1 flex-wrap justify-center"> <a href="/pages/privacy" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Privacy Policy</a> <a href="/pages/accessibility" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Accessibility</a> <a href="/pages/ccpa-opt-out" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Do not sell or share my personal information</a> </div></div> </div> </footer> <script defer>if(!window.plausibleloaded){window.plausibleloaded=true;document.addEventListener("turbo:load", function() {!function(){"use strict";var t=window.location,e=window.document;function a(t,e){t&&console.warn("Ignoring Event: "+t),e&&e.callback&&e.callback()}function n(n,i){if(/^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(t.hostname)||"file:"===t.protocol)return a("localhost",i);if(window._phantom||window.__nightmare||window.navigator.webdriver||window.Cypress)return a(null,i);try{if("true"===window.localStorage.plausible_ignore)return a("localStorage flag",i)}catch(r){}var l={},o=(l.n=n,l.u=t.href,l.d="fangamer.com",l.r=e.referrer||null,i&&i.meta&&(l.m=JSON.stringify(i.meta)),i&&i.props&&(l.p=i.props),new XMLHttpRequest);o.open("POST","https://plausible.fangamer.eu/api/event",!0),o.setRequestHeader("Content-Type","text/plain"),o.send(JSON.stringify(l)),o.onreadystatechange=function(){4===o.readyState&&i&&i.callback&&i.callback()}}e.currentScript;var i=window.plausible&&window.plausible.q||[];window.plausible=n;for(var r,l=0;l<i.length;l++)n.apply(this,i[l]);function o(){r!==t.pathname&&(r=t.pathname,n("pageview"))};o();}();})}</script> </body> </html>

CINXE.COM

Do not sell or share my personal information - Fangamer