CINXE.COM

<!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?40647"> <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/collections"> <title>Collections - Fangamer</title> <meta name="description" content="Fangamer creates merchandise inspired by the best video games of all time 鈥撀爏hirts, plushes, figures, books, prints, pins, stickers, and more." /> <meta name="og:description" content="Fangamer creates merchandise inspired by the best video games of all time 鈥撀爏hirts, plushes, figures, books, prints, pins, stickers, and more." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:title" content="Collections" /> <meta name="twitter:title" content="Collections" /> <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-ZUraH93d.css" rel="stylesheet" type="text/css" media="all" /> <script src="//www.fangamer.com/cdn/shop/t/59/assets/main-C7S1U4y3.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/collections"> <link rel="alternate" hreflang="ja-US" href="https://jp.fangamer.com/collections"> <link rel="alternate" hreflang="en-US" href="https://www.fangamer.com/collections"> <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":"list-collections"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CO51Msyl.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/8ecddd9dde1044ff680b01fb6\/aa77d2e67bddf634c6a14c089.js?shop=fangamer.myshopify.com","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":"fae12075-b0e4-4b8b-abab-9a70061ba59f-1733052375","pageurl":"www.fangamer.com\/collections","u":"a9e6dce9e086","p":"collections"};</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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</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> <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: "list-collections"};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,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 141962,storefrontBaseUrl: "https://www.fangamer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,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","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"collections"}}; 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.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.fangamer.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.fangamer.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.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":"collections"}); 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-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Fangamer"; window.BOOMR.themeVersion = "6.0.0"; window.BOOMR.shopId = 141962; window.BOOMR.themeId = 130718203961; })();</script> <script defer src="https://www.fangamer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="141962" data-render-region="gcp-asia-southeast1" data-page-type="list-collections" 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> <li> <a href="/pages/black-friday-2024" class="block w-full mt-4"> <img src="//www.fangamer.com/cdn/shop/files/FGUS-BF-2024-top-nav-logo.png?v=1731687831&width=500" class="lazyload rounded transition-opacity duration-150 hover:opacity-90" alt="Special sale!" /> </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/playing-cards" 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">Playing Cards</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> </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/tunic" style="background-color: #f4740a" aria-label="TUNIC Official Collection" data-plausible-props-param='{"title":"TUNIC", "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-tunic_new.svg?v=1692131301" 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="TUNIC" aria-label="TUNIC" /> </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 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/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/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "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/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/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/castlevania" style="background-color: #be0000" aria-label="Castlevania Official Collection" data-plausible-props-param='{"title":"Castlevania", "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/Castlevania-Logo-01.svg?v=1712680061" 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="Castlevania" aria-label="Castlevania" /> </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/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "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/logo-ena.svg?v=1676495242" 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="ENA" aria-label="ENA" /> </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/playing-cards" 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">Playing Cards</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/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> <a href="/pages/black-friday-2024" class="block w-full mt-4"> <img src="//www.fangamer.com/cdn/shop/files/FGUS-BF-2024-top-nav-logo.png?v=1731687831&width=500" class="lazyload rounded transition-opacity duration-150 hover:opacity-90" alt="Special sale!" /> </a> <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/tunic" style="background-color: #f4740a" aria-label="TUNIC Official Collection" data-plausible-props-param='{"title":"TUNIC", "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-tunic_new.svg?v=1692131301" 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="TUNIC" aria-label="TUNIC" /> </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 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/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/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "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/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/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--15911402766393__banner" class="shopify-section"><div id="collection_top" class="overflow-hidden bg-fangamer-darkblue-950 bg-[length:300px]" style="background-image: url('//www.fangamer.com/cdn/shop/t/59/assets/bg-gametime.png?v=41837159149954897181692659587'); background-position: 40% center"> <div id="collection_banner_" class="py-4" data-turbo-permanent> <div class="flex h-10 fill-fangamer-background"> <div class="border-b-2 border-b-fangamer-background h-1/2 flex-grow mr-6" aria-hidden="true"></div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.35 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"/></svg> <div class="border-b-2 border-b-fangamer-background h-1/2 flex-grow ml-6" aria-hidden="true"></div> </div> <h1 id="collection_title" class="container text-center flex flex-col text-fangamer-background text-4xl uppercase tracking-wider font-black my-4"> <div>Collections</div> </h1> <div class="flex h-12 fill-fangamer-background"> <div class="border-b-2 border-b-fangamer-background h-7 flex-grow mr-6" aria-hidden="true"></div> <div class="border-2 border-fangamer-background text-fangamer-background rounded-full text-3xl h-14 w-14 flex items-center justify-center"> <span class="icon-[fg--star]" aria-hidden="true"></span> </div> <div class="border-b-2 border-b-fangamer-background h-7 flex-grow ml-6" aria-hidden="true"></div> </div> </div> </div> </div><div id="shopify-section-template--15911402766393__collections" class="shopify-section"><div id="collections_list" data-controller="collections" data-collections-filter-value="games" data-action="hashchange@window->collections#filterByHash"> <section id="collections_nav" class="bg-fangamer-darkblue-900 scroll-mt-navbar h-[100px] lg:h-navbar shadow-lg shadow-black/10"> <div class="container lg:flex text-center items-center h-full"> <div id="collections_filters" class="text-fangamer-background font-extrabold h-navbar"> <button class="h-full uppercase px-1 sm:px-2 lg:px-4 hover:bg-fangamer-green hover:text-fangamer-darkblue [&.active]:bg-fangamer-green-700 [&.active]:pointer-events-none active" data-collections-target="filterButton" data-action="collections#filter:prevent" data-collections-type-param="games" aria-selected="true" aria-label="Filter by Games">Games</button> <button class="h-full uppercase px-1 sm:px-2 lg:px-4 hover:bg-fangamer-green hover:text-fangamer-darkblue [&.active]:bg-fangamer-green-700 [&.active]:pointer-events-none" data-collections-target="filterButton" data-action="collections#filter:prevent" data-collections-type-param="studios" aria-selected="false" aria-label="Filter by Studios">Studios</button> <button class="h-full uppercase px-1 sm:px-2 lg:px-4 hover:bg-fangamer-green hover:text-fangamer-darkblue [&.active]:bg-fangamer-green-700 [&.active]:pointer-events-none" data-collections-target="filterButton" data-action="collections#filter:prevent" data-collections-type-param="partners" aria-selected="false" aria-label="Filter by Partners">Partners</button> <button class="h-full uppercase px-1 sm:px-2 lg:px-4 hover:bg-fangamer-green hover:text-fangamer-darkblue [&.active]:bg-fangamer-green-700 [&.active]:pointer-events-none" data-collections-target="filterButton" data-action="collections#filter:prevent" data-collections-type-param="artists" aria-selected="false" aria-label="Filter by Artists">Artists</button> </div> <div id="collection_sort_n_search" class="flex flex-grow justify-end items-center h-navbar lg:gap-x-2 xl:gap-x-4"> <div id="collections_sort" class="relative self-end h-navbar"> <form class="flex justify-end items-center text-fangamer-background h-full"> <label class="mr-2 hidden md:block w-16" for="sort_by">Sort by</label> <select id="sort_by" name="sort_by" class="h-full bg-fangamer-teal-600 fill-fangamer-background" data-action="change->collections#sort:prevent"><option value="featured" selected="selected">Featured</option><option value="title-ascending">Name: A-Z</option><option value="title-descending">Name: Z-A</option></select> <noscript> <button type="submit" class="h-full ml-1 bg-fangamer-blue text-fangamer-background font-bold p-2">Submit</button> </noscript> </form> </div> <div id="collections_search" class="relative self-end h-navbar w-full lg:max-w-xs xl:max-w-sm"> <input id="collection_search" class="form-control bg-white h-full w-full border-none pr-6 lg:pr-12 pl-4 xl:pl-6" name="filter" type="text" aria-label="Search Collections" placeholder="Search Collections" data-collections-target="search" data-action="collections#search keydown.esc->collections#clearSearch" /> <span class="absolute right-4 top-4 w-4 h-4 icon-[fa6-solid--magnifying-glass] pointer-events-none text-fangamer-muted z-1" aria-hidden="true"></span> <button class="hidden absolute flex items-center justify-center right-0 top-0 w-12 h-navbar bg-white text-access-red-600 hover:text-access-red-700 z-2 text-lg" aria-label="Clear Search" data-collections-target="clearButton" data-action="collections#clearSearch:prevent"><span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span></button> </div> </div> </div> </section> <section id="collections_grid" class="container mt-8 mb-24 px-4 md:px-0 gap-4 grid grid-cols-2 md:grid-cols-4" data-collections-target="grid" data-debug-target="collection" data-section="Games Page"> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="undertale" data-position="1"> <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":"Games Page", "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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="deltarune" data-position="2"> <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":"Games Page", "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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="hollow knight" data-position="3"> <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":"Games Page", "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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="stardew valley" data-position="4"> <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":"Games Page", "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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="pizza tower" data-position="5"> <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":"Games Page", "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-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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="baba is you" data-position="6"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/baba-is-you" style="background-color: #f12161" aria-label="Baba Is You Official Collection" data-plausible-props-param='{"title":"Baba Is You", "section":"Games Page", "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/logo-baba-is-you_new.svg?v=1692131244" 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="Baba Is You" aria-label="Baba Is You" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="banjo-kazooie" data-position="7"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/banjo-kazooie" style="background-color: #ff110d" aria-label="Banjo-Kazooie Official Collection" data-plausible-props-param='{"title":"Banjo-Kazooie", "section":"Games Page", "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/logo-banjo-kazooie_new.svg?v=1692130998" 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="Banjo-Kazooie" aria-label="Banjo-Kazooie" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="metal gear solid" data-position="8"> <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":"Games Page", "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/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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="monster hunter" data-position="9"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/monster-hunter" style="background-color: #980a00" aria-label="Monster Hunter Official Collection" data-plausible-props-param='{"title":"Monster Hunter", "section":"Games Page", "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-monster-hunter_new.svg?v=1692131058" 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="Monster Hunter" aria-label="Monster Hunter" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="hades" data-position="10"> <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":"Games Page", "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/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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ena" data-position="11"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Games Page", "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/logo-ena.svg?v=1676495242" 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="ENA" aria-label="ENA" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="stray" data-position="12"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/stray" style="background-color: #f61616" aria-label="STRAY Official Collection" data-plausible-props-param='{"title":"STRAY", "section":"Games Page", "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/stray-logo-black.svg?v=1684273582" 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="STRAY" aria-label="STRAY" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="bugsnax" data-position="13"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bugsnax" style="background-color: #ffca22" aria-label="Bugsnax Official Collection" data-plausible-props-param='{"title":"Bugsnax", "section":"Games Page", "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-bugsnax_new.svg?v=1692131151" 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="Bugsnax" aria-label="Bugsnax" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="horizon forbidden west" data-position="14"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/horizon-forbidden-west" style="background-color: #d6750a" aria-label="Horizon Forbidden West Official Collection" data-plausible-props-param='{"title":"Horizon Forbidden West", "section":"Games Page", "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-horizon_new.svg?v=1692131247" 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="Horizon Forbidden West" aria-label="Horizon Forbidden West" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="persona 5" data-position="15"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/persona-5" style="background-color: #f11a0c" aria-label="Persona 5 Official Collection" data-plausible-props-param='{"title":"Persona 5", "section":"Games Page", "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/logo-persona-5_new.svg?v=1692130888" 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="Persona 5" aria-label="Persona 5" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="bloodborne" data-position="16"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bloodborne" style="background-color: #3a6578" aria-label="Bloodborne Official Collection" data-plausible-props-param='{"title":"Bloodborne", "section":"Games Page", "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/logo-bloodborne_new.svg?v=1692131033" 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="Bloodborne" aria-label="Bloodborne" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="shin megami tensei iii: nocturne" data-position="17"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/shin-megami-tensei-iii-nocturne" style="background-color: #04fafb" aria-label="Shin Megami Tensei III: Nocturne Official Collection" data-plausible-props-param='{"title":"Shin Megami Tensei III: Nocturne", "section":"Games Page", "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-shin-megami-tensei-3-nocturne_new.svg?v=1692131141" 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="Shin Megami Tensei III: Nocturne" aria-label="Shin Megami Tensei III: Nocturne" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="shin megami tensei v" data-position="18"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/shin-megami-tensei-v" style="background-color: #d2dac3" aria-label="Shin Megami Tensei V Official Collection" data-plausible-props-param='{"title":"Shin Megami Tensei V", "section":"Games Page", "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-shin-megami-tensei-v_new.svg?v=1692131308" 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="Shin Megami Tensei V" aria-label="Shin Megami Tensei V" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="vampire survivors" data-position="19"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/vampire-survivors" style="background-color: #e20000" aria-label="Vampire Survivors Official Collection" data-plausible-props-param='{"title":"Vampire Survivors", "section":"Games Page", "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/vs-logo.svg?v=1699633809" 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="Vampire Survivors" aria-label="Vampire Survivors" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="rollercoaster tycoon" data-position="20"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/rollercoaster-tycoon" style="background-color: #ffe15f" aria-label="RollerCoaster Tycoon Official Collection" data-plausible-props-param='{"title":"Rollercoaster Tycoon", "section":"Games Page", "location":"Slot 20"}' 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-rct.svg?v=1699568473" 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="RollerCoaster Tycoon" aria-label="RollerCoaster Tycoon" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="cult of the lamb" data-position="21"> <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":"Games Page", "location":"Slot 21"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="astro bot" data-position="22"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/astro-bot" style="background-color: #7cb2b2" aria-label="ASTRO BOT Official Collection" data-plausible-props-param='{"title":"Astro Bot", "section":"Games Page", "location":"Slot 22"}' 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-astro-bot_new.svg?v=1692131102" 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="ASTRO BOT" aria-label="ASTRO BOT" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="elden ring" data-position="23"> <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":"Games Page", "location":"Slot 23"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="dwarf fortress" data-position="24"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/dwarf-fortress" style="background-color: #841000" aria-label="Dwarf Fortress Official Collection" data-plausible-props-param='{"title":"Dwarf Fortress", "section":"Games Page", "location":"Slot 24"}' 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-dwarf-fortress_1.svg?v=1684254596" 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="Dwarf Fortress" aria-label="Dwarf Fortress" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ace attorney" data-position="25"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ace-attorney" style="background-color: #ffcf00" aria-label="Ace Attorney Official Collection" data-plausible-props-param='{"title":"Ace Attorney", "section":"Games Page", "location":"Slot 25"}' 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-ace-attorney_new.svg?v=1692131315" 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="Ace Attorney" aria-label="Ace Attorney" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ufo 50" data-position="26"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ufo-50" style="background-color: #ff616f" aria-label="UFO 50 Official Collection" data-plausible-props-param='{"title":"UFO 50", "section":"Games Page", "location":"Slot 26"}' 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/ufo50.svg?v=1728414094" 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="UFO 50" aria-label="UFO 50" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="celeste" data-position="27"> <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":"Games Page", "location":"Slot 27"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="tunic" data-position="28"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/tunic" style="background-color: #f4740a" aria-label="TUNIC Official Collection" data-plausible-props-param='{"title":"TUNIC", "section":"Games Page", "location":"Slot 28"}' 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-tunic_new.svg?v=1692131301" 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="TUNIC" aria-label="TUNIC" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="faith: the unholy trinity" data-position="29"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/faith-the-unholy-trinity" style="background-color: #ff1313" aria-label="FAITH: The Unholy Trinity Official Collection" data-plausible-props-param='{"title":"FAITH: The Unholy Trinity", "section":"Games Page", "location":"Slot 29"}' 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/faith-logo.svg?v=1721935496" 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="FAITH: The Unholy Trinity" aria-label="FAITH: The Unholy Trinity" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="lil gator game" data-position="30"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/lil-gator-game" style="background-color: #25b425" aria-label="Lil Gator Game Official Collection" data-plausible-props-param='{"title":"Lil Gator Game", "section":"Games Page", "location":"Slot 30"}' 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/lilgatorgame_logo_black.svg?v=1676483529" 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="Lil Gator Game" aria-label="Lil Gator Game" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="tamagotchi" data-position="31"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/tamagotchi" style="background-color: #00b1df" aria-label="Tamagotchi Official Collection" data-plausible-props-param='{"title":"Tamagotchi", "section":"Games Page", "location":"Slot 31"}' 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-tamagotchi_new.svg?v=1692131304" 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="Tamagotchi" aria-label="Tamagotchi" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ib" data-position="32"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ib" style="background-color: #890b00" aria-label="Ib Official Collection" data-plausible-props-param='{"title":"Ib", "section":"Games Page", "location":"Slot 32"}' 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-ib_new.svg?v=1692131275" 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="Ib" aria-label="Ib" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="dredge" data-position="33"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/dredge" style="background-color: #1dc4ac" aria-label="DREDGE Official Collection" data-plausible-props-param='{"title":"DREDGE", "section":"Games Page", "location":"Slot 33"}' 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/dredge-vector-logo.svg?v=1722534876" 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="DREDGE" aria-label="DREDGE" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="little kitty, big city" data-position="34"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/little-kitty-big-city" style="background-color: #1096d6" aria-label="Little Kitty, Big City Official Collection" data-plausible-props-param='{"title":"Little Kitty, Big City", "section":"Games Page", "location":"Slot 34"}' 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/lkbc_logo_vector.svg?v=1728505632" 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="Little Kitty, Big City" aria-label="Little Kitty, Big City" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="knuckle sandwich" data-position="35"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/knuckle-sandwich" style="background-color: #00de59" aria-label="Knuckle Sandwich Official Collection" data-plausible-props-param='{"title":"Knuckle Sandwich", "section":"Games Page", "location":"Slot 35"}' 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/knuckle-sandwich-vector-logo.svg?v=1728071050" 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="Knuckle Sandwich" aria-label="Knuckle Sandwich" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="dead space" data-position="36"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/dead-space" style="background-color: #caaaaa" aria-label="Dead Space Official Collection" data-plausible-props-param='{"title":"Dead Space", "section":"Games Page", "location":"Slot 36"}' 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-dead-space.svg?v=1676483357" 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="Dead Space" aria-label="Dead Space" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="devil may cry" data-position="37"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/devil-may-cry" style="background-color: #210840" aria-label="Devil May Cry Official Collection" data-plausible-props-param='{"title":"Devil May Cry", "section":"Games Page", "location":"Slot 37"}' 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-devil-may-cry.svg?v=1676483357" 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="Devil May Cry" aria-label="Devil May Cry" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="demon's souls" data-position="38"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/demons-souls" style="background-color: #0a0606" aria-label="Demon's Souls Official Collection" data-plausible-props-param='{"title":"Demon's Souls", "section":"Games Page", "location":"Slot 38"}' 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-demons-souls_new.svg?v=1692131168" 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="Demon's Souls" aria-label="Demon's Souls" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ghost of tsushima" data-position="39"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ghost-of-tsushima" style="background-color: #dc1000" aria-label="Ghost of Tsushima Official Collection" data-plausible-props-param='{"title":"Ghost of Tsushima", "section":"Games Page", "location":"Slot 39"}' 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-ghost-of-tsushima_new.svg?v=1692131209" 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="Ghost of Tsushima" aria-label="Ghost of Tsushima" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="dark souls" data-position="40"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/dark-souls" style="background-color: #caa34a" aria-label="DARK SOULS Official Collection" data-plausible-props-param='{"title":"DARK SOULS", "section":"Games Page", "location":"Slot 40"}' 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-dark-souls_new.svg?v=1692130898" 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="DARK SOULS" aria-label="DARK SOULS" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="world of horror" data-position="41"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/world-of-horror" style="background-color: #a80000" aria-label="World of Horror Official Collection" data-plausible-props-param='{"title":"World of Horror", "section":"Games Page", "location":"Slot 41"}' 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-world-of-horror_new.svg?v=1692131213" 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="World of Horror" aria-label="World of Horror" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="omori" data-position="42"> <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":"Games Page", "location":"Slot 42"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ooblets" data-position="43"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ooblets" style="background-color: #ffdb76" aria-label="Ooblets Official Collection" data-plausible-props-param='{"title":"Ooblets", "section":"Games Page", "location":"Slot 43"}' 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-ooblets_new.svg?v=1692131279" 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="Ooblets" aria-label="Ooblets" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="shantae" data-position="44"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/shantae" style="background-color: #ffbe0d" aria-label="Shantae Official Collection" data-plausible-props-param='{"title":"Shantae", "section":"Games Page", "location":"Slot 44"}' 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-shantae.svg?v=1692129782" 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="Shantae" aria-label="Shantae" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="outer wilds" data-position="45"> <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":"Games Page", "location":"Slot 45"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="blast corps" data-position="46"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/blast-corps" style="background-color: #d7a400" aria-label="Blast Corps Official Collection" data-plausible-props-param='{"title":"Blast Corps", "section":"Games Page", "location":"Slot 46"}' 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-blast-corps_new.svg?v=1692131239" 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="Blast Corps" aria-label="Blast Corps" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="castlevania" data-position="47"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/castlevania" style="background-color: #be0000" aria-label="Castlevania Official Collection" data-plausible-props-param='{"title":"Castlevania", "section":"Games Page", "location":"Slot 47"}' 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/Castlevania-Logo-01.svg?v=1712680061" 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="Castlevania" aria-label="Castlevania" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="mega man" data-position="48"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/mega-man" style="background-color: #2e88ff" aria-label="Mega Man Official Collection" data-plausible-props-param='{"title":"Mega Man", "section":"Games Page", "location":"Slot 48"}' 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-mega-man_new.svg?v=1692131216" 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="Mega Man" aria-label="Mega Man" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="crow country" data-position="49"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/crow-country" style="background-color: #930101" aria-label="Crow Country Official Collection" data-plausible-props-param='{"title":"Crow Country", "section":"Games Page", "location":"Slot 49"}' 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/crow-country-vector-logo.svg?v=1727470030" 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="Crow Country" aria-label="Crow Country" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="dragon's dogma" data-position="50"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/dragons-dogma" style="background-color: #dcb847" aria-label="Dragon's Dogma Official Collection" data-plausible-props-param='{"title":"Dragon's Dogma", "section":"Games Page", "location":"Slot 50"}' 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-dragons-dogma_new.svg?v=1692131288" 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="Dragon's Dogma" aria-label="Dragon's Dogma" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="helldivers 2" data-position="51"> <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":"Games Page", "location":"Slot 51"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="eastward" data-position="52"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/eastward" style="background-color: #fbe626" aria-label="Eastward Official Collection" data-plausible-props-param='{"title":"Eastward", "section":"Games Page", "location":"Slot 52"}' 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-eastward_new.svg?v=1692131228" 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="Eastward" aria-label="Eastward" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="spiritfarer" data-position="53"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/spiritfarer" style="background-color: #045181" aria-label="Spiritfarer Official Collection" data-plausible-props-param='{"title":"Spiritfarer", "section":"Games Page", "location":"Slot 53"}' 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-spiritfarer_new.svg?v=1692131235" 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="Spiritfarer" aria-label="Spiritfarer" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="animal well" data-position="54"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/animal-well" style="background-color: #05d4a5" aria-label="Animal Well Official Collection" data-plausible-props-param='{"title":"Animal Well", "section":"Games Page", "location":"Slot 54"}' 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/AnimalWellLogo.svg?v=1721691070" 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="Animal Well" aria-label="Animal Well" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="chicory: a colorful tale" data-position="55"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/chicory-a-colorful-tale" style="background-color: #ffae85" aria-label="Chicory: A Colorful Tale Official Collection" data-plausible-props-param='{"title":"Chicory: A Colorful Tale", "section":"Games Page", "location":"Slot 55"}' 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/chicory.svg?v=1684361811" 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="Chicory: A Colorful Tale" aria-label="Chicory: A Colorful Tale" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="hyper light breaker" data-position="56"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hyper-light-breaker" style="background-color: #f40b58" aria-label="Hyper Light Breaker Official Collection" data-plausible-props-param='{"title":"Hyper Light Breaker", "section":"Games Page", "location":"Slot 56"}' 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-hyper-light-breaker.svg?v=1676483358" 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="Hyper Light Breaker" aria-label="Hyper Light Breaker" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="hyper light drifter" data-position="57"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hyper-light-drifter" style="background-color: #d60677" aria-label="Hyper Light Drifter Official Collection" data-plausible-props-param='{"title":"Hyper Light Drifter", "section":"Games Page", "location":"Slot 57"}' 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-hyper-light-drifter.svg?v=1692129736" 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="Hyper Light Drifter" aria-label="Hyper Light Drifter" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="citizen sleeper" data-position="58"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/citizen-sleeper" style="background-color: #ff1857" aria-label="Citizen Sleeper Official Collection" data-plausible-props-param='{"title":"Citizen Sleeper", "section":"Games Page", "location":"Slot 58"}' 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/Citizen_Sleeper_logo.svg?v=1707767275" 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="Citizen Sleeper" aria-label="Citizen Sleeper" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="kinitopet" data-position="59"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/kinitopet" style="background-color: #96e8ff" aria-label="KinitoPET Official Collection" data-plausible-props-param='{"title":"KinitoPET", "section":"Games Page", "location":"Slot 59"}' 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-kp.svg?v=1727922848" 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="KinitoPET" aria-label="KinitoPET" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="signalis" data-position="60"> <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":"Games Page", "location":"Slot 60"}' 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> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="buckshot roulette" data-position="61"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/buckshot-roulette" style="background-color: #2b1d1d" aria-label="Buckshot Roulette Official Collection" data-plausible-props-param='{"title":"Buckshot Roulette", "section":"Games Page", "location":"Slot 61"}' 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/Buckshot-Roulette-Logo.svg?v=1728681410" 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="Buckshot Roulette" aria-label="Buckshot Roulette" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="powerwash simulator" data-position="62"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/powerwash-simulator" style="background-color: #0065b8" aria-label="PowerWash Simulator Official Collection" data-plausible-props-param='{"title":"PowerWash Simulator", "section":"Games Page", "location":"Slot 62"}' 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/PWS-logo.svg?v=1716327001" 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="PowerWash Simulator" aria-label="PowerWash Simulator" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="professor layton" data-position="63"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/professor-layton" style="background-color: #d4b577" aria-label="Professor Layton Official Collection" data-plausible-props-param='{"title":"Professor Layton", "section":"Games Page", "location":"Slot 63"}' 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-professor-layton_new.svg?v=1692131205" 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="Professor Layton" aria-label="Professor Layton" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="a hat in time" data-position="64"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/a-hat-in-time" style="background-color: #ffd21c" aria-label="A Hat in Time Official Collection" data-plausible-props-param='{"title":"A Hat in Time", "section":"Games Page", "location":"Slot 64"}' 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-a-hat-in-time_new.svg?v=1692131192" 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="A Hat in Time" aria-label="A Hat in Time" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="psychonauts" data-position="65"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/psychonauts" style="background-color: #a7d100" aria-label="Psychonauts Official Collection" data-plausible-props-param='{"title":"Psychonauts", "section":"Games Page", "location":"Slot 65"}' 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-psychonauts.svg?v=1692129728" 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="Psychonauts" aria-label="Psychonauts" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="katamari damacy" data-position="66"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/katamari-damacy" style="background-color: #c2d729" aria-label="Katamari Damacy Official Collection" data-plausible-props-param='{"title":"Katamari Damacy", "section":"Games Page", "location":"Slot 66"}' 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-katamari-damacy_new.svg?v=1692130949" 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="Katamari Damacy" aria-label="Katamari Damacy" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="conker" data-position="67"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/conker" style="background-color: #ff7818" aria-label="Conker Official Collection" data-plausible-props-param='{"title":"Conker", "section":"Games Page", "location":"Slot 67"}' 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-conker_new.svg?v=1692131122" 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="Conker" aria-label="Conker" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="silent hill" data-position="68"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/silent-hill" style="background-color: #000000" aria-label="SILENT HILL Official Collection" data-plausible-props-param='{"title":"Silent Hill", "section":"Games Page", "location":"Slot 68"}' 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-silent-hill_new.svg?v=1692131017" 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="SILENT HILL" aria-label="SILENT HILL" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="the last of us" data-position="69"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/the-last-of-us" style="background-color: #b3742d" aria-label="The Last of Us Official Collection" data-plausible-props-param='{"title":"The Last of Us", "section":"Games Page", "location":"Slot 69"}' 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-the-last-of-us_new.svg?v=1692131090" 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="The Last of Us" aria-label="The Last of Us" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ape escape" data-position="70"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ape-escape" style="background-color: #ffe134" aria-label="Ape Escape Official Collection" data-plausible-props-param='{"title":"Ape Escape", "section":"Games Page", "location":"Slot 70"}' 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-ape-escape_new.svg?v=1692130987" 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="Ape Escape" aria-label="Ape Escape" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="va-11 hall-a" data-position="71"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/va-11-hall-a" style="background-color: #ff3f84" aria-label="VA-11 Hall-A Official Collection" data-plausible-props-param='{"title":"VA-11 Hall-A", "section":"Games Page", "location":"Slot 71"}' 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-va-11-hall-a_new.svg?v=1692130918" 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="VA-11 Hall-A" aria-label="VA-11 Hall-A" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="a short hike" data-position="72"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/a-short-hike" style="background-color: #ffc228" aria-label="A Short Hike Official Collection" data-plausible-props-param='{"title":"A Short Hike", "section":"Games Page", "location":"Slot 72"}' 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-a-short-hike_new.svg?v=1692131155" 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="A Short Hike" aria-label="A Short Hike" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="katana zero" data-position="73"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/katana-zero" style="background-color: #17f9f9" aria-label="Katana ZERO Official Collection" data-plausible-props-param='{"title":"Katana ZERO", "section":"Games Page", "location":"Slot 73"}' 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-katana-zero_new.svg?v=1692131159" 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="Katana ZERO" aria-label="Katana ZERO" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="river city girls" data-position="74"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/river-city-girls" style="background-color: #ff4957" aria-label="River City Girls Official Collection" data-plausible-props-param='{"title":"River City Girls", "section":"Games Page", "location":"Slot 74"}' 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-river-city-girls_newer.svg?v=1695482964" 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="River City Girls" aria-label="River City Girls" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="slime rancher" data-position="75"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/slime-rancher" style="background-color: #f80369" aria-label="Slime Rancher Official Collection" data-plausible-props-param='{"title":"Slime Rancher", "section":"Games Page", "location":"Slot 75"}' 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-slime-rancher_new.svg?v=1692130876" 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="Slime Rancher" aria-label="Slime Rancher" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="myst" data-position="76"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/myst" style="background-color: #9f631b" aria-label="Myst Official Collection" data-plausible-props-param='{"title":"Myst", "section":"Games Page", "location":"Slot 76"}' 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-myst_new.svg?v=1692130916" 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="Myst" aria-label="Myst" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="locoroco" data-position="77"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/locoroco" style="background-color: #fcc507" aria-label="LocoRoco Official Collection" data-plausible-props-param='{"title":"LocoRoco", "section":"Games Page", "location":"Slot 77"}' 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-loco-roco_new.svg?v=1692131094" 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="LocoRoco" aria-label="LocoRoco" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="hypnospace outlaw" data-position="78"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/hypnospace-outlaw" style="background-color: #aebded" aria-label="Hypnospace Outlaw Official Collection" data-plausible-props-param='{"title":"Hypnospace Outlaw", "section":"Games Page", "location":"Slot 78"}' 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-hypnospace-outlaw_new.svg?v=1692131012" 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="Hypnospace Outlaw" aria-label="Hypnospace Outlaw" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="yume nikki" data-position="79"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/yume-nikki" style="background-color: #000000" aria-label="Yume Nikki Official Collection" data-plausible-props-param='{"title":"Yume Nikki", "section":"Games Page", "location":"Slot 79"}' 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-yume-nikki_new.svg?v=1692131047" 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="Yume Nikki" aria-label="Yume Nikki" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="oneshot" data-position="80"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/oneshot" style="background-color: #c52549" aria-label="OneShot Official Collection" data-plausible-props-param='{"title":"OneShot", "section":"Games Page", "location":"Slot 80"}' 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-oneshot_new.svg?v=1692130651" 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="OneShot" aria-label="OneShot" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="sea of thieves" data-position="81"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/sea-of-thieves" style="background-color: #e2bc40" aria-label="Sea of Thieves Official Collection" data-plausible-props-param='{"title":"Sea of Thieves", "section":"Games Page", "location":"Slot 81"}' 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-sea-of-thieves_new.svg?v=1692130894" 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="Sea of Thieves" aria-label="Sea of Thieves" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="bastion" data-position="82"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bastion" style="background-color: #db6800" aria-label="Bastion Official Collection" data-plausible-props-param='{"title":"Bastion", "section":"Games Page", "location":"Slot 82"}' 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-bastion_new.svg?v=1692131291" 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="Bastion" aria-label="Bastion" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="pyre" data-position="83"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/pyre" style="background-color: #924212" aria-label="Pyre Official Collection" data-plausible-props-param='{"title":"Pyre", "section":"Games Page", "location":"Slot 83"}' 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-pyre_new.svg?v=1692131293" 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="Pyre" aria-label="Pyre" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="transistor" data-position="84"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/transistor" style="background-color: #06f2d0" aria-label="Transistor Official Collection" data-plausible-props-param='{"title":"Transistor", "section":"Games Page", "location":"Slot 84"}' 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-transistor_new.svg?v=1692131295" 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="Transistor" aria-label="Transistor" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="frog detective" data-position="85"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/frog-detective" style="background-color: #d1ee61" aria-label="Frog Detective Official Collection" data-plausible-props-param='{"title":"Frog Detective", "section":"Games Page", "location":"Slot 85"}' 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-frog-detective_newer.svg?v=1695483006" 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="Frog Detective" aria-label="Frog Detective" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="breath of fire" data-position="86"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/breath-of-fire" style="background-color: #fd391c" aria-label="Breath of Fire Official Collection" data-plausible-props-param='{"title":"Breath of Fire", "section":"Games Page", "location":"Slot 86"}' 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-breath-of-fire_new.svg?v=1692131040" 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="Breath of Fire" aria-label="Breath of Fire" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="okami" data-position="87"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/okami" style="background-color: #000000" aria-label="Okami Official Collection" data-plausible-props-param='{"title":"Okami", "section":"Games Page", "location":"Slot 87"}' 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-okami_new.svg?v=1692130982" 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="Okami" aria-label="Okami" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="into the breach" data-position="88"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/into-the-breach" style="background-color: #506daa" aria-label="Into the Breach Official Collection" data-plausible-props-param='{"title":"Into the Breach", "section":"Games Page", "location":"Slot 88"}' 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-into-the-breach_new.svg?v=1692130921" 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="Into the Breach" aria-label="Into the Breach" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="snowboard kids" data-position="89"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/snowboard-kids" style="background-color: #ff9f38" aria-label="Snowboard Kids Official Collection" data-plausible-props-param='{"title":"Snowboard Kids", "section":"Games Page", "location":"Slot 89"}' 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-snowboard-kids_new.svg?v=1692130970" 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="Snowboard Kids" aria-label="Snowboard Kids" /> </div> </a> </div> <div class="games rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="antonblast" data-position="90"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/antonblast" style="background-color: #70fd38" aria-label="ANTONBLAST Official Collection" data-plausible-props-param='{"title":"ANTONBLAST", "section":"Games Page", "location":"Slot 90"}' 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/ANTONBLAST_LOGO_BW-01.svg?v=1730229694" 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="ANTONBLAST" aria-label="ANTONBLAST" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="supergiant games" data-position="1"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/supergiant-games" style="background-color: #f06000" aria-label="Supergiant Games Official Collection" data-plausible-props-param='{"title":"Supergiant Games", "section":"Studios Page", "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-supergiant-games_new.svg?v=1692131296" 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="Supergiant Games" aria-label="Supergiant Games" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="bandai namco" data-position="2"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bandai-namco" style="background-color: #e60017" aria-label="Bandai Namco Official Collection" data-plausible-props-param='{"title":"Bandai Namco", "section":"Studios Page", "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-bandai-namco_new.svg?v=1692131312" 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="Bandai Namco" aria-label="Bandai Namco" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="rare" data-position="3"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/rare" style="background-color: #efd20e" aria-label="Rare Official Collection" data-plausible-props-param='{"title":"Rare", "section":"Studios Page", "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-rare_new.svg?v=1692131002" 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="Rare" aria-label="Rare" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="capcom" data-position="4"> <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":"Studios Page", "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-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> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="konami" data-position="5"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/konami" style="background-color: #fa2222" aria-label="Konami Official Collection" data-plausible-props-param='{"title":"Konami", "section":"Studios Page", "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"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-20 text-fangamer-darkblue transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">Konami</span> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="double fine" data-position="6"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/double-fine" style="background-color: #d64e00" aria-label="Double Fine Official Collection" data-plausible-props-param='{"title":"Double Fine", "section":"Studios Page", "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/logo-double-fine-new.svg?v=1692130294" 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="Double Fine" aria-label="Double Fine" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="subset games" data-position="7"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/subset-games" style="background-color: #506daa" aria-label="Subset Games Official Collection" data-plausible-props-param='{"title":"Subset Games", "section":"Studios Page", "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/logo-subset-games_new.svg?v=1692130981" 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="Subset Games" aria-label="Subset Games" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="atlus" data-position="8"> <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":"Studios Page", "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-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> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="playstation" data-position="9"> <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":"Studios Page", "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-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> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="exok" data-position="10"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/exok" style="background-color: #64defd" aria-label="EXOK Official Collection" data-plausible-props-param='{"title":"EXOK", "section":"Studios Page", "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/logo-exok-games_new.svg?v=1692131068" 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="EXOK" aria-label="EXOK" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="annapurna interactive" data-position="11"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/annapurna-interactive" style="background-color: #ba9898" aria-label="Annapurna Interactive Official Collection" data-plausible-props-param='{"title":"Annapurna Interactive", "section":"Studios Page", "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/annapurna_interactive.svg?v=1729543371" 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="Annapurna Interactive" aria-label="Annapurna Interactive" /> </div> </a> </div> <div class="studios hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="undertale / deltarune" data-position="12"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/undertale-deltarune" style="background-color: #cdb3b3" aria-label="UNDERTALE / DELTARUNE Official Collection" data-plausible-props-param='{"title":"UNDERTALE / DELTARUNE", "section":"Studios Page", "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/UT_DR_logos_combined.svg?v=1730485525" 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 / DELTARUNE" aria-label="UNDERTALE / DELTARUNE" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="homestar runner" data-position="1"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/homestar-runner" style="background-color: #f3020a" aria-label="Homestar Runner Official Collection" data-plausible-props-param='{"title":"Homestar Runner", "section":"Partners Page", "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-homestar-runner_new.svg?v=1692131161" 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="Homestar Runner" aria-label="Homestar Runner" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="games done quick" data-position="2"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/games-done-quick" style="background-color: #0cb4fa" aria-label="Games Done Quick Official Collection" data-plausible-props-param='{"title":"Games Done Quick", "section":"Partners Page", "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-games-done-quick-gdq-charity_new.svg?v=1692131186" 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="Games Done Quick" aria-label="Games Done Quick" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="limited run games" data-position="3"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/limited-run-games" style="background-color: #ff36d7" aria-label="Limited Run Games Official Collection" data-plausible-props-param='{"title":"Limited Run Games", "section":"Partners Page", "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-limited-run-games_new.svg?v=1692131064" 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="Limited Run Games" aria-label="Limited Run Games" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="legends of localization" data-position="4"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/legends-of-localization" style="background-color: #d89743" aria-label="Legends of Localization Official Collection" data-plausible-props-param='{"title":"Legends of Localization", "section":"Partners Page", "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-legends-of-localization.svg?v=1692129757" 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="Legends of Localization" aria-label="Legends of Localization" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="retronauts" data-position="5"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/retronauts" style="background-color: #ceb6b6" aria-label="Retronauts Official Collection" data-plausible-props-param='{"title":"Retronauts", "section":"Partners Page", "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-retronauts_new.svg?v=1692130882" 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="Retronauts" aria-label="Retronauts" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="desert bus" data-position="6"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/desert-bus" style="background-color: #ffc119" aria-label="Desert Bus Official Collection" data-plausible-props-param='{"title":"Desert Bus", "section":"Partners Page", "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/logo-desert-bus-for-hope_new.svg?v=1692130938" 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="Desert Bus" aria-label="Desert Bus" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="lost in cult" data-position="7"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/lost-in-cult" style="background-color: #b5b8f0" aria-label="Lost in Cult Official Collection" data-plausible-props-param='{"title":"Lost in Cult", "section":"Partners Page", "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/logo-lostincult.svg?v=1697843934" 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="Lost in Cult" aria-label="Lost in Cult" /> </div> </a> </div> <div class="partners hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="charity" data-position="8"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/charity" style="background-color: #92c435" aria-label="Charity Official Collection" data-plausible-props-param='{"title":"Charity", "section":"Partners Page", "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"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-20 text-fangamer-darkblue transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">Charity</span> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="jon kay" data-position="1"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/jon-kay" style="background-color: #f37d1c" aria-label="Jon Kay Official Collection" data-plausible-props-param='{"title":"Jon Kay", "section":"Artists Page", "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-jon-kay_new.svg?v=1692130571" 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="Jon Kay" aria-label="Jon Kay" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="space coyote" data-position="2"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/space-coyote" style="background-color: #ff0066" aria-label="Space Coyote Official Collection" data-plausible-props-param='{"title":"Space Coyote", "section":"Artists Page", "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-nina-matsumoto_new.svg?v=1692130576" 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="Space Coyote" aria-label="Space Coyote" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="kari fry" data-position="3"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/kari-fry" style="background-color: #00a5e2" aria-label="Kari Fry Official Collection" data-plausible-props-param='{"title":"Kari Fry", "section":"Artists Page", "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-kari-fry.svg?v=1692129620" 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="Kari Fry" aria-label="Kari Fry" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="audrey waner" data-position="4"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/audrey-waner" style="background-color: #000000" aria-label="Audrey Waner Official Collection" data-plausible-props-param='{"title":"Audrey Waner", "section":"Artists Page", "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-audrey-waner_new.svg?v=1692130939" 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="Audrey Waner" aria-label="Audrey Waner" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ian wilding" data-position="5"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ian-wilding" style="background-color: #ff1957" aria-label="Ian Wilding Official Collection" data-plausible-props-param='{"title":"Ian Wilding", "section":"Artists Page", "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-ian-wilding_new.svg?v=1692130629" 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="Ian Wilding" aria-label="Ian Wilding" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="jmv" data-position="6"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/jmv" style="background-color: #89fb60" aria-label="Jorge M. Velez Official Collection" data-plausible-props-param='{"title":"JMV", "section":"Artists Page", "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/logo-jorge-velez-jmv_new.svg?v=1692130952" 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="Jorge M. Velez" aria-label="Jorge M. Velez" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="versiris" data-position="7"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/versiris" style="background-color: #ff976b" aria-label="Versiris Official Collection" data-plausible-props-param='{"title":"Versiris", "section":"Artists Page", "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/VERSIRIS_logo.svg?v=1715880243" 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="Versiris" aria-label="Versiris" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="amanda johnson" data-position="8"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/amanda-johnson" style="background-color: #92c435" aria-label="Amanda Johnson Official Collection" data-plausible-props-param='{"title":"Amanda Johnson", "section":"Artists Page", "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"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-20 text-fangamer-darkblue transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">Amanda Johnson</span> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="saber murphy" data-position="9"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/saber-murphy" style="background-color: #ff7a05" aria-label="Saber Murphy Official Collection" data-plausible-props-param='{"title":"Saber Murphy", "section":"Artists Page", "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-saber-murphy_new.svg?v=1692130954" 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="Saber Murphy" aria-label="Saber Murphy" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ilustrata" data-position="10"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ilustrata" style="background-color: #bd9d9d" aria-label="ilustrata Official Collection" data-plausible-props-param='{"title":"ilustrata", "section":"Artists Page", "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/logo-ilustrata-bruno_new.svg?v=1692131084" 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="ilustrata" aria-label="ilustrata" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="laura verdin" data-position="11"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/laura-verdin" style="background-color: #fe5555" aria-label="Laura Verdin Official Collection" data-plausible-props-param='{"title":"Laura Verdin", "section":"Artists Page", "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/laura-verdin-artist-logo.svg?v=1689017178" 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="Laura Verdin" aria-label="Laura Verdin" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="tony kuchar" data-position="12"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/tony-kuchar" style="background-color: #ffe300" aria-label="Tony Kuchar Official Collection" data-plausible-props-param='{"title":"Tony Kuchar", "section":"Artists Page", "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-tony-kuchar_new.svg?v=1692130956" 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="Tony Kuchar" aria-label="Tony Kuchar" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="eyes5" data-position="13"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/eyes5" style="background-color: #eba434" aria-label="Eyes5 Official Collection" data-plausible-props-param='{"title":"Eyes5", "section":"Artists Page", "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-eyes5_new.svg?v=1692130974" 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="Eyes5" aria-label="Eyes5" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="odd looking bird" data-position="14"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/odd-looking-bird" style="background-color: #ff9e6e" aria-label="Odd Looking Bird Official Collection" data-plausible-props-param='{"title":"Odd Looking Bird", "section":"Artists Page", "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/sproutsnout_logo.svg?v=1676483537" 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="Odd Looking Bird" aria-label="Odd Looking Bird" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ikuno ohashi" data-position="15"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ikuno-ohashi" style="background-color: #4fbfc5" aria-label="Ikuno Ohashi Official Collection" data-plausible-props-param='{"title":"Ikuno Ohashi", "section":"Artists Page", "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/logo-ikuno-ohashi_new.svg?v=1692131180" 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="Ikuno Ohashi" aria-label="Ikuno Ohashi" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="ade" data-position="16"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/ade" style="background-color: #ec2c7f" aria-label="Ade Official Collection" data-plausible-props-param='{"title":"Ade", "section":"Artists Page", "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/logo-ade-kaori-takizawa_new.svg?v=1692131184" 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="Ade" aria-label="Ade" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="brian carmody" data-position="17"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/brian-carmody" style="background-color: #92c435" aria-label="Brian Carmody Official Collection" data-plausible-props-param='{"title":"Brian Carmody", "section":"Artists Page", "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"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-20 text-fangamer-darkblue transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">Brian Carmody</span> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="chihiro sakaida" data-position="18"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/chihiro-sakaida" style="background-color: #d8a936" aria-label="Chihiro Sakaida Official Collection" data-plausible-props-param='{"title":"Chihiro Sakaida", "section":"Artists Page", "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-chihiro-sakaida_new_1_8ae51f2d-aed1-488a-a555-56d5828dd7ed.svg?v=1694030558" 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="Chihiro Sakaida" aria-label="Chihiro Sakaida" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="grant newbold" data-position="19"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/grant-newbold" style="background-color: #92c435" aria-label="Grant Newbold Official Collection" data-plausible-props-param='{"title":"Grant Newbold", "section":"Artists Page", "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/gmnlogo_2.svg?v=1727384420" 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="Grant Newbold" aria-label="Grant Newbold" /> </div> </a> </div> <div class="artists hidden rounded motion-safe:transition-all [&.matched]:order-first [&.matched]:ring-2 [&.matched]:ring-fangamer-green [&.not-matched]:opacity-50" data-collections-target="collection" data-title="alex colvin" data-position="20"> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/alex-colvin" style="background-color: #92c435" aria-label="Alex Colvin Official Collection" data-plausible-props-param='{"title":"Alex Colvin", "section":"Artists Page", "location":"Slot 20"}' 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-alex-colvin_new.svg?v=1692131259" 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="Alex Colvin" aria-label="Alex Colvin" /> </div> </a> </div> </section> </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/fangamer-black-friday-the-buy-2-get-1-free-physical-game-sale-is-back-for-one-weekend-only-mix-and-match-from-a-big-list-of-games" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-fangamer-black-friday-the-buy-2-get-1-free-physical-game-sale-is-back-for-one-weekend-only-mix-and-match-from-a-big-list-of-games" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-458.png?v=1732869553&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-458.png?v=1732869553&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Fangamer Black Friday: The Buy 2 Get 1 Free Physical Game Sale is back for one weekend only!" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/fangamer-black-friday-the-buy-2-get-1-free-physical-game-sale-is-back-for-one-weekend-only-mix-and-match-from-a-big-list-of-games"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Fangamer Black Friday: The Buy 2 Get 1 Free Physical Game Sale is back for one weekend only!</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Nov 29, 2024</h4> <p class="block h-[76px] overflow-hidden">There's still time to take advantage of all our Black Friday sales before the sale ends December 3, but we're...</p> </figcaption> <a href="/blogs/news/fangamer-black-friday-the-buy-2-get-1-free-physical-game-sale-is-back-for-one-weekend-only-mix-and-match-from-a-big-list-of-games" 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: Fangamer Black Friday: The Buy 2 Get 1 Free Physical Game Sale is back for one weekend only!">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/holiday-sale-day-5-signalis-celeste" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-holiday-sale-day-5-signalis-celeste" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-457-110.png?v=1732302945&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-457-110.png?v=1732302945&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Holiday Sale Day 5: New merch for Celeste, SIGNALIS, and Celeste 64! Free shipping + much more" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/holiday-sale-day-5-signalis-celeste"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Holiday Sale Day 5: New merch for Celeste, SIGNALIS, and Celeste 64! Free shipping + much more</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Nov 27, 2024</h4> <p class="block h-[76px] overflow-hidden">Our holiday sale's final new collection is SIGNALIS! Our first wave of merch includes the wake up. shirt, an Operation...</p> </figcaption> <a href="/blogs/news/holiday-sale-day-5-signalis-celeste" 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: Holiday Sale Day 5: New merch for Celeste, SIGNALIS, and Celeste 64! Free shipping + much more">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鈥攁nd shipping from鈥擳ucson, 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 2024 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> <script type="text/javascript" async="" defer src="https://static.klaviyo.com/onsite/js/V5vitF/klaviyo.js"></script> <script type="text/javascript" defer> //Initialize the Klaviyo object on page load (with Turbo) !function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script> <script type="text/javascript"> document.addEventListener("turbo:load", function() { var klaviyo = window.klaviyo || []; if ("") {klaviyo.identify({"$email" : ""})}; }); </script> </body> </html>