<!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.0">
    <meta name="theme-color" content="">
    
      <link rel="canonical" href="https://smosh.com/">
    
<link rel="icon" type="image/png" href="//smosh.com/cdn/shop/files/smosh-favicon.png?crop=center&height=32&v=1613704639&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Smosh Store
</title>
      <script type="application/ld+json">
        {
          "@context": "http://schema.org",
          "@type": "OnlineStore",
          "name": "",
          "description": "Best store for Heath and beauty products",
          
          "telephone": "",
          "address": [{
            "@type": "PostalAddress",
            "streetAddress": "",
            "addressLocality": "",
            "addressRegion": "",
            "postalCode": "",
            "addressCountry": ""
          },{
            "streetAddress": "",
            "addressLocality": "",
            "addressRegion": "",
            "postalCode": "",
            "addressCountry": ""
          }],
          "email": ""
        }
      </script>
    
      <meta name="description" content="The official store for Smosh, Smosh Pit, and Smosh Games Merch.">
    
    <link href="//smosh.com/cdn/shop/t/109/assets/theme.css?v=68247296526925787481778709177" rel="stylesheet" type="text/css" media="all" />
    
    
    <link rel="preload" href="//smosh.com/cdn/shop/t/109/assets/secondary-css.css?v=161768602518217498401778709177" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="//smosh.com/cdn/shop/t/109/assets/secondary-css.css?v=161768602518217498401778709177">
    </noscript>
    <link rel="preload" href="//smosh.com/cdn/shop/t/109/assets/theme-md.css?v=132121132021328883421778709177" as="style" media="(min-width: 768px)">
    <link rel="stylesheet" href="//smosh.com/cdn/shop/t/109/assets/theme-md.css?v=132121132021328883421778709177" type="text/css" media="(min-width: 768px)">
    <link rel="preload" href="//smosh.com/cdn/shop/t/109/assets/theme-lg.css?v=80485476460842249911778709177" as="style" media="(min-width: 1024px)">
    <link rel="stylesheet" href="//smosh.com/cdn/shop/t/109/assets/theme-lg.css?v=80485476460842249911778709177" type="text/css" media="(min-width: 1024px)">
    <link rel="preload" href="//smosh.com/cdn/shop/t/109/assets/theme-xl.css?v=108715784441113734131778709177" as="style" media="(min-width: 1280px)">
    <link rel="stylesheet" href="//smosh.com/cdn/shop/t/109/assets/theme-xl.css?v=108715784441113734131778709177" type="text/css" media="(min-width: 1280px)">
    
    
    
<link rel="preload" href="//smosh.com/cdn/fonts/barlow/barlow_n4.038c60d7ea9ddb238b2f64ba6f463ba6c0b5e5ad.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
    
    
    

<meta property="og:site_name" content="Smosh Store">
<meta property="og:url" content="https://smosh.com/">
<meta property="og:title" content="Smosh Store">
<meta property="og:type" content="website">
<meta property="og:description" content="The official store for Smosh, Smosh Pit, and Smosh Games Merch."><meta property="og:image" content="http://smosh.com/cdn/shop/files/smosh_social_sharing.png?v=1709154023">
  <meta property="og:image:secure_url" content="https://smosh.com/cdn/shop/files/smosh_social_sharing.png?v=1709154023">
  <meta property="og:image:width" content="5000">
  <meta property="og:image:height" content="2617"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Smosh Store">
<meta name="twitter:description" content="The official store for Smosh, Smosh Pit, and Smosh Games Merch.">
<style data-shopify>@font-face {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n7.691d1d11f150e857dcbc1c10ef03d825bc378d81.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n7.4fdbb1cb7da0e2c2f88492243ffa2b4f91924840.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n4.038c60d7ea9ddb238b2f64ba6f463ba6c0b5e5ad.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n4.074a9f2b990b38aec7d56c68211821e455b6d075.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n7.691d1d11f150e857dcbc1c10ef03d825bc378d81.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n7.4fdbb1cb7da0e2c2f88492243ffa2b4f91924840.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n4.038c60d7ea9ddb238b2f64ba6f463ba6c0b5e5ad.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n4.074a9f2b990b38aec7d56c68211821e455b6d075.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_i4.8c59b6445f83f078b3520bad98b24d859431b377.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_i4.bf7e6d69237bd02188410034976892368fd014c0.woff") format("woff");
}


  @font-face {
  font-family: Barlow;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n7.691d1d11f150e857dcbc1c10ef03d825bc378d81.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n7.4fdbb1cb7da0e2c2f88492243ffa2b4f91924840.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_i4.8c59b6445f83f078b3520bad98b24d859431b377.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_i4.bf7e6d69237bd02188410034976892368fd014c0.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_i7.50e19d6cc2ba5146fa437a5a7443c76d5d730103.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_i7.47e9f98f1b094d912e6fd631cc3fe93d9f40964f.woff") format("woff");
}

  @font-face {
  font-family: Barlow;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//smosh.com/cdn/fonts/barlow/barlow_n4.038c60d7ea9ddb238b2f64ba6f463ba6c0b5e5ad.woff2") format("woff2"),
       url("//smosh.com/cdn/fonts/barlow/barlow_n4.074a9f2b990b38aec7d56c68211821e455b6d075.woff") format("woff");
}
</style>
<style data-shopify>:root,
  *:before {
    --base-font-size: 0.9625rem;
    --font-size-medium-mobile: 0.99rem;
    --font-size-medium: 1.1rem;
    --font-size-small: 0.6875rem;
    --font-size-small-mobile: 0.61875rem;
    --font-size-normal: 0.825rem;
    --font-size-normal-mobile: 0.7425rem;
    --font-size-large: 1.375rem;
    --font-size-large-mobile: 1.2375rem;
    --heading-highlight-font-size: 130%;
    --h1-font-size: 4.9725rem;
    --h2-font-size: 2.925rem;
    --h3-font-size: 1.755rem;
    --h4-font-size: 1.60875rem;
    --h5-font-size: 1.4625rem;
    --h6-font-size: 1.31625rem;
    --base-font-size-mobile: 0.86625rem;
    --h1-font-size-mobile: 2.48625rem;
    --h2-font-size-mobile: 1.755rem;
    --h3-font-size-mobile: 1.2285rem;
    --h4-font-size-mobile: 1.126125rem;
    --h5-font-size-mobile: 1.02375rem;
    --h6-font-size-mobile: 0.921375rem;
    --rating-star-size: 0.77rem;
    --border-radius: 100px;
    --page-width: 1600px;
    --width-countdown: 8.6625rem;
    --font-menu: Barlow, sans-serif;
    --font-menu-weight: 700;
    --font-menu-style: normal;
    --font-button: Barlow, sans-serif;
    --font-button-weight: 400;
    --font-button-style: normal;
    --font-body-family: Barlow, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-heading-family: Barlow, sans-serif;
    --font-heading-highlight: Barlow, sans-serif;
    --font-heading-highlight-style: italic;
    --font-heading-highlight-weight: 400;
    --font-heading-style: normal;
    --font-heading-weight: 700;
    --heading-text-tranform: uppercase;
    --advanced-sections-spacing: 0px;
    --divider-spacing: -0;

    --colors-pulse-speech: 104, 102, 72;
    --image-treatment-overlay: 0, 0, 0;
    --image-treatment-text: 255, 255, 255;
    --colors-line-and-border: 225, 227, 225;
    --colors-line-and-border-base: 225, 227, 225;
    --colors-line-header: 225, 227, 225;
    --colors-line-footer: 52, 54, 52;
    --colors-background: 255, 255, 255;
    --colors-text: 69, 70, 69;
    --colors-text-base: 69, 70, 69;
    --colors-heading: 16, 16, 16;
    --colors-heading-base: 16, 16, 16;
    --colors-background-secondary: 255, 255, 255;
    --colors-text-secondary: 0, 0, 0;
    --colors-heading-secondary: 40, 41, 40;
    --colors-text-link: 16, 16, 16;
    --background-color:  255, 255, 255;
    --background-color-base:  255, 255, 255;
    --background-color-header: 255, 255, 255;
    --colors-text-header: 40, 41, 40;
    --background-color-footer: 255, 255, 255;
    --colors-text-footer: 16, 16, 16;
    --colors-heading-footer: 16, 16, 16;
    --colors-text-link-footer: 16, 16, 16;
    --color-error: 169, 70, 0;
    --color-success: 255, 182, 0;
    --colors-price: 40, 41, 40;
    --colors-price-sale: 0, 0, 0;
    --colors-button-text: 255, 255, 255;
    --colors-button: 40, 41, 40;
    --colors-button-text-hover: 255, 255, 255;
    --colors-secondary-button: 40, 41, 40;
    --colors-button-hover: rgb(16, 16, 16);
    --colors-cart: 107, 87, 87;
    --colors-cart-text: 255, 255, 255;
    --colors-icon-rating: 166, 127, 99;
    --colors-transition-arrows: 0, 0, 0;
    --color-highlight: rgb(16, 16, 16);
    --background-pagination-slideshow: 40, 41, 40;
    --text-color-pagination-slideshow: 255, 255, 255;
    
      --background-secondary-button: transparent;
      --colors-line-secondary-button: 40, 41, 40;
    
    
      --button-width: 120%;
      --button-height: 100%;
      --button-transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
      --button-transform-origin: 0% 100%;
    
    
      --height-parallax: 110%;
    
    
      --image-zoom: 1.05;
    
    --card-product-bg: rgba(0,0,0,0);
    --card-product-padding: 20px;
    --card-product-padding-mobile: 8px;
    --card-product-alignment: center;
    
    --width-scrollbar: 0;
    --card-product-ratio: 0.0%;
    --card-product-img-position:  inherit;
    --card-product-img-height:  auto;
    --card-product-img-zoom:  scale(1.1);
    --height-header: 0px;
    --transition-card-loading: 500ms;
    --transition-card-image-hover: 400ms;
    --transition-slideshow: 500ms;
    --transition-image-hover: 500ms;
  }
  .dark,
  .dark *:before {
    --image-treatment-overlay: 0, 0, 0;
    --image-treatment-text: 255, 255, 255;
    --colors-line-and-border: 49, 49, 49;
    --colors-line-and-border-base: 49, 49, 49;
    --colors-line-header: 52, 54, 52;
    --colors-line-footer: 52, 54, 52;
    --colors-background: 40, 41, 40;
    --colors-text: 225, 227, 225;
    --colors-text-base: 225, 227, 225;
    --colors-heading: 255, 255, 255;
    --colors-heading-base: 255, 255, 255;
    --background-color: 40, 41, 40;
    --background-color-base: 40, 41, 40;
    --colors-text-link: 255, 182, 0;
    --color-error: 229, 105, 15;
    --color-success: 145, 180, 116;
    --background-color-header: 40, 41, 40;
    --colors-text-header: 255, 255, 255;
    --background-color-footer: 40, 41, 40;
    --colors-text-footer: 225, 227, 225;
    --colors-heading-footer: 255, 255, 255;
    --colors-text-link-footer: 145, 180, 116;
    --colors-price: 250, 250, 250;
    --colors-price-sale: 229, 105, 15;
    --colors-button-text: 40, 41, 40;
    --colors-button: 255, 255, 255;
    --colors-button-text-hover: 40, 41, 40;
    --colors-secondary-button: 255, 255, 255;
    --colors-button-hover: rgb(255, 255, 255);
    --colors-cart: 145, 180, 116;
    --colors-cart-text: 250, 250, 250;
    --colors-background-secondary: 47, 48, 47;
    --colors-text-secondary: 225, 227, 225;
    --colors-heading-secondary: 255, 255, 255;
    --colors-icon-rating: 229, 105, 15;
    --colors-pulse-speech: 104, 102, 72;
    --colors-transition-arrows: 0, 0, 0;
    --color-highlight: rgb(255, 182, 0);
    
      --background-secondary-button: transparent;
      --colors-line-secondary-button: 255, 255, 255;
    
    --card-product-bg: rgba(0,0,0,0);
  }
  shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-border-radius: 100px;
  }
  shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-border-radius: 100px;
    --shopify-accelerated-checkout-inline-alignment: end;
    --shopify-accelerated-checkout-button-block-size: 48px;
    --shopify-accelerated-checkout-button-inline-size: 48px;
  }
  shopify-account {
    --shopify-account-color-accent: rgba(var(--colors-button));
    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
    --shopify-account-color-background: rgb(var(--background-color-base));
    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
    --shopify-account-radius-button-small: 9999px;
    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
    --shopify-account-color-control-background: rgb(var(--background-color-base));
    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
    --shopify-account-dialog-position-top: 30px;
    --shopify-account-font-body: var(--font-body-family);
    --shopify-account-font-body-weight: var(--font-body-weight);
    --shopify-account-font-heading: var(--font-heading-family);
    --shopify-account-font-heading-weight: var(--font-heading-weight);
    --shopify-account-radius-base:  8px;
    --shopify-account-radius-button: 100px;
    --shopify-account-radius-dialog:  12px;
    --shopify-account-radius-input:  8px;
    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
  }
  
    [role="button"],
    [type="button"],
    .button {
      color: rgb(var(--colors-button-text));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      background-color: rgba(var(--colors-button));
    }
    button.button-disable-effect,
    .button.button-disable-effect {
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
    .button-action {
      border: none;
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
  
  .header, .header *::before {
    --colors-text: var(--colors-text-header);
    --colors-heading: var(--colors-text-header);
    --colors-price: var(--colors-text-header);
    --colors-line-and-border: var(--colors-line-header);
  }
  #sticky-header-content .divider {
    --colors-line-and-border: var(--colors-line-header);
  }
  .paginate-slide-image {
    background: rgba(var(--background-pagination-slideshow));
    color: rgba(var(--text-color-pagination-slideshow));
  }
  body {
    touch-action: manipulation;
  }
  @media (min-width: 1024px) {
    .paginate-slide-image {
      color: rgba(var(--text-color-pagination-slideshow));
    }
    .paginate-slide-image:hover {
      color: rgba(var(--text-color-pagination-slideshow));
    }
  }

  .section-quick-links,
  .section-quick-links *::before,
  .section-footer,
  .section-footer *::before {
    --colors-text: var(--colors-text-footer);
    --colors-heading: var(--colors-heading-footer);
    --colors-text-link: var(--colors-text-link-footer);
    --colors-line-and-border: var(--colors-line-footer);
  }
  .sticky-header {
    --font-body-weight: 700;
  }

  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  body.scrollbar-body::-webkit-scrollbar{
    width: 5px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  .scrollbar-body::-webkit-scrollbar{
    width: 3px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
    background: #747474;
    visibility: visible;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
    background: transparent;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
    background: transparent;
    visibility: visible;
  }
  .scrollbar-body::-webkit-scrollbar-thumb{
    background: #747474;
  }
  .animate-scroll-banner {
    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
  }
  .padding-scrollbar, .padding-scrollbar-header {
    padding-right: min(var(--width-scrollbar), 20px);
  }
  
  
  .des-block iframe {
    width: 100%;
    height: 100%;
  }
  .toggle-compare  + label span:first-child,
  .toggle-compare:checked + label span:last-child {
    display: block
  }
  .toggle-compare  + label span:last-child,
  .toggle-compare:checked + label span:first-child {
    display: none;
  }
  .card-product:not(.recommendations) {}
  .dark .card-product:not(.recommendations) {background: transparent;}
  .card-product:not(.recommendations) .card-info,
  .card-product:not(.recommendations) .x-variants-data {
    padding-left: 8px;
    padding-right: 8px;
  }
  .card-product:not(.recommendations) .x-variants-separator::before {
    content: var(--tw-content);
    position: absolute;
    width: calc(100% - 2 * 8px);
    top: 0;
    left: 0;
    margin-left: 8px;
    margin-right: 8px;
  }
  .card-product:not(.recommendations) .card-info .x-variants-data
  {
    padding-left: 0;
    padding-right: 0;
  }
  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .card-product-slideshow {
      background: rgb(255, 255, 255);}
  .dark .card-product-slideshow {
      background: rgb(47, 48, 47);}
  button.shopify-payment-button__more-options {
    color: rgba(var(--colors-text));
  }
  .group-discount:before,.group-discount:after {
    background-color: rgba(var(--colors-price-sale), 5%);
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    top: 0;
    width: 1.25rem;
  }
  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
    background-color: rgb(var(--colors-background-secondary));
  }
  .group-discount:after {
    left: 100%;
    right: auto;
  }
  @media (min-width: 768px){
    .list-layout .card-product:not(.recommendations) {
      padding-bottom: 0;
    }
    .list-layout .card-product:not(.recommendations) .card-info,
    .list-layout .card-product:not(.recommendations) .x-variants-data{
      padding-left: 0;
      padding-right: 0;
    }
    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: 46px;
    --shopify-accelerated-checkout-button-inline-size: 46px;
  }
  }
  @media (min-width: 1024px){
    .group-discount:before,.group-discount:after {
       width: 0;
    }
    .card-product:not(.recommendations) .card-info,
    .card-product:not(.recommendations) .x-variants-data {
      padding-left: 20px;
      padding-right: 20px;
    }
    .card-product:not(.recommendations) .x-variants-separator::before {
      width: calc(100% - 2 * 20px);
      margin-left: 20px;
      margin-right: 20px;
    }
    [role="button"],
    [type="button"],
    .button {
      color: rgba(var(--colors-button-text));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      box-shadow: none;
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
      overflow: hidden;
      background-origin: border-box;
    }
    button.button-solid:hover,
    .button.button-solid:hover {
      
      transition-delay: 0.5s;
      
      transition-property: background-color;
      background-color: var(--colors-button-hover);
      color: rgba(var(--colors-button-text-hover));
      background-origin: border-box;
    }
    .button-action {
      border: none;
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    button.button-disable-effect,
    .button.button-disable-effect {
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
    button.button-disable-effect:hover,
    .button.button-disable-effect:hover {
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    
      button.button-solid:before,
      .button.button-solid:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: var(--button-width);
        height: var(--button-height);
        background-color: var(--colors-button-hover);
        backface-visibility: hidden;
        will-change: transform;
        transform: var(--button-transform);
        transform-origin: var(--button-transform-origin);
        transition: transform 0.5s ease;
      }
      button.button-solid:hover:before,
      .button.button-solid:hover:before {
        transform: rotate3d(0,0,1,0) translateZ(0);
      }
    
    
  }
  .inventory-low-stock-status {
    
      --stock-color: rgba(191, 18, 42);
    
      color: var(--stock-color);
    }
  .dark .inventory-low-stock-status {
    
      --stock-color: rgba(191, 18, 42);
    
  }
  .inventory-in-stock-status {
    
      --stock-color: rgba(255, 182, 0);
    
      color: var(--stock-color);
  }
  .dark .inventory-in-stock-status {
    
      --stock-color: rgba(133, 143, 77);
    
  }
  .inventory-out-of-stock-status {
    
      --stock-color: rgba(118, 116, 116);
    
      color: var(--stock-color);
  }
  .dark .inventory-out-of-stock-status {
    
      --stock-color: rgba(134, 127, 127);
    
  }
  .inventory-status {
    background-color: var(--stock-color);
  }
  .card-testimonial {
      background: #ffffff;}
  .dark .card-testimonial {
      background: #2f302f;}
  /* App Shopify Subscription */
  .shopify_subscriptions_app_policy a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .shopify_subscriptions_app_policy:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .shopify_subscriptions_app_policy a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }

  /* Recurpay Subscription App */
  #recurpay-account-widget {
    margin-top: 1rem;
  }

  /* Seal Subscriptions */
  .sls-widget-branding {
    z-index: 20 !important;
  }
  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
    display: none !important;
  }
  .seal-portal-link a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .seal-portal-link:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .seal-portal-link a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }
  .x-card-title {
    font-size: 0.9rem;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
  }
  .x-card-price, .x-card-price-init {
    font-size: 0.9rem;
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
  }
  @media (min-width: 768px) {
    .x-card-title {
      font-size: 1.0rem;
    }
    .x-card-price, .x-card-price-init {
      font-size: 1.0rem;
    }
  }
  .dbtap-overlay{
    display: none
  }
  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
    .dbtap-overlay{
      display: block
    }
  }
  .swatch-count-small {
    min-height: 28px;
    min-width: 28px;
  }
  .swatch-count-medium {
    min-height: 32px;
    min-width: 32px;
  }
  .swatch-count-large {
    min-height: 38px;
    min-width: 38px;
  }
  .paginate-testimonial {
    background: rgba(16, 16, 16, 0.2);
  }
  .dark .paginate-testimonial {
    background: rgba(255, 255, 255, 0.2);
  }</style><style data-shopify>
  /* Shopify Product Reviews app */
      #shopify-product-reviews .spr-container {
          border-color: rgba(var(--colors-line-and-border),1);
          border-width:0px;
          border-bottom-width:1px;
          padding-left:0px;
          padding-right:0px}
      @media (min-width: 1280px){
      #shopify-product-reviews .spr-container{padding-bottom:1rem}}
      .card-product-slideshow .collection-icon-list.vstar-star {
          text-align: left;
        }
      .spr-container .spr-header{display:flex;flex-direction:column;align-items:center;justify-content:center}
      .spr-header .spr-summary-caption{grid-column:span 2 / span 2;display:flex;justify-content:center}
      .spr-header .spr-summary-actions-togglereviews{margin-top:2px}
      @media (min-width: 768px){
      .spr-header .spr-summary-actions-togglereviews{margin-top:0.25rem}}
      .spr-header .spr-icon{font-size:100%}
      @media (min-width: 768px){
      .spr-header .spr-icon{font-size:120%}}
      .spr-container .spr-summary{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:1.25rem}
      .spr-container .spr-summary::before{content:var(--tw-content);display:none}
      .spr-container .spr-summary-actions{grid-column:span 2 / span 2;display:flex;justify-content:center}
      .spr-container .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
      .spr-container .spr-summary-actions-newreview{border-width:1px;border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.625rem;padding-bottom:0.625rem}
      @media (min-width: 768px){
      .spr-container .spr-summary-actions-newreview{padding-top:0.75rem;padding-bottom:0.75rem}}
      .spr-container .spr-form{margin-top:0px;padding-top:2.5rem}
      .spr-container .spr-form-contact{display:flex;flex-wrap:wrap;justify-content:space-between}
      .spr-container .spr-form-contact::before{content:var(--tw-content);display:none}
      .spr-container .spr-form-contact::after{content:var(--tw-content);display:none}
      .spr-container .spr-form-title{display:none}
      .active-row.spr-container .spr-form-title {
        display: flex;
      }
      .spr-container .spr-reviews{margin-top:0px}
      .spr-container .spr-review{padding-top:1.25rem;padding-bottom:1.25rem}
      .spr-container .spr-review:first-child{margin-top:0px}
      .spr-container .spr-form-input-text,  .spr-container .spr-form-input-email,  .spr-container .spr-form-input-textarea{margin-top:0.375rem !important;border-width:1px;border-style:solid;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.5rem;padding-right:0.5rem}
      .spr-container .spr-form-input-text:focus,  .spr-container .spr-form-input-email:focus,  .spr-container .spr-form-input-textarea:focus{outline:2px solid transparent;outline-offset:2px}
      .spr-container .spr-form-input-text:focus-visible,  .spr-container .spr-form-input-email:focus-visible,  .spr-container .spr-form-input-textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}
      .spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:100%}
      @media (min-width: 768px){
      .spr-container .spr-form-contact-name,  .spr-container .spr-form-contact-email{width:48%}}
      .spr-container .spr-form-input{background-color:rgba(var(--background-color),1)}
      .spr-container .spr-form-input.spr-starrating{margin-top:0.375rem !important}
      .spr-container .spr-icon-star-empty:hover, .spr-container .spr-icon-star:hover {
          background-size: 0;
          background-position: 0;
          background-repeat: no-repeat;
          background: none;
        }
      .spr-container .spr-button-primary.btn-primary {
          background: var(--colors-button-hover);
          border-color: var(--colors-button-hover);
          float:left;
          margin-bottom:2.5rem;
          cursor:pointer;
          border-width:0px;
          padding-top:0.75rem;
          padding-bottom:0.75rem;
          padding-left:1.75rem;
          padding-right:1.75rem;
          color:rgb(var(--colors-button-text-hover))}
      .spr-container .spr-form-label {
          font-size: unset;
        }
      .spr-container .spr-form-review-body{margin-bottom:0.5rem}
      .spr-reviews .spr-icon{margin-right:0.25rem;font-size:100%}
      .spr-reviews strong{font-weight:400;font-style:normal;color:rgb(var(--colors-text),1)}
      .spr-reviews .spr-review-header-byline{font-size:100%;font-style:italic;color:rgb(var(--colors-text),1)}
      .spr-reviews .spr-review-header-title {
          font-size: var(--h6-font-size-mobile);
          font-size:100%;
          font-weight:600;
          line-height:1.375;
          color:rgb(var(--colors-heading),1)}
      .spr-reviews .spr-review-content-body {
          font-size: unset;
          line-height:1.375;
          color:rgb(var(--colors-text),1)}
      .spr-reviews .spr-review-content{margin-bottom:1rem}
      .spr-reviews .spr-review-reportreview{float:left;font-size:100%;font-style:italic;color:rgb(var(--colors-text),1);-webkit-text-decoration-line:underline;text-decoration-line:underline;text-underline-offset:2px}
      .spr-reviews .spr-review-reportreview:hover{background-size:auto}
      @media (min-width: 768px){
      .spr-reviews .spr-review-reportreview{float:right}}
      .spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
          background-size: 0;
        }
      .spr-summary-starrating .spr-stars span{display:flex;gap:0.25rem}
      .spr-summary-starrating{margin-top:2.5rem;margin-bottom:2.5rem}
      .spr-container .spr-summary-starrating{margin-top:0px;margin-bottom:0px}
      .spr-pagination .spr-pagination-page.is-active {
          background: var(--colors-button-hover);
          border-color: var(--colors-button-hover);
          display:flex;
          height:2.75rem;
          width:2.75rem;
          align-items:center;
          justify-content:center;
          border-radius:9999px;
          font-weight:400;
          color:rgb(var(--colors-button-text-hover))}
      @media (min-width: 768px){
      .spr-pagination .spr-pagination-page.is-active{height:3.5rem;width:3.5rem}}
      .main-product .spr-pagination .is-active{height:2.75rem;width:2.75rem}
      .spr-pagination>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem}
      .spr-pagination a{padding-top:0.5rem;padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}
      .spr-pagination .spr-pagination-page a{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(var(--colors-text),0.2);font-weight:400;color:rgb(var(--colors-text))}
      @media (min-width: 768px){
      .spr-pagination .spr-pagination-page a{height:3.5rem;width:3.5rem}}
      .main-product .spr-pagination-page a{height:2.75rem;width:2.75rem}
      .spr-pagination a:not(.button):not(.disable-effect):hover {
          background-size: 0;
          color:rgb(var(--colors-text))}
      .spr-pagination .spr-pagination-next,  .spr-pagination .spr-pagination-prev{position:relative}
        .is-active>.spr-pagination .spr-pagination-next>.animate_transition_slide__image,   .is-active> .spr-pagination .spr-pagination-prev>.animate_transition_slide__image{
        transform: scale(1);
      }
      .spr-container .spr-pagination {
          border-color: rgba(var(--colors-line-and-border),0.8);
          border-top-width:1px;
          border-style:solid}
      .spr-header .spr-summary-starrating + .spr-summary-caption{grid-column:span 1 / span 1}
      .main-product #shopify-product-reviews .spr-container{padding-left:0px;padding-right:0px}
      .spr-container .spr-form-label{padding-left:0.25rem}
      .spr-container .spr-form-label::after{--tw-content:'*';content:var(--tw-content)}
      .spr-container .spr-form-input-error .spr-icon{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
      .spr-container .spr-form-input-error, .spr-container .spr-form-input-error[type="text"], .spr-container .spr-form-input-error[type="email"] {
          border-color: rgba(var(--colors-line-and-border),1);
        }
      .spr-container .spr-form-review .spr-icon{margin-right:0.75rem}
      .spr-container .spr-form-message-success{margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-success),0.2);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;color:rgba(var(--colors-text),1)}
      .spr-container .spr-form-message-error{width:-moz-fit-content;width:fit-content;background-color:rgba(var(--color-error),0.2);color:rgba(var(--colors-text),1)}
      .spr-container .spr-form {
          border-color: rgba(var(--colors-line-and-border),1);
        }
      .spr-container .spr-review {
          border-color: rgba(var(--colors-line-and-border),0.8);
        }
      .spr-container .spr-icon.spr-icon-star:not(.disable-effect):hover{--tw-text-opacity:1;color:rgb(255 164 34 / var(--tw-text-opacity))}
      .spr-container .spr-header-title {
        font-size: var(--h2-font-size-mobile);
      }
      .main-product .spr-header-title {
        font-size: calc(var(--h2-font-size-mobile) * 0.7);
      }
      .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
        border-radius: var(--border-radius);
        background: var(--colors-button-hover);
        border-color: var(--colors-button-hover);
        color: rgba(var(--colors-button-text-hover));
      }
      @media (min-width: 1024px) {
        .spr-reviews .spr-review-reportreview:not(.button):not(.disable-effect):hover {
          background-size: 0;
        }
        .spr-container .spr-header-title {
          font-size: var(--h2-font-size);
        }
        .main-product .spr-header-title {
          font-size: calc(var(--h2-font-size) * 0.7);
        }
        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect) {
          border: 1px solid rgba(var(--colors-button));
          color: rgb(var(--colors-button-text));
          background: rgba(var(--colors-button));
          overflow: hidden;
          background-origin: border-box;
          position: relative;
        }      
        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover {
          transition: box-shadow 1s;
          background-image: linear-gradient(rgba(var(--colors-button),0), rgba(var(--colors-button),0)), var(--colors-button-hover); 
          border-color: var(--colors-button-hover);
          color: rgba(var(--colors-button-text-hover));
          background: var(--colors-button-hover);
        } 
        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):before {
          content: "";
          transition: all .25s ease;          
          background: var(--colors-button-hover);          
          position:absolute;          
          top:0px;          
          right:0px;          
          z-index:-10;          
          height:100%;          
          width:0px;
        }
      .choose-options-mobile button.spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):before {
        display: none;
      }   
        .spr-container .spr-summary-actions-newreview:not(.button):not(.disable-effect):hover:before{left:0px;width:100%}     
        .spr-reviews .spr-review-header-title {
          font-size: var(--h6-font-size);
        }
      }
    /* end Shopify Product Reviews app */
    #am-reviews-carousel-shadow-container-production {
      max-width: var(--page-width);
      margin: auto;
    }
    /* Fera Product Reviews App */
      .fera-productReviews-reviews{margin-top:1.25rem}
      .fera-productReviewsSummary{padding-left:1.25rem;padding-right:1.25rem}
      @media (min-width: 1280px){
      .fera-productReviewsSummary{padding-left:0px;padding-right:0px}}
      .fera-productReviews-review-body,
      .fera-allReviews-review-body {
        word-break: break-word;
      }
      #MainContent>.fera-productReviews{padding-left:1.25rem !important;padding-right:1.25rem !important}
      #MainContent .fera-allReviews {
        width: 100%;
      }
      #MainContent .fera-storeReviewsSummary{margin-left:1.25rem;margin-right:1.25rem}
      @media (min-width: 1280px){
      #MainContent .fera-storeReviewsSummary{margin-left:auto;margin-right:auto}}
    /* End Fera Product Reviews App */
  
</style><style data-shopify>
  .body-text-base-size {
    font-size: 0.86625rem;
  }
  .text-pickup-availability {
    font-size: 0.9625rem;
  }
  .text-result-filter {
    font-size: 1.05875rem;
  }
  .text-filter {
    font-size: 0.779625rem;
  }
  .heading-text-base-h3 {
    font-size: 1.4625rem;
  }
  .heading-text-base-h2 {
    font-size: 1.755rem;
  }
  .text-suggest-search {
    font-size: 0.9625rem;
  }
  .text-review-count {
    font-size: 0.77rem;
  }
  @media (min-width: 768px) {
    .body-text-base-size {
      font-size: 0.9625rem;
    }
    .text-pickup-availability {
      font-size: 1.05875rem;
    }
    .text-filter {
      font-size: 0.86625rem;
    }
    .heading-text-base-h3 {
      font-size: 1.755rem;
    }
    .heading-text-base-h2 {
      font-size: 2.925rem;
    }
    .text-suggest-search {
      font-size: 1.1rem;
    }
  }
</style>
    
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="OAJ0NUjM7dY6eHRI4AjEu98W4ZO_OAOi5sK-VUkMYUM">
<meta name="google-site-verification" content="2RU63_Z7C8emVFY9QbczOzrpg5JMFvndljDNQRT-BSc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4530176086/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="b8aed29e8bff82af556c73b5bc5dc07f">
<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=4530176086" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":4530176086,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/4530176086","merchantName":"Smosh Store","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Smosh Store","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"b8aed29e8bff82af556c73b5bc5dc07f","betas":["rich-media-storefront-analytics"],"domain":"smosh.com","predictiveSearch":true,"shopId":4530176086,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "shopsmosh.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Website Refresh Launch Version","id":148247281750,"schema_name":"Eurus","schema_version":"9.11.1","theme_store_id":2048,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "smosh.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//smosh.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//smosh.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0045\/3017\/6086\/t\/36\/assets\/globo.formbuilder.init.js?v=1651246964\u0026shop=shopsmosh.myshopify.com","https:\/\/intg.snapchat.com\/shopify\/shopify-scevent-init.js?id=4b0d273d-e1ae-492f-beb6-86f99784ba69\u0026shop=shopsmosh.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=TEpf9s\u0026shop=shopsmosh.myshopify.com","https:\/\/cdn.attn.tv\/smosh\/dtag.js?shop=shopsmosh.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=shopsmosh.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=shopsmosh.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":4530176086,"offset":-18000,"reqid":"a49203c0-2054-4339-9718-df8161fa7d73-1780979649","pageurl":"smosh.com\/","u":"106c56ef0345","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//smosh.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//smosh.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://smosh.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://smosh.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://smosh.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    
  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

      c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

    l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "uni9iulibo");
</script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/TEpf9s/klaviyo.js?company_id=TEpf9s"></script>
  <script>!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>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->





<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d --><script type="text/javascript" src="https://cdn.attn.tv/smosh/dtag.js?source=app-embed" defer="defer"></script>


<!-- END app block --><script src="https://cdn.shopify.com/extensions/019ea8c7-accc-705e-aeec-5661a3d8b719/2026-06-08-19-46-57-UTC--a3fb95d/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 4530176086,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 4530176086,storefrontBaseUrl: "https://smosh.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1682997334","configuration":"{\"accountID\":\"TEpf9s\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1665106006","configuration":"{\"projectId\":\"uni9iulibo\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4e27c3dfbb360ace43db5c8bd52813dd","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"864387158","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"511606870","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"e8e6997ff18eda78e97bab9721f13a5a","type":"APP","apiClientId":3977633,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"456196182","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-760266375\\\",\\\"GT-KVHNMXR\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-760266375\\\/_lDDCNvq_JUBEIf9wuoC\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-760266375\\\/VvzWCN7q_JUBEIf9wuoC\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-760266375\\\/9oJeCNXq_JUBEIf9wuoC\\\",\\\"MC-TJZFQVXP5X\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-760266375\\\/x-z3CNLq_JUBEIf9wuoC\\\",\\\"MC-TJZFQVXP5X\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-760266375\\\/XmHkCM_q_JUBEIf9wuoC\\\",\\\"MC-TJZFQVXP5X\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-760266375\\\/dncECOHq_JUBEIf9wuoC\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-760266375\\\/auW1CNjq_JUBEIf9wuoC\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"308838486","configuration":"{\"pixelCode\":\"CLDV2FRC77UCVFFI2OHG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"126648406","configuration":"{\"pixel_id\":\"358353901511913\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2162774","configuration":"{\"pixelId\":\"4b0d273d-e1ae-492f-beb6-86f99784ba69\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Smosh Store","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"shopsmosh.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/smosh.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://smosh.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"4530176086","storefrontBaseUrl":"https:\/\/smosh.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"a49203c0-2054-4339-9718-df8161fa7d73-1780979649"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</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 || [];
    window.ShopifyAnalytics.lib.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);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        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: 4530176086,
      theme_id: 148247281750,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//smosh.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//smosh.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//smosh.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":4530176086,"isMerchantRequest":null,"themeId":148247281750,"themeCityHash":"9760774752299206623","contentLanguage":"en","currency":"USD","eventMetadataId":"cd08c36b-b29c-4f14-8ca1-7a44e180b443"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"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":"home","requestId":"a49203c0-2054-4339-9718-df8161fa7d73-1780979649","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//smosh.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://smosh.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="4530176086"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="148247281750"
  data-theme-name="Eurus"
  data-theme-version="9.11.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://smosh.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"4530176086","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
</head>
  <body 
    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
    x-data
    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
    
    x-intersect.once="$store.xPopup.setWidthScrollbar();"
  ><script>
        window.addEventListener('DOMContentLoaded', (event) => {
          const transitionEl = document.getElementById('x-page-transition');
          transitionEl.style.opacity = '0';
          setTimeout(() => {
            transitionEl.remove();
          }, 1000); 
        });
      </script>
      <div id="x-page-transition" class="transition-all ease-in-out duration-1000 opacity-100 fixed top-0 left-0 w-full h-full bg-black z-[9999]"></div><div class="main-container flex flex-col min-h-screen relative">
      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
        Skip to content
      </a>
      
      
          <!-- BEGIN sections: header-group -->
<section id="shopify-section-sections--20323906945110__scrolling_banner_p9eXUt" class="shopify-section shopify-section-group-header-group section section-scroll-banner x-section relative overflow-hidden">
<style data-shopify>
  .section-sections--20323906945110__scrolling_banner_p9eXUt {
    --duration : 50s;
    --direction: normal;--colors-text: 16,16,16;
    --colors-background-scrolling: 255, 182, 0;
    
  }
  .dark .section-sections--20323906945110__scrolling_banner_p9eXUt {  
      --colors-text: transparent;
    
  }  
  .section-sections--20323906945110__scrolling_banner_p9eXUt .text-color-secondary {
      color: #000000;
    
  }
  .dark .section-sections--20323906945110__scrolling_banner_p9eXUt .text-color-secondary {
      color: #e1e3e1;
    
  }
  
    .section-sections--20323906945110__scrolling_banner_p9eXUt:hover .el_animate {
      animation-play-state: paused;
    }
  
  .space-blocks-sections--20323906945110__scrolling_banner_p9eXUt {
    padding-inline-end: 40px;
  }
  
  .rtl.space-blocks-sections--20323906945110__scrolling_banner_p9eXUt {
    padding-inline-start: 40px;
    padding-inline-end: 0
  }
  .bg-sections--20323906945110__scrolling_banner_p9eXUt {
    
      background: #ffb600;
    
    transition: all 0.3s;
  }
  .dark .bg-sections--20323906945110__scrolling_banner_p9eXUt {
    
      background: rgb(var(--colors-background-secondary));
    
  }
  @media (min-width: 767px){
    .space-blocks-sections--20323906945110__scrolling_banner_p9eXUt {
      padding-inline-end: 60px;
    }
    
    .rtl.space-blocks-sections--20323906945110__scrolling_banner_p9eXUt {
      padding-inline-start: 60px;
      padding-inline-end: 0
    }
  }
  .section-padding-sections--20323906945110__scrolling_banner_p9eXUt {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  @media (min-width: 768px) { 
    .section-padding-sections--20323906945110__scrolling_banner_p9eXUt {
      padding-top: 12px;
      padding-bottom: 12px;
    }
  }
</style>


    <div x-data="xScrollPromotion" x-intersect.once.margin.200px="load($el)" 
      
      class="text-[rgb(var(--colors-text))] x-container-scrolling-banner-content z-10 section-sections--20323906945110__scrolling_banner_p9eXUt ltr relative"
      >
      <div
        class="w-[110%] overflow-hidden  bg-sections--20323906945110__scrolling_banner_p9eXUt section-padding-sections--20323906945110__scrolling_banner_p9eXUt">
        <div class="scrolling-container flex flex-nowrap whitespace-nowrap min-w-full">
          <div class="flex shrink-0 whitespace-nowrap items-center el_animate element-sections--20323906945110__scrolling_banner_p9eXUt">
            <style data-shopify>
          .icon-icon_tgHQ7D {
            width: 14.0px;
            height: 14.0px;
          }
          .space-block-icon_tgHQ7D {
            margin-left: 0px;
            margin-right: 0px;
          }
          @media (min-width: 767px) {
            .icon-icon_tgHQ7D {
              width: 20px;
              height: 20px;
            }
            .space-block-icon_tgHQ7D {
              margin-left: 0px;
              margin-right: 0px;
            }
          }
        </style>
              <div class="space-blocks-sections--20323906945110__scrolling_banner_p9eXUt x-block-icon space-block-icon_tgHQ7D flex whitespace-nowrap">
                <span class="inline-block icon-icon_tgHQ7D">
                  
                    
                      
      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M55 5L10 59H50.5L46 95L91 41H50.5L55 5Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg> 
    


                    
                  
                </span>
              </div>
            
  <style data-shopify>.text--text_aHayqK {
              font-size:0.779625rem; 
            }
            .space-block-text_aHayqK {
              margin-left: 0px;
              margin-right: 0px;
            }
            @media (min-width: 767px){
              .text--text_aHayqK {
                font-size: 0.86625rem;
              }
              .space-block-text_aHayqK {
                margin-left: 0px;
                margin-right: 0px;
              }
            }</style><div class="x-block-text min-w-max space-blocks-sections--20323906945110__scrolling_banner_p9eXUt space-block-text_aHayqK whitespace-nowrap text-color-primary">
            <p class="empty:hidden heading-text_aHayqK text--text_aHayqK font-medium">
              


<style data-shopify>
  
  .dark .heading-text_aHayqK {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        FREE SHIPPING ON US ORDERS $75+
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>
          .icon-icon_taMfXz {
            width: 14.0px;
            height: 14.0px;
          }
          .space-block-icon_taMfXz {
            margin-left: 0px;
            margin-right: 0px;
          }
          @media (min-width: 767px) {
            .icon-icon_taMfXz {
              width: 20px;
              height: 20px;
            }
            .space-block-icon_taMfXz {
              margin-left: 0px;
              margin-right: 0px;
            }
          }
        </style>
              <div class="space-blocks-sections--20323906945110__scrolling_banner_p9eXUt x-block-icon space-block-icon_taMfXz flex whitespace-nowrap">
                <span class="inline-block icon-icon_taMfXz">
                  
                    
                      
      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M55 5L10 59H50.5L46 95L91 41H50.5L55 5Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg> 
    


                    
                  
                </span>
              </div>
            
  <style data-shopify>.text--text_LgqbpF {
              font-size:0.779625rem; 
            }
            .space-block-text_LgqbpF {
              margin-left: 0px;
              margin-right: 0px;
            }
            @media (min-width: 767px){
              .text--text_LgqbpF {
                font-size: 0.86625rem;
              }
              .space-block-text_LgqbpF {
                margin-left: 0px;
                margin-right: 0px;
              }
            }</style><div class="x-block-text min-w-max space-blocks-sections--20323906945110__scrolling_banner_p9eXUt space-block-text_LgqbpF whitespace-nowrap text-color-primary">
            <p class="empty:hidden heading-text_LgqbpF text--text_LgqbpF font-medium">
              


<style data-shopify>
  
  .dark .heading-text_LgqbpF {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        FREE SHIPPING ON US ORDERS $75+
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>
          .icon-icon_7BUq7k {
            width: 14.0px;
            height: 14.0px;
          }
          .space-block-icon_7BUq7k {
            margin-left: 0px;
            margin-right: 0px;
          }
          @media (min-width: 767px) {
            .icon-icon_7BUq7k {
              width: 20px;
              height: 20px;
            }
            .space-block-icon_7BUq7k {
              margin-left: 0px;
              margin-right: 0px;
            }
          }
        </style>
              <div class="space-blocks-sections--20323906945110__scrolling_banner_p9eXUt x-block-icon space-block-icon_7BUq7k flex whitespace-nowrap">
                <span class="inline-block icon-icon_7BUq7k">
                  
                    
                      
      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M55 5L10 59H50.5L46 95L91 41H50.5L55 5Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg> 
    


                    
                  
                </span>
              </div>
            
  <style data-shopify>.text--text_Natbq3 {
              font-size:0.779625rem; 
            }
            .space-block-text_Natbq3 {
              margin-left: 0px;
              margin-right: 0px;
            }
            @media (min-width: 767px){
              .text--text_Natbq3 {
                font-size: 0.86625rem;
              }
              .space-block-text_Natbq3 {
                margin-left: 0px;
                margin-right: 0px;
              }
            }</style><div class="x-block-text min-w-max space-blocks-sections--20323906945110__scrolling_banner_p9eXUt space-block-text_Natbq3 whitespace-nowrap text-color-primary">
            <p class="empty:hidden heading-text_Natbq3 text--text_Natbq3 font-medium">
              


<style data-shopify>
  
  .dark .heading-text_Natbq3 {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        FREE SHIPPING ON US ORDERS $75+
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>
          .icon-icon_KJAbNi {
            width: 14.0px;
            height: 14.0px;
          }
          .space-block-icon_KJAbNi {
            margin-left: 0px;
            margin-right: 0px;
          }
          @media (min-width: 767px) {
            .icon-icon_KJAbNi {
              width: 20px;
              height: 20px;
            }
            .space-block-icon_KJAbNi {
              margin-left: 0px;
              margin-right: 0px;
            }
          }
        </style>
              <div class="space-blocks-sections--20323906945110__scrolling_banner_p9eXUt x-block-icon space-block-icon_KJAbNi flex whitespace-nowrap">
                <span class="inline-block icon-icon_KJAbNi">
                  
                    
                      
      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M55 5L10 59H50.5L46 95L91 41H50.5L55 5Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg> 
    


                    
                  
                </span>
              </div>
            
  <style data-shopify>.text--text_R3NYMK {
              font-size:0.779625rem; 
            }
            .space-block-text_R3NYMK {
              margin-left: 0px;
              margin-right: 0px;
            }
            @media (min-width: 767px){
              .text--text_R3NYMK {
                font-size: 0.86625rem;
              }
              .space-block-text_R3NYMK {
                margin-left: 0px;
                margin-right: 0px;
              }
            }</style><div class="x-block-text min-w-max space-blocks-sections--20323906945110__scrolling_banner_p9eXUt space-block-text_R3NYMK whitespace-nowrap text-color-primary">
            <p class="empty:hidden heading-text_R3NYMK text--text_R3NYMK font-medium">
              


<style data-shopify>
  
  .dark .heading-text_R3NYMK {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        FREE SHIPPING ON US ORDERS $75+
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>
          .icon-icon_dm8PN7 {
            width: 14.0px;
            height: 14.0px;
          }
          .space-block-icon_dm8PN7 {
            margin-left: 0px;
            margin-right: 0px;
          }
          @media (min-width: 767px) {
            .icon-icon_dm8PN7 {
              width: 20px;
              height: 20px;
            }
            .space-block-icon_dm8PN7 {
              margin-left: 0px;
              margin-right: 0px;
            }
          }
        </style>
              <div class="space-blocks-sections--20323906945110__scrolling_banner_p9eXUt x-block-icon space-block-icon_dm8PN7 flex whitespace-nowrap">
                <span class="inline-block icon-icon_dm8PN7">
                  
                    
                      
      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M55 5L10 59H50.5L46 95L91 41H50.5L55 5Z" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
      </svg> 
    


                    
                  
                </span>
              </div>
            
  <style data-shopify>.text--text_bh6JqP {
              font-size:0.779625rem; 
            }
            .space-block-text_bh6JqP {
              margin-left: 0px;
              margin-right: 0px;
            }
            @media (min-width: 767px){
              .text--text_bh6JqP {
                font-size: 0.86625rem;
              }
              .space-block-text_bh6JqP {
                margin-left: 0px;
                margin-right: 0px;
              }
            }</style><div class="x-block-text min-w-max space-blocks-sections--20323906945110__scrolling_banner_p9eXUt space-block-text_bh6JqP whitespace-nowrap text-color-primary">
            <p class="empty:hidden heading-text_bh6JqP text--text_bh6JqP font-medium">
              


<style data-shopify>
  
  .dark .heading-text_bh6JqP {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        FREE SHIPPING ON US ORDERS $75+
      
    
  

  

            </p>
          </div>
        
  

          </div>
        </div>
      </div>
    </div>

<script src="//smosh.com/cdn/shop/t/109/assets/scrolling-promotion.js?v=117043221446123388731778709131" defer></script>
</section><div id="shopify-section-sections--20323906945110__header" class="shopify-section shopify-section-group-header-group section-header z-50"><style data-shopify>
    #x-header-container {
      contain: style layout;
    }
  
  
    .back{
      position: absolute;
      top: 50%;
      left: 50%;
      white-space: nowrap;
      opacity: 0;
      transform: translate(-50%, -50%) translateY(100%) translateZ(0);
      transition-behavior: normal, normal;
      transition-duration: 0.6s, 0.6s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0s, 0s;
      transition-property: transform, opacity;
    }
    .front{
      transform: translateZ(0);
      transition-behavior: normal, normal;
      transition-duration: 0.6s, 0.6s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0s, 0s;
      transition-property: transform, opacity;
      border-bottom: 1px solid transparent;
    }
    .flip-container:hover .front{
      opacity: 0;
      transform: translateY(-100%) translateZ(0);
    }
    .flip-container:hover .back{
      opacity: 1;
      transform: translate(-50%, -50%) translateY(0%) translateZ(0);
      border-bottom: 1px solid rgba(var(--colors-text-link));
    }
  
  .w-logo-header {
    width: 90px;
    min-width: 90px;
  }
  @media(min-width: 768px) {
    .w-logo-header {
      width: 180px;
      min-width: 180px;
    }
  }
  
    .section-header {
      position: sticky;
      z-index: 50;
      top: var(--announcement-height);
    }
    #x-header-container.is-scrolled {
      box-shadow: 0 5px 15px rgba(var(--colors-text), .1);
    }
    
  
  
.logo-name {
    font-size: 1.4625rem;
  }
  header {
    grid-template-areas: "icons heading drawer" "search search search";
    
  }
  @media (min-width: 1024px) {
    header {
      grid-template-areas: "heading search icons toolbar" "navigation navigation navigation navigation";
      grid-template-columns: 2fr 6fr 2fr auto;
    } 
    .logo-name {
      font-size: 2.925rem;
    }
    .pt-header {
      padding-top: 16px;
    }
    .pb-header {
      padding-bottom: 0px;
    }
  }
  .h-hamburger {
    height: var(--hamburger-menu-height);
  }
  @media (max-width: 1023px) {
    .section-padding-sections--20323906945110__header {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }</style><div x-show="$store.xHeaderMenu.overlay" 
  x-transition:enter="ease-in-out duration-300"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition-all ease-in-out duration-300"
  x-transition:leave-end="opacity-0"
  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
<div
  id="x-header-container"
  class="relative text-[rgb(var(--colors-text-header))] background-header"
  
  
    data-is-sticky="true"
    data-section-index="2"
  
  x-init='() => {
    $store.xHeaderMenu.sectionId = "sections--20323906945110__header";
    $store.xHeaderMenu.mobileHeaderLayout = "center-right";
    $store.xHeaderMenu.initSticky($el, "always");
    
  }'
  
    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
  
  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
  
>
  <div
    id="sticky-header-content"
    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
    "
    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
    
  >
    <header 
      class="header lg:pb-0 section-padding-sections--20323906945110__header pt-header lg:pb-0 x-pgw page-width grid lg:mr-auto lg:ml-auto gap-x-2 items-center" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
      x-on:mouseleave="$store.xHeaderMenu.closeMenu()"
    >
      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full justify-end">
        
        
        <style data-shopify>
          
            .mobile-navigation-modern-icon-bg {
              background: rgba(var(--colors-line-header),1);
            }
          
        </style>
        <div 
          id="mobile-navigation"
          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
          class="relative  pt-2 pb-2 pl-2 pr-2 mobile-navigation-modern-icon-bg ml-3.5 rounded-full cursor-pointer "
        > 
          <div class="w-5 h-5">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 7H23 M1 17H23" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
    </svg>
  
</div>            
        </div>
      </div>
        <h1 class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center lg:justify-start lg:mr-0 lg:ml-0 lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0"
        >
      
        

<div class="flex lg:pt-2 lg:pb-2 items-center">
  <a href="/" class="w-logo-header h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mr-auto ml-auto md:mr-auto md:ml-auto">Smosh Store</span><img
        src="//smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=2000"
        alt="Smosh Store"
        sizes="(min-width: 768px) 180px, 90px"
        srcset="//smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=50 50w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=100 100w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=150 150w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=200 200w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=250 250w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=300 300w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=400 400w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=500 500w,
          //smosh.com/cdn/shop/files/Smosh_Logo_Black.png?v=1710875490&width=600 600w"
        width="2000"
        height="731"
        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:mr-auto md:ml-auto"
        loading="lazy"
      /></a>
</div>
</h1>
      
        
<div 
  x-data="xModalSearch('query,product,page,collection,article','6',3, 'All types')" 
  class="x-container-header-search justify-center items-center max-w-7xl header-search lg:flex lg:mr-0.5 [grid-area:search] pt-4 md:pt-0"
  @click.away="showSuggest = false; openResults = false;"
><div class="relative max-w-4xl w-full" data-loading-text="Loading..."><div class="max-w-[62rem] mr-auto ml-auto w-full border border-solid rounded-full pl-5 pr-2 rtl:pr-5 rtl:pl-2">
    <div class="relative rtl:flex-row-reverse rtl:md:flex-row field pr-5 lg:pr-0 flex pl-5 lg:pl-0">
      
      <form id="header-form-search-sections--20323906945110__header" class="w-full" action="/search" method="get" role="search">
        <style data-shopify>
          .input-search::placeholder {
            
              font-family: var(--font-body-family);
            
          }
        </style>
        <input 
          x-data="xSearchPrompts($el, ['Search for products', 'Search for Essentials', 'Search for collections'], false)"
          x-intersect.once="initSearchPrompt()"
          id="header-search-in-modal"
          aria-label="Search"
          class="peer input-search focus-visible:outline-none pt-4 pb-4 pr-[4.5rem]  lg:pr-20 text-left w-full appearance-none relative outline-none bg-transparent placeholder:text-current placeholder:opacity-60 rounded-full"
          type="search"
          name="q"
          value=""
          x-on:keyup="keyUp()"
          @keydown.tab="showSuggest = false; openResults = false;"
          @focus="focusForm()"
          placeholder="Search..."
        >
        <input type="hidden" aria-hidden="true" name="options[prefix]" value="last">
        <button 
          class="btn-search absolute none_border w-7 h-7 pt-1 pb-1 pl-1 pr-1 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current lg:right-2 right-7"
          aria-label="Search...">
    <svg class="icon-animation icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M11.192 20.223C16.5 20.223 20.803 15.92 20.803 10.612S16.5 1 11.192 1 1.58 5.303 1.58 10.612s4.304 9.611 9.612 9.611 M17.706 18.301 22.405 23"/>
    </svg>
  
</button>
        
          <button aria-label="Search speech" class="search__speech absolute cursor-pointer w-7 h-7 pt-1 pb-1 pl-1 pr-1 right-16 lg:right-12 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current" x-data="xSpeechSearch($el)" x-init="initSpeechSearch()" x-show="show">
            <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" fill="currentColor"></path>
 </svg>

          </button>
        
<style data-shopify>
            #header-search-result {
              width: calc(var(--page-width));
              max-width: calc(100vw - 45px);
            }
          </style>
          <div 
            x-intersect.once="$store.xHelper.centerElement($el)"
            :class="openResults ? 'visible' : 'invisible'"
            id="header-search-result" class="md:max-h-96 z-50 w-full absolute left-0 " tabindex="-1" data-predictive-search x-html="result" x-show="loading == false" 
            style="top: calc(100% + 0px / 2)"
          >
            <div class="predictive-search__loading-state">
              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
              </svg>
            </div>
          </div>
          
            <style data-shopify>
            #header-suggest-search {
              width: calc(var(--page-width));
              max-width: calc(100vw - 45px);
            }
          </style>
            <div 
              x-intersect.once="$store.xHelper.centerElement($el)"
              id="header-suggest-search" class="md:max-h-96 z-50 w-full absolute left-0 " 
              tabindex="-1" 
              data-predictive-search 
              x-cloak 
              :class="showSuggest ? 'visible' : 'invisible'"
              style="top: calc(100% + 0px / 2)"
            >
<div class="background-header search-page:bg-[rgba(var(--background-color))] shadow-[0_0_6px_-4px_rgba(var(--colors-text))] pt-6 pb-7">
  <div id="suggest-search" class="overflow-auto max-h-[60vh] mobile-dock:max-h-[40vh] search-page:max-h-[45vh] scrollbar-body"> 
    <div class="search-suggest-container content-horizontal" x-data="{ currentTab: 2, select(index){ this.currentTab = index } }">
      
<div class="popular-product-search grow">
          <h2 id="predictive-search-products" class="predictive-search__heading hidden md:block pl-6 pr-6 lg:pl-10 lg:pr-10 pt-3 pb-5 uppercase body-text-base-size">
            Products
          </h2>
          <ul role="listbox" aria-labelledby="predictive-search-products" class="predictive-search-list grid md:!grid grid-cols-1 gap-5 pl-6 pr-6 lg:pl-10 lg:pr-10 pb-2" :class="currentTab == 2 ? 'block' : '!hidden md:grid'">
              <li id="predictive-search-option-1" role="option" aria-selected="false">
                <a href="/products/essentials-puff-print-green-tee" class="flex gap-4 pt-3 pb-3 pl-3 pr-3 relative disable-effect h-full">
                  <div class="w-24 relative">
                    <div class="relative overflow-hidden w-full float-left before:h-0 before:block rounded-md" style="padding-bottom: 125.0%;" >
                        <img
                          src="//smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=150"
                          alt="Man wearing a green &#39;SMOSH&#39; t-shirt against a yellow background"
                          width="3000"
                          loading="lazy"
                          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                          height="3750"
                          class="h-full w-full object-cover absolute top-0 left-0 image-hover z-30 animate-Xpulse skeleton-image"
                        >
                        
</div>
                  </div>
                  <div class="flex-1"><div class="leading-tight mb-2 uppercase p-break-words tracking-widest text-xs">Smosh Store</div><div class="mb-2 font-medium">
                      <p class="p-break-words leading-tight duration-200 transition hover-text-link text-[rgba(var(--colors-heading))]">Essentials Green Puffy Tee</p> 
                    </div><div class=" price leading-none ">
  <div class="target-price hidden">3500</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $35.00
      </p>
    
  
</div>
 </div>
                </a>
              </li>
              <li id="predictive-search-option-2" role="option" aria-selected="false">
                <a href="/products/essentials-embroidered-hoodie-purple" class="flex gap-4 pt-3 pb-3 pl-3 pr-3 relative disable-effect h-full">
                  <div class="w-24 relative">
                    <div class="relative overflow-hidden w-full float-left before:h-0 before:block rounded-md" style="padding-bottom: 125.0%;" >
                        <img
                          src="//smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=150"
                          alt="Man wearing a purple hoodie with &#39;SMOSH&#39; logo on a yellow background"
                          width="3000"
                          loading="lazy"
                          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                          height="3750"
                          class="h-full w-full object-cover absolute top-0 left-0 image-hover z-30 animate-Xpulse skeleton-image"
                        >
                        
</div>
                  </div>
                  <div class="flex-1"><div class="leading-tight mb-2 uppercase p-break-words tracking-widest text-xs">Smosh Store</div><div class="mb-2 font-medium">
                      <p class="p-break-words leading-tight duration-200 transition hover-text-link text-[rgba(var(--colors-heading))]">Essentials Embroidered Hoodie - Purple</p> 
                    </div><div class=" price leading-none ">
  <div class="target-price hidden">6900</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $69.00
      </p>
    
  
</div>
 </div>
                </a>
              </li>
              <li id="predictive-search-option-3" role="option" aria-selected="false">
                <a href="/products/essentials-smosh-socks" class="flex gap-4 pt-3 pb-3 pl-3 pr-3 relative disable-effect h-full">
                  <div class="w-24 relative">
                    <div class="relative overflow-hidden w-full float-left before:h-0 before:block rounded-md" style="padding-bottom: 125.0%;" >
                        <img
                          src="//smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=150"
                          alt="White socks with &#39;SMOSH&#39; text on a white background"
                          width="2400"
                          loading="lazy"
                          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                          height="3000"
                          class="h-full w-full object-cover absolute top-0 left-0 image-hover z-30 animate-Xpulse skeleton-image"
                        >
                        
</div>
                  </div>
                  <div class="flex-1"><div class="leading-tight mb-2 uppercase p-break-words tracking-widest text-xs">Smosh Store</div><div class="mb-2 font-medium">
                      <p class="p-break-words leading-tight duration-200 transition hover-text-link text-[rgba(var(--colors-heading))]">Essentials Smosh Socks</p> 
                    </div><div class=" price leading-none ">
  <div class="target-price hidden">1200</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $12.00
      </p>
    
  
</div>
 </div>
                </a>
              </li></ul>
        </div></div>
  </div>
</div>
</div>
          
</form>
    </div>
  </div></div></div>
      
      <div
        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:icons] flex-row-reverse lg:flex-row flex"
      >
        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
        
        
<style data-shopify>
            
              @media (max-width: 767px) {
                .mobile-center-left #SearchOpen {
                  left: 3.5rem;
                }
                .mobile-center-right #SearchOpen {
                  right: 3.5rem;
                }
              }
            
          </style>
          <div class="x-header-icon-search hidden items-center justify-center mobile-center-right" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
            <a 
              id="SearchOpen"
              href="/search" 
              aria-label="search"
              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
              <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2">
    <svg class="icon-animation icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M11.192 20.223C16.5 20.223 20.803 15.92 20.803 10.612S16.5 1 11.192 1 1.58 5.303 1.58 10.612s4.304 9.611 9.612 9.611 M17.706 18.301 22.405 23"/>
    </svg>
  
</span>
            </a>
          </div><shopify-store store-domain="https://smosh.com" country="US" language="en"></shopify-store>
<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu">
            <div slot="signed-out-avatar">
              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
                
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
    </svg>
  

              </span>
            </div>
          </shopify-account><a 
            id="cart-icon"
            href="/cart"
            class="relative flex items-center header-icon-cart cursor-pointer"   
                       
              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
              :class="$store.xMiniCart.open && 'pointer-events-none'"
            
            aria-controls="CartDrawer"
            aria-expanded="false"
            aria-label="icon-cart"
          >
            <span class="relative w-11 h-10 md:pl-3 inline-block pl-0 pr-2.5 md:pr-2.5 pt-2.5 pb-2">
              
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.912 21.122a2.2 2.2 0 0 1-.423 1.32 2.16 2.16 0 0 1-1.269.558H3.703a2.16 2.16 0 0 1-1.269-.558 2.2 2.2 0 0 1-.423-1.32L3.5 7.77h16.923l1.489 13.353ZM7.731 7.769V5.231a4.23 4.23 0 1 1 8.462 0v2.538"/>
    </svg>
  
              <div id="cart-icon-bubble" >
                <div 
                  class="count_item absolute text-center place-content-center -top-0.5 md:right-0 lg:left-auto lg:right-0 rtl:lg:right-auto rtl:lg:left-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 
                  data-value="0"
                >0</div>
              </div>
            </span>
          </a></div>

      

      
        

<style data-shopify>
    .svg-highlight-sections--20323906945110__header {
      --color-highlight: #1a6090;
    }
    .dark .svg-highlight-sections--20323906945110__header {
      --color-highlight: rgb(255, 182, 0);
    }
  
  .x-icon-caret svg {
    color: var(--colors-text-header);
    --tw-rotate: 0deg;
    transform: rotate(var(--tw-rotate));
    transition: transform 0.5s ease 0.1s;
  }
  .is-focus .x-icon-caret svg {
      color: var(--colors-text-link);
      --tw-rotate: 180deg;
    }
</style><nav 
  x-on:click.away="$store.xHeaderMenu.closeMenu()"
  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:navigation] mt-4 justify-center"
>
  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
  >
    


<style data-shopify>
</style><li 
            class="tree-menu pl-0"
             
              
              :class="$store.xHeaderMenu.show === 1 && 'is-focus'"
            
          >
            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
              
              
            >
              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
                <div class="relative x-anm">
                  <a
                    href="/collections/all"
                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
                  >
                    
                    
                      
                      
                        SHOP ALL
                      
                    
                  </a>
                  
                    <a
                      tabindex="-1"
                      href="/collections/all"
                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                    >
                      
                      
                        
                        
                          SHOP ALL
                        
                      
                    </a>
                  
                </div>
              </div>
            </div></li><li 
            class="tree-menu pl-0 relative has-dropdown"
             
              
                @mouseover="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true;"
                @focusin="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true;"
              
              :class="$store.xHeaderMenu.show === 2 && 'is-focus'"
            
          >
            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
              x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
              
            >
              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
                <div class="relative x-anm">
                  <a
                    href="/collections/all"
                    class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
                  >
                    
                    
                      
                      
                        COLLECTIONS
                      
                    
                  </a>
                  
                    <a
                      tabindex="-1"
                      href="/collections/all"
                      class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                    >
                      
                      
                        
                        
                          COLLECTIONS
                        
                      
                    </a>
                  
                </div>
              </div><span class="x-icon-caret w-5 pl-2">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div><template x-if="!$store.xInit.runDispatch">
                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 2, 'toggle-menu-show': $store.xHeaderMenu.show === 2, 'active': $store.xHeaderMenu.initIndex.has(2) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
                  <ul class="tree-menu-nav pt-5 pb-5">
                    
<li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center">
                          <span class="flex-1">
                            <a href="/collections/brutal-collection" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>BRUTAL</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/calm-down" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>CALM DOWN</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/chronically-offline-1" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>CHRONICALLY OFFLINE</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/essentials" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>ESSENTIALS</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/smoshalike" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>SMOSHALIKE</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/smosh-games" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>SMOSH GAMES</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/smosh-main" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>SMOSH MAIN</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/smosh-pit" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>SMOSH PIT</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/throwback-collection" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>THROWBACK</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/were-all-gonna-die" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>WE&#39;RE ALL GONNA DIE</span>
                                
                              
</a>
                          </span>
                        </div></li></ul>
                  
                </div>
              </template></li><li 
            class="tree-menu pl-0 relative has-dropdown"
             
              
                @mouseover="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true;"
                @focusin="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true;"
              
              :class="$store.xHeaderMenu.show === 3 && 'is-focus'"
            
          >
            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
              x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
              
            >
              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
                <div class="relative x-anm">
                  <a
                    href="/collections/apparel"
                    class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
                  >
                    
                    
                      
                      
                        APPAREL
                      
                    
                  </a>
                  
                    <a
                      tabindex="-1"
                      href="/collections/apparel"
                      class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                    >
                      
                      
                        
                        
                          APPAREL
                        
                      
                    </a>
                  
                </div>
              </div><span class="x-icon-caret w-5 pl-2">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div><template x-if="!$store.xInit.runDispatch">
                <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 3, 'toggle-menu-show': $store.xHeaderMenu.show === 3, 'active': $store.xHeaderMenu.initIndex.has(3) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))] duration-300">
                  <ul class="tree-menu-nav pt-5 pb-5">
                    
<li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center">
                          <span class="flex-1">
                            <a href="/collections/t-shirts" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>T-SHIRTS</span>
                                
                              
</a>
                          </span>
                        </div></li><li 
                        x-data="{ openSub: false }" 
                        class="relative pl-7 pr-6" 
                        @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @mouseover.away="openSub = false"
                        @focusin="openSub = true; $el.classList.add('is-focus-child');" 
                        @focusout="openSub = false; $el.classList.remove('is-focus-child');"
                      >
                        <div class="flex items-center pt-3">
                          <span class="flex-1">
                            <a href="/collections/hoodies" class="nav-link relative p-break-words inline-block hover-text-link is-focus-child:effect-inline"
                              
                            >
                              
                              
                                
                                
                                  <span>HOODIES &amp; CREWNECKS</span>
                                
                              
</a>
                          </span>
                        </div></li></ul>
                  
                </div>
              </template></li><li 
            class="tree-menu pl-0"
             
              
              :class="$store.xHeaderMenu.show === 4 && 'is-focus'"
            
          >
            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
              
              
            >
              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
                <div class="relative x-anm">
                  <a
                    href="/collections/shop-all-accessories"
                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
                  >
                    
                    
                      
                      
                        ACCESSORIES
                      
                    
                  </a>
                  
                    <a
                      tabindex="-1"
                      href="/collections/shop-all-accessories"
                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                    >
                      
                      
                        
                        
                          ACCESSORIES
                        
                      
                    </a>
                  
                </div>
              </div>
            </div></li><li 
            class="tree-menu pl-0"
             
              
              :class="$store.xHeaderMenu.show === 5 && 'is-focus'"
            
          >
            <div class="flip-container relative cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
              
              
            >
              <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
                <div class="relative x-anm">
                  <a
                    href="https://live.smosh.com/"
                    class="front cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative transition hover-text-link is-focus:link-active" 
                  >
                    
                    
                      
                      
                        WATCH US LIVE
                      
                    
                  </a>
                  
                    <a
                      tabindex="-1"
                      href="https://live.smosh.com/"
                      class="back cursor-pointer tree-menu-item p-break-words inline-block justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                    >
                      
                      
                        
                        
                          WATCH US LIVE
                        
                      
                    </a>
                  
                </div>
              </div>
            </div></li></ul>
</nav>
      
    </header>
    
</div>
</div>

    <style data-shopify>
  @property --percentage {
    initial-value: 0%;
    inherits: false;
    syntax: "<percentage>";
  }
  .cart-noti.active {
    background: conic-gradient(rgb(var(--colors-line-and-border)) var(--percentage), rgb(var(--color-success)) 0);
    animation: timer 5s infinite linear;
  }
  @keyframes timer {
    to {
      --percentage: 100%;
    }
  }
  @media (min-width: 768px) {
    .section-header.is-sticky .cart-noti{
      top: 0;
    }
    .cart-noti-top {
        top: var(--announcement-height,0);
    }
    .section-header.is-sticky #x-header-container:not(.on-scroll-up-animation) ~ .cart-noti{
      top: auto;
    }
  }
</style>

<div
  x-init="$store.xCartNoti.enable = true"
  x-show="$store.xCartNoti.show" class="cart-noti fixed bottom-0 md:bottom-auto  md:absolute md:top-auto mt-1 mr-1 mb-1 ml-1 left-0 right-0 md:left-auto rtl:left-0 rtl:md:right-auto"
  x-transition:enter="transition-all ease-in-out duration-500"
  x-transition:enter-start="opacity-0 transform  translate-x-1/2"
  x-transition:enter-end="opacity-100 transform translate-x-0"
  x-transition:leave="transition ease-in-out duration-500"
  x-transition:leave-end="opacity-0 transform  translate-x-1/2"
  x-cloak
  >
  <div class="relative md:w-[400px] text-[rgb(var(--colors-text))] pt-5 pb-5 pl-5 pr-5 md:pt-[30px] md:pb-[30px] md:pl-[30px] md:pr-[30px] bg-[rgba(var(--colors-background))] shadow-[4px_8px_16px_0px_rgba(0,0,0,0.2)] rounded-xl">
    <button @click="$store.xCartNoti.show = false" class="cursor-pointer rounded-full group-close-btn top-2 right-2 rtl:right-auto rtl:left-2 absolute w-fit z-10 icon-close-container">
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</button>
    <div class="x-cart-noti-container flex gap-2 items-center mb-1 md:mb-3">
      <div :class="$store.xCartNoti.show  && 'active'" class="w-9 h-9 min-w-[36px] rounded-full cart-noti flex justify-center items-center bg-[rgba(var(--colors-line-and-border))]">
        <div class="w-[34px] h-[34px] flex justify-center items-center rounded-full bg-[rgba(var(--colors-background))]">
          <span class="icon-tick w-5 h-5 text-[rgba(var(--color-success))]">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M17.178 4.70733C17.5279 5.01351 17.5597 5.54692 17.2484 5.89236L8.48684 15.6172C8.17397 15.9644 7.63679 15.9865 7.29648 15.6662L2.22645 10.8932C1.91027 10.5955 1.88 10.0995 2.15128 9.76044C2.45061 9.38627 3.00804 9.33477 3.36428 9.65519L7.29794 13.1934C7.63979 13.5009 8.1661 13.4734 8.47409 13.132L16.0103 4.77627C16.3153 4.43813 16.8353 4.40748 17.178 4.70733Z"/>
            </svg>
          </span>
        </div>
      </div>
      <p>Item added to cart</p>
    </div>
    <template x-for="(item,index) in Object.values(Alpine.store('xCartNoti').listItem)" :key="index">
      <div 
        class="w-full flex bundler-product relative gap-4 pt-5"
        x-data="{ 
          item: JSON.parse(JSON.stringify(item))
        }"
      >
        <div class="bundler-product-image min-w-[72px] w-[72px] h-[72px] relative">
          <a x-bind:href="item.productUrl" class="block disable-effect w-full">
            <div class="relative w-full overflow-hidden float-left before:h-0 before:block before:pb-[100.0%] rounded-lg">
              
              <img
                x-show="item.featured_image.url"
                class="absolute top-0 right-0 left-0 bottom-0 object-cover h-full w-full image-hover" 
                x-bind:src="`${ item.featured_image.url }`"
                loading="lazy"
                width="150"
                alt=""
                height="150"
              >
              
              <div class="bg-[#c9c9c9] absolute top-0 left-0 w-full h-full" x-show="!item.featured_image.url"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 290 290" class="w-full h-full">
      <image id="icon" x="100" y="90" width="90" height="110" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABuCAYAAACnQwS5AAANLUlEQVR4nO1dC4wdVRn+9m63d9tlH33ZSitWFItPrCJURdT6IiZqlEgVUwnGYqTSKFqCqNH4ikYEpcEXPuMjFgsqEXyhFBQjogmGBqkPFLdpabvso9t2d9uya87y/5tvz/3n3rlnzt3HzH7JZufOzP1n5ptz/tf5z7lNO3bswDTg6QBeIH+nAlgBoAPAKIA+AI8A2A3grwDuBbC3jlt0ss8k2csN2Q+K7D/L54Zj3hRy3Ang7QA2ADi3ju8dAfA7AD8EcKMQZsneCOAtdcoeBLATwA9E9lgd360LU9WiPwJgC4BlxrH9APYA6AdQArAUwCoAi4xz/wngEwC+L59LInszgCckyO4GMACgWWSvTJDtetAnhfToaDTR5wD4GoBnevt/D+BmaU2uGw97x08C8HwA6wFcAOAZ3vEfAfgZgI8asu8E8BORvbuK7FdK71rjHb8NwKY61VVNNJLo9wG41tt3s+z7Q52y3gTgCgDrqpwTKvt8AFsBnE37egC8WRpEFJRiCfLwMY/kR+SBzg8gAtJCXwTgYgDHvGPdQlKo7JvkBW6lfU7F3AXgdQHyTDSC6MsBfJw+O0P2XGlxWTFo3HNLJM/hagBnAdhH+26t0YtSIzbRTu99gT7fIvsORpD9GgA7DE9phej5JRGuca/0jm7a95sYsmMS3SrdUOFu+o2RZC/wZP8cwFrxJvR4jB4DIfkl4lZCjOePswqNSfQXxZ+FdPHzIsq+Th7Y4RCACwHcB+ANdM654kfHQLcn+xViHIMRi+jVAN5Nn53R6o0k20V376LPF8mLhBis6+mYe9lNka7rbMtX6fOXsgiLRfQHaftPXjfPiitIgHO3fuoJvJxUyMkRW7XD+0mFrBI3MwgxiG6V8FdxZQSZirKoCcVVxjnHpCUrLol4/WFP9qWhgmIQ/SpJ2kAisTsjyFS8FkC7bD9YxU920edjsv3yhHA8FF+mHMj6hDRCTcQgej1txw4zX03b26uct49eQrOQHQt7xRZA+KonaTWBGESfSdt3RHxAhzNoe2eNc3+dcE8xwM+1NkReDKJXyf8xUR2x4FrmU0WW08O7asjl40+JeB8Of6dtP8GVClmJXkJRkwuDH80oj7GQdH9PCneRw/CTI96Hwz9oe2WIgKxEd0hUBhm9GMooj9EGYL58HkpI+DMGaLuzxrn14hCdPz9EQFaiSySjFhH1okXUB8ijqIYTEZ/LR+YgKOsNjZHrEysiC5XN58Qekpp2oucwR/TMwhzRU4Q5oqcIWYl+iAzPSORb3kOy/XHCpHtRxL6X/9C2P6qeCkkFNM5XfD2AxfIyLCs+LM67vqzlkjcejVCYMyKJIbX2LpFzmbh5zcb5xyRIGZPvuOGt98q9WOf70OtYzzlC0S/kOhvlOyq7JNfaJSNLlRdIKDfYkjXRXWA80RosTlIdzykoTzH871OtnUldvI22t0qa0O+CY/L2tksU9y/qUjFRSiFzVLr0jXKu09fvkGPVvjsq6nG75FZGpHqpx2iEY14QxTI+LaP9EHkVSCJ6IW3/skrmjOP+QRnGmi6UiVSXm7i7jvsYkmcuy1jh4Tqf4QEius06IUl18MknJZwDMRL6cEHJloh4Eomq515aKRnWFJgG5V6z0Dohiegu2j6ScE5eMOylYEM8pkHaNoe6LKKbKA983EsR5hVcSRUSWxygbTMXbgntIIU+IHnmvINTrCHGnOv1TGNoEd1OifO+Gi16fwMjw3rBvmuaSDIJpo6tAVY9pk2ziJ4v7hpSjJicTTIWexHUVOPF9NK7xPVMC27RSwPum+1YaqJbaTsprm+TOSW3k3+9WmovPhdwo1nQLn7wr6jbr5Zxvk+llMu9MWQYjN3BLusEy8Jy8cmAcRwy/P5CY3+blHB1ebV4jUJJysTOMOS7lvVhsTlbaly/n7Zbq5yXhAHpFfPk2Zv8wMZq0ctp26prfo9HsjWed4k3VaFR2OKRfMK4zmUJL4KR1b3rJadhidWqLaK56/QYxy+Q/y70/C6A/8rnO2QSj39eI7GB7uUGSa1CosJb6MJvrXETrDpCAq9B6hWdVMY2AYtojgot1aEGzwn+PBkdp8+30XlPDrjheqFq7oBkG0+Rz32Sf1A8rYZc7pWhpQpH5X8zORMTqEX0oHFc3b128TSukha0zZuKZn03NvThuuTvQ1KDdw2A59G1+mtcl41+tZRDNRylYx3+eRbRrF+s5IpOCXNv7TsypeEcuRDnsG8PvOF68Ec51xmwb4oqe6l0fy5Qv62GTO65C6qcVw2s5ytcS4tojmysYOVq2na51/8BuF+KENXZf8jT143CZ0juGqn83CUZRzVqu2X6XDUw0aHJsf20XZHvsIhmh92qpdsjNdH8Bp9N2y5l+LKU1UVZ8bDMBVQ15Z7nWSTzPq+sOAkcSYaOozJXFarDcmW4Re83jjv8VlrQxeLqLRKD5AYIviXJqKnCL+ReLpJy3Q65l51yL2lK1dgtDAnB4dmBipy0RXQtY6joEa9jJsAldT6b4T6494WE4KgVHVrdpCz/x6a4ZU4n2I82s28pcKiaDJ/oMvmRhz2XJc/g1rgwMFXKNqumMVxKa1n0Vsl15A2cc28JDMM5J12hfnyiO73C8ix53dmEXlKTzYGeBxvDiqDHF8gWtwhDWIojlHtPU95g4Rhl7CoygHNEP45RcgNbA1OlR0nXd/luoqU6FHkf/WaMkYvXlrDmUi30U9Cy2DeIPtF8gSK16ONkj5qsNGdKGUr0fD869Inm0ZVYqxPMBhz3enBovoO9tEnRoeXeKZLC77wiBtEcSU/yPHyi+aAOY70NwNel3jjP4OAsNN/BRE/S875jXqZtdeK30ezY7+U4iOF0g1momALsS6c2hqrY1afsa0BJ7kwC5ztCk/+sbnmQu4JofguqOlSd9KYYEprN4J5aDnwODsMnZfCqteh9ckE1DPXWDM82MNGhc3BYz08KephoriIdkS8x8UGzkWYRWEeHqg4mOrFFl8naautdQcenYlR7OsGjLCGRIbzYY9JyQ0z0QrK2mmDh0dyYa3HMRDDRZv1cCnDB0aTkPxPNKVJt0RzAsKLPI1g1hhLdS6F8J3tpTPQyOqDeBcfreQ/J2diH+tGDJKeNDSITzQud6lQBTq7k3RhmXmVGONJQvp0jbSbaCr9ZdeTdGMZw70aJpzLraSaa36K+FW7leZ/LwsFYlrnspufhG0OFvhV2c/Kuo9kHDvWjkTRxiInm2LzHP7Fg7l2WVca4Z0y8MCaaSVVjyHo77yMuHBmGpknhTbCakMNEs++orVfdkyJULXH2rmwVk6cEt2hTR7PPfNDbdzjy4oEzEey+ho6Ew5tFaxLNTrp6GOreDRSgaolXi2zLYBDNMDypRfeJw6152YMzYGZsozFCrbo1Q9DC3tkEp0r0PPKZT4ieWZzw5bximPIULRmI5lC+IjLsJGKVVA6/i1BVesSzQ2kWvbJgJqeU6DYiVvUz51OLULU0FKnkoJ+qnpZplKlE88q2w3SSoijFNNwaQ4OWA15p2HirVqLZQVc1UaQ8hyJGdHiE+GpXb06J5tbbZ+yL8VtXswE8l6ViZlUd4DWaWphoy8PoMvblHezChs6ghTVxSIm2snR8oaJMGoqVweME3LhToUSzK6dqgn80IO+jKwomOrSIBlZ0aBlD1S/8Vu7PcNHZBO7yWZL/zN24tuCARaF6aqPM9XZN/995ZNVAjDnhsCYO8ZLECvU61sjqiFP52+HTDR4XDan6V3CEOS5HSWRXThe8vlt86b2yGErDfpx8BoFtURb3jgdJJhlDVh0Py3/1ROYXaIn6GKW78OKO8bI6JZCF9ovF1WP7p2hJiJkAnsCaZTiLf7x9kjFUok+IfuGEUlHCb0QMWNiojr+wkpCsquOQ6OKizs5iIxZaFgbpGaoFJoheRIpf3wQnlPJeZsBILCSvE4NkEF0jbivJhuojJZrfZlGiQnhEZ/GjD5HKdbmOxSXPX1Q1wTV3RVmzA96zZokfHiOix9dAKXldREcYeLHpIuloHmHJojrgORHtJc+66hvlSn+uU8g7ONBoz+h5TNL387x5Khqj876irEIDw+torzIb7TwAp0uAZ62rx99bMi+huNEtt7ZOSP5LhAeYLeA0w4IEF89pgesAbKZ9btm3Td7Sb+ytrSx5SX9dvt1NSz5N3hj/IFfecYLILhlh+FmyaOFmb/87pUGebnDpsKzkhZqc3hssSCKJcdyLDpmbDwC4x/t5K/4Z67XyEjYYxzr8t1Ykn9nCiMfBA8LPrd6arKOyGLlbXfhS2l+WNVk3idqdWGOp5A3M5n2eSi0MkUF0rftKAH+T9U8V98iSyTfI56/IWqzddI5bduPbFIYv8nV0kQyfhaOU4myWtbFPk88HpRWvM4b27pJFwrfRQPYpFPSMex2cQLq+YGsp+RijYM3PwfeJ23tNgn/9KK3N5BexL3c/HDmY0TGfQ20cdy36GwAulGZu/V5fEaE//5qVi8frGYGb/g+tiq/H/TgwOAAAAABJRU5ErkJggg=="/>
    </svg></div>
            </div>
          </a>
        </div>
        <div>
          <a x-bind:href="item.url" class="mr-0 duration-200 transition disable-effect hover-text-link p-break-words" x-text="item.title">
          </a>
          <p class="text-[rgba(var(--colors-price))] text-normal font-semibold mt-1"
            x-text="new Intl.NumberFormat('en', { style: 'currency', currency: 'USD' }).format(item.price / 100)"
          ></p>
        </div>
      </div>
    </template>
  </div>
</div>

<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div><script src="//smosh.com/cdn/shop/t/109/assets/search-prompts.js?v=181440801706723618771778709131" defer></script>                   
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Smosh Store",
    
      "logo": "https:\/\/smosh.com\/cdn\/shop\/files\/Smosh_Logo_Black.png?v=1710875490\u0026width=2000",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/smosh",
      "",
      "https:\/\/www.instagram.com\/smosh",
      "https:\/\/www.tiktok.com\/@smosh",
      "",
      "",
      "https:\/\/www.youtube.com\/@smosh",
      ""
    ],
    "url": "https:\/\/smosh.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Smosh Store",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/smosh.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/smosh.com"
    }
  </script><script src="//smosh.com/cdn/shop/t/109/assets/store-selector.js?v=69199566774997787001778709135" defer="defer"></script>

</div><div id="shopify-section-sections--20323906945110__mobile-navigation" class="shopify-section shopify-section-group-header-group section-mobile-navigation"><style data-shopify>#mobile-navigation {
    contain: style layout;
  }
  #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
  .dark #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
  #mobile-navigation .text-color,
  #mobile-navigation .background-header {background: rgba(var(--background-color-header));--colors-text: 69, 70, 69;
      --colors-heading: 16, 16, 16;  
      --colors-text-link: 16, 16, 16;
    
  }
  .dark #mobile-navigation .text-color,
  .dark #mobile-navigation .background-header {--colors-text: 225, 227, 225;
      --colors-heading: 255, 255, 255;  
      --colors-text-link: 255, 182, 0;
    
  }
  
    .svg-highlight-sections--20323906945110__mobile-navigation {
    
      --color-highlight: #a94600;
    
    }
    .dark .svg-highlight-sections--20323906945110__mobile-navigation {
      
        --color-highlight: rgb(255, 182, 0);
      
    }
  
  .block-mobile-navigation-after::after {
    content: var(--tw-content);
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom-width: 1px;border-color: rgba(var(--colors-line-header));}
  .dark .block-mobile-navigation-after::after {border-color: rgba(var(--colors-line-header));}
  .font-menu-level-0 {
    font-size: 1.2375rem;
  }
  .font-menu-level-1 {
    font-size: 1.1rem;
  }
  .font-menu-level-2 {
    font-size: 0.9625rem;
  }
  
</style><div
  class="z-[9999] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMobileNav.show"
  x-cloak
  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
></div>
<template x-if="!$store.xInit.runDispatch">
  <div
    id="mobile-navigation"
    :class="{ 'menu-opening': $store.xMobileNav.show }" 
    class="menu-drawer fixed z-[9999] top-0 bottom-0 w-[90%] max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
  >
    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
        aria-label="Close"
      >
        <span class="font-menu-level-2 uppercase">Menu</span>
        <span
          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
        >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
      >
        
        <ul 
          x-data="{ openCur: 0 }"
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           <li class="block-mobile-navigation-menu">
                <span class="flex empty:hidden border-t ml-4 mr-4"></span>



<div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>

</style>
          <a href="/collections/all" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                
                
                  <span>SHOP ALL</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-2')" 
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>

</style>
          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                
                
                  <span>COLLECTIONS</span>
                
              
            </span>
            
            
          </span>
        </span>
<span
            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
          >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div
          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-2')}"
        >
          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
          >
            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
              <div class="flex items-center">
                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
                  @click="$store.xMobileNav.removeActiveLink('-2'); "
                >
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </span>
                <a href="/collections/all" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
                  <span class="p-break-words font-menu-level-0">
                    
                    
                      
                      
                        <span>COLLECTIONS</span>
                      
                    
                  </span>
                  
                  
                </a>
              </div>
              <span
                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
              >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div>
            <ul 
              id="menu-level-1"
              class="background-header w-full" 
            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/brutal-collection" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>BRUTAL</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/calm-down" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>CALM DOWN</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/chronically-offline-1" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>CHRONICALLY OFFLINE</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/essentials" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>ESSENTIALS</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smoshalike" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>SMOSHALIKE</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-games" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>SMOSH GAMES</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-main" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>SMOSH MAIN</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-pit" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>SMOSH PIT</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/throwback-collection" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>THROWBACK</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/were-all-gonna-die" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>WE&#39;RE ALL GONNA DIE</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li></ul>
          </div>
        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-3')" 
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>

</style>
          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                
                
                  <span>APPAREL</span>
                
              
            </span>
            
            
          </span>
        </span>
<span
            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
          >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div
          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-3')}"
        >
          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
          >
            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
              <div class="flex items-center">
                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
                  @click="$store.xMobileNav.removeActiveLink('-3'); "
                >
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </span>
                <a href="/collections/apparel" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
                  <span class="p-break-words font-menu-level-0">
                    
                    
                      
                      
                        <span>APPAREL</span>
                      
                    
                  </span>
                  
                  
                </a>
              </div>
              <span
                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
              >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div>
            <ul 
              id="menu-level-1"
              class="background-header w-full" 
            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/t-shirts" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>T-SHIRTS</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/hoodies" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>HOODIES &amp; CREWNECKS</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li></ul>
          </div>
        </div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>

</style>
          <a href="/collections/shop-all-accessories" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                
                
                  <span>ACCESSORIES</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>

</style>
          <a href="https://live.smosh.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                
                
                  <span>WATCH US LIVE</span>
                
              
            </span>
            
            
          </span>
        </a>
</div>
</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
                      <style data-shopify>
                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
                          font-family: var(--font-body-family);
                          content: 'Log in';
                          font-weight: 500;
                          font-size: 1.375rem;
                        }
                      </style>
                    
                    <div class="font-menu-level-0 font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
                      <shopify-account menu="customer-account-main-menu">
                        <div slot="signed-out-avatar">
                          <span class="w-4 h-4 mr-4 rtl:mr-0 rtl:ml-4 block">
                          
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
    </svg>
  

                        </span>
                        </div>
                      </shopify-account>
                      
                    </div>
                  </li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" >
                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70">
                    
<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5">
    
      <ul class="social-list flex  flex-wrap opacity-70" role="list">
<li>
      <a href="https://www.facebook.com/smosh" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/smosh" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li><li>
      <a href="https://www.tiktok.com/@smosh" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.youtube.com/@smosh" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 0.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
    </svg> 
  
</a>
    </li></ul>
     </div>
                  </div>
                </li>
        </ul>
      </div>
      
      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
          .font-menu-level-2 button {
            font-size: 0.9625rem;
          }

          .x-container-mobile-nav-language .toolbar-button {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
        </style>
        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
<div id="selector-social" class=" flex lg:items-center lg:justify-end relative">
     


<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors w-full flex flex-row-reverse justify-between" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div 
      x-data="xLocalizationForm" 
      class="localization-form-child country-selector max-w-max text-normal relative inline-flex lg:inline-block"
      @keyup.escape="openCountry = false"
    >
      <button 
        @click.prevent="loadCountry($el); "
        class="toolbar-button relative pt-2.5 pb-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer  hover-text-link duration-200 transition"
        aria-expanded="false" aria-controls="CurrencyList"
      >
        <span>
          
            United States &#x200E;(USD $)&#x200E;
          
        </span>
        <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
        <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0" x-cloak><svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>
</span>
      </button>
      
        <style data-shopify>
          .country-options-mobile-nav-sections--20323906945110__mobile-navigation {
            
              max-width: 544px;
            
          }
          .country-options-mobile-nav-sections--20323906945110__mobile-navigation ul {
            display: flex;
            flex-direction: column;
          }
          .country-options-mobile-nav-sections--20323906945110__mobile-navigation ul li {
            padding: 16px 20px;
            border-bottom-width: 1px;
            font-size: 0.9625rem;
          }
        </style>
        <div class="country-options country-options-mobile-nav-sections--20323906945110__mobile-navigation w-[calc(100vw-32px)] absolute right-0 rtl:left-0 rtl:right-auto bottom-full z-[51] scrollbar-body shadow-md max-h-[400px] overflow-y-auto background-header bottom-0 text-[rgb(var(--colors-text-header))]" x-show="openCountry" @click.away="openCountry = false" x-cloak>
        </div>
      
      <input id="currency_selector" type="hidden" name="country_code" value="US">
    </div></form><script src="//smosh.com/cdn/shop/t/109/assets/locales-form.js?v=77424405773733899781778709116" defer></script></div></div></div>
  </div>
</template>
</div><div id="shopify-section-sections--20323906945110__menu-drawer" class="shopify-section shopify-section-group-header-group section-menu-drawer"><style data-shopify>#menu-drawer * {border-color: #f2f2f2;}
  .dark #menu-drawer * {border-color: #313131;}
  #menu-drawer .text-color,
  #menu-drawer .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
      color: #000000;
      --colors-text-header: 0, 0, 0;  
        --colors-text-link: 16, 16, 16;
      
  }
  .dark #menu-drawer .text-color,
  .dark #menu-drawer .background-header {background: #202020;--colors-heading: 255, 255, 255;
      color: #ffffff;
      --colors-text-header: 255, 255, 255;
      --colors-text-link: 255, 255, 255;  
      --colors-text-link: 255, 182, 0;
    
  }
  
  .font-menu-level-0 {
    font-size: 1.375rem;
  }
  .font-menu-level-1 {
    font-size: 1.1rem;
  }
  .font-menu-level-2 {
    font-size: 0.9625rem;
  }

  .block-menu-drawer-account .font-menu-level-1,
  .block-menu-drawer-cart .font-menu-level-1,
  .block-menu-drawer-text .font-menu-level-1,
  .block-menu-drawer-button .button-text
  {
    font-size: 1.1rem;
    font-weight: var(--font-body-weight);
  }
  .block-menu-drawer-after::after {
    content: var(--tw-content);
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom-width: 1px;border-color: #f2f2f2;}
  .dark .block-menu-drawer-after::after {border-color: #313131;}
  #menu-drawer #selector-social {
    width: 100%;
  }</style><div
  class="z-[70] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMenuDrawer.show"
  x-cloak
  @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
></div>
<template x-if="!$store.xInit.runDispatch">
  <div
    id="menu-drawer"
    :class="{ 'menu-opening': $store.xMenuDrawer.show }" 
    class="menu-drawer fixed z-[70] top-0 bottom-0 w-full max-w-[480px] motion-reduce overflow-hidden ltr left-0 -translate-x-full"
  >
    <div class="x-container-draw-menu background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
      <div class="x-block-draw-menu-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
        aria-label="Close"
      >
        <span class="font-menu-level-2 uppercase">Menu</span>
        <span
          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
          @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
        >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
      >
        
        <ul 
          x-data="{ openCur: 0 }"
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           <li class="block-menu-drawer-menu">
                <span class="flex empty:hidden border-t ml-4 mr-4"></span>




<div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>


</style>
          <a href="/collections/all" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                <span>SHOP ALL</span>
              
            </span>
            
            
            
          </span>
        </a>
</div><div @click="$store.xMenuDrawer.scrollTop($el); $store.xMenuDrawer.setActiveLink('-2')" 
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>


</style>
          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                <span>COLLECTIONS</span>
              
            </span>
            
            
            
          </span>
        </span>
<span
            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
          >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div
          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
          :class="{ 'menu-opening': $store.xMenuDrawer.currentMenuLinks.includes('-2')}"
        >
          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
            :class="$store.xMenuDrawer.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
          >
            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
              <div class="flex items-center">
                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
                  @click="$store.xMenuDrawer.removeActiveLink('-2'); "
                >
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </span>
                <a href="/collections/all" class="flex flex-wrap gap-x-2 flex-1 font-medium disable-effect">
                  <span class="p-break-words font-menu-level-0">
                    
                    
                      <span>COLLECTIONS</span>
                    
                  </span>
                  
                  
                  
                </a>
              </div>
              <span
                class="cursor-pointer icon-close-container group-close-btn inline-block rounded-full"
                @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
              >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div>
            <ul 
              id="menu-level-1"
              class="background-header w-full" 
            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/brutal-collection" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>BRUTAL</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/calm-down" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>CALM DOWN</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/chronically-offline-1" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>CHRONICALLY OFFLINE</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/essentials" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>ESSENTIALS</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smoshalike" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>SMOSHALIKE</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-games" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>SMOSH GAMES</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-main" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>SMOSH MAIN</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/smosh-pit" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>SMOSH PIT</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/throwback-collection" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>THROWBACK</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/were-all-gonna-die" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>WE&#39;RE ALL GONNA DIE</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li></ul>
          </div>
        </div><div @click="$store.xMenuDrawer.scrollTop($el); $store.xMenuDrawer.setActiveLink('-3')" 
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>


</style>
          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                <span>APPAREL</span>
              
            </span>
            
            
            
          </span>
        </span>
<span
            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
          >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div
          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible -translate-x-full"
          :class="{ 'menu-opening': $store.xMenuDrawer.currentMenuLinks.includes('-3')}"
        >
          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
            :class="$store.xMenuDrawer.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
          >
            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
              <div class="flex items-center">
                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
                  @click="$store.xMenuDrawer.removeActiveLink('-3'); "
                >
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </span>
                <a href="/collections/apparel" class="flex flex-wrap gap-x-2 flex-1 font-medium disable-effect">
                  <span class="p-break-words font-menu-level-0">
                    
                    
                      <span>APPAREL</span>
                    
                  </span>
                  
                  
                  
                </a>
              </div>
              <span
                class="cursor-pointer icon-close-container group-close-btn inline-block rounded-full"
                @click="setTimeout(() => { $store.xMenuDrawer.close() }, 0)"
              >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div>
            <ul 
              id="menu-level-1"
              class="background-header w-full" 
            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/t-shirts" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>T-SHIRTS</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/hoodies" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
                    
                      
                      
                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            <span>HOODIES &amp; CREWNECKS</span>
                          
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li></ul>
          </div>
        </div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>


</style>
          <a href="/collections/shop-all-accessories" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                <span>ACCESSORIES</span>
              
            </span>
            
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>


</style>
          <a href="https://live.smosh.com/" class="flex-1 pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-0">
              
              
                <span>WATCH US LIVE</span>
              
            </span>
            
            
            
          </span>
        </a>
</div>
</li>

        </ul>
      </div></div>
  </div>
</template>


<script src="//smosh.com/cdn/shop/t/109/assets/menu-drawer.js?v=108636980082274135241778709117" defer></script>
</div>
<!-- END sections: header-group -->
          <!-- BEGIN sections: aside-group -->
<div id="shopify-section-sections--20323906617430__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group section-product-labels-and-badges"><style data-shopify>.x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
          background-color:#a94600;
          color:#ffffff;
          
        }
        .dark .x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
          background-color:#a94600;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-product-labels-and-badges-0 {
        --font-size-scale: 0.88rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-product-labels-and-badges-0 {
          --font-size-scale: 0.88rem;
          
        }
      }.x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
          background-color:#ffb600;
          color:#101010;
          
        }
        .dark .x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
          background-color:#ffb600;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-new_label_4MQzpH {
        --font-size-scale: 0.88rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-new_label_4MQzpH {
          --font-size-scale: 0.88rem;
          
        }
      }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
          background-color:#7f817f;
          color:#ffffff;
          
        }
        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
          background-color:#7f817f;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-product-labels-and-badges-1 {
        --font-size-scale: 0.88rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-product-labels-and-badges-1 {
          --font-size-scale: 0.88rem;
          
        }
      }.x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
          background-color:#706262;
          color:#ffffff;
          
        }
        .dark .x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
          background-color:#706262;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-preorder_label_8JPgVK {
        --font-size-scale: 0.88rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-preorder_label_8JPgVK {
          --font-size-scale: 0.88rem;
          
        }
      }</style>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "product-labels-and-badges-0",
      "enable": true,
      "type": "sale-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "SALE",
        
          "type": "round",
        
        "background_color": "#a94600",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "custom",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "new_label_4MQzpH",
      "enable": true,
      "type": "new-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "NEW",
        
          "type": "round",
        
        "background_color": "#ffb600",
        "text_color": "#101010",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "activation_date",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "product-labels-and-badges-1",
      "enable": true,
      "type": "sold-out-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": false,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "SOLD OUT",
        
          "type": "round",
        
        "background_color": "#7f817f",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "preorder_label_8JPgVK",
      "enable": true,
      "type": "preorder-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "PRE-ORDER",
        
          "type": "round",
        
        "background_color": "#706262",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div><script src="//smosh.com/cdn/shop/t/109/assets/labels-and-badges.js?v=115239190121355418111778709116" defer></script>
</div><div id="shopify-section-sections--20323906617430__quick-view" class="shopify-section shopify-section-group-aside-group section-product-info section-quick-view"><style data-shopify>
  .button--quickview.button-solid, .button--quickview.button-disable-effect,
  .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
  .title-size--sections--20323906617430__quick-view {
    font-size: 1.755rem;
  }
  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
  .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
  @media (min-width: 768px) {
    .title-size--sections--20323906617430__quick-view {
      font-size: 2.925rem;
    }
  }
  
  
    #QuickView .media-thumbnail.quickview-border {
      border-width: 1px;
      
        border-radius: 10px;
      
    }
  
</style>

<div 
  id="QuickView"
  x-show="$store.xQuickView.show" 
  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
  x-cloak 
  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border"
  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
  @init-run.window="$store.xQuickView.addListener()"
  @click="$store.xQuickView.clickInsideQuickView($event)"
  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
>
  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
  <div 
    role="dialog"
    aria-label="Quick view"
    aria-modal="true"
    x-show="$store.xQuickView.show"
    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
    
      x-transition:enter="transition-all ease-in-out duration-500"
      x-transition:enter-start="opacity-0 transform translate-y-1/3"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-500"
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
    
  >
    <div class="x-container-quickview-body shadow-popup relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12 rounded-t-[10px] md:rounded-[10px]" 
      @click.away="$store.xQuickView.close()"
      @click="$store.xQuickView.clickInsideContentQuickView($event)"
      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
    >
      
        <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()">
          
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

        </button>
      
      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
          <div class="w-full md:w-[48%]">
            
              <p class="mb-2 h-4 w-10 bg-slate-200"></p>
            
            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div><div class="h-9 bg-slate-200 w-full mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div></div>
        </div>
        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
      </div>
    </div>
  </div>
</div>


<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
    <div
      x-show="$store.xQuickView.openPopupMobile"
      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]"
      x-transition:enter="transition-all ease-in-out duration-500" 
      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
      x-transition:enter-end="opacity-100 transform translate-y-0" 
      x-transition:leave="transition ease-in-out duration-500" 
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
    >
      <button 
        class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
        aria-label="Close quickview"
        @click="$store.xQuickView.closePopupMobile()" 
      >
        
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

      </button>
      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
        <div class="w-full pl-5 pr-5 pt-7 pb-5">
          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="flex gap-x-5">
            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
          </div>
        </div>
      </div>
      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
    </div>
  </div>
<script>
window.xQuickView = {
  sectionId: 'sections--20323906617430__quick-view',
  enabled: true,
  show_atc_button: true,
  atc_btn_bottom: false,
  atc_btn_image_desktop: true,
  buttonLabel: 'Quick view'
}
</script>
<script src="//smosh.com/cdn/shop/t/109/assets/quick-view.js?v=99816987661905988931778709128" defer></script>
<script src="//smosh.com/cdn/shop/t/109/assets/payment-button.js?v=19694614378629863991778709122" defer></script>
<script src="//smosh.com/cdn/shop/t/109/assets/product-media.js?v=178923250894042546431778709126" defer></script>
<script src="//smosh.com/cdn/shop/t/109/assets/recently-viewed.js?v=93421342682375135181778709130" defer></script>
<script src="//smosh.com/cdn/shop/t/109/assets/customize-picker.js?v=71491105029373997401778709108" defer></script>
<script src="//smosh.com/cdn/shop/t/109/assets/variant-select.js?v=84239981155989223391778709141" defer></script>

</div><div id="shopify-section-sections--20323906617430__cookie-banner" class="shopify-section shopify-section-group-aside-group section-cookie-banner"><style data-shopify>
      .color-heading--sections--20323906617430__cookie-banner {
        --colors-heading: 247, 247, 247;
      }
    
    .dark .color-heading--sections--20323906617430__cookie-banner {
      
        --colors-heading: 40, 41, 40;
      
    }
    .button-accept {
      
        color: #000000;
      
      
        background-color: #f7f7f7;
        border-color: #f7f7f7;
      
    }
    .dark .button-accept {
      
        color: #f7f7f7;
      
      
        background-color: #282928;
        border-color: #282928;
      
    }
    .button-decline {
      
        border-color: #f7f7f7;
        color: #f7f7f7;
      
      border: 1px solid;
    }
    .dark .button-decline {
      
        border-color: #282928;
        color: #282928;
      
      border: 1px solid;
    }
    .bg-cookie-banner {
      
        color: #f7f7f7;
      
      background: #282928;
    }
    .dark .bg-cookie-banner {
      
        color: #282928;
      
      background: #ffffff;
    }</style><div 
    id="cookies-banner" 
    x-data="xCookieBanner(4)"  x-show="show"  
    x-cloak 
    x-transition:enter="transition-all ease-in-out duration-500"
    x-transition:enter-start="opacity-0 transform translate-y-full"
    x-transition:enter-end="opacity-100 transform translate-y-0"
    x-transition:leave="transition-all ease-in-out duration-500"
    x-transition:leave-end="opacity-0 transform translate-y-full"
    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--20323906617430__cookie-banner"
  >
    <div class="x-pgw page-width mr-auto ml-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
      <div class="rte x-block-cookie-content pt-3 pb-3 w-full lg:pt-4 lg:pb-4 lg:w-auto md:flex md:items-center md:justify-start rtl:md:justify-end text-left rtl:text-right"
      >
        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
      </div>
      <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 rtl:lg:ml-0 rtl:lg:mr-7 justify-center md:justify-start gap-2 w-full md:w-auto">
        
          <button class="button w-auto button-decline pl-10 pr-10 pt-4 pb-4 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleDecline()">
            Decline
          </button>
        
        
          <button class="button button-accept w-auto pl-10 pr-10 pt-4 pb-4 mr-2.5 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
            Got it!
          </button>
        
      </div>
    </div>
  </div><script src="//smosh.com/cdn/shop/t/109/assets/cookie-banner.js?v=135863105119365794521778709106" defer></script>

</div>
<!-- END sections: aside-group -->
      

      
      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
        <section id="shopify-section-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f" class="shopify-section section section-slideshow"><style data-shopify>
  .x-splide-slide.is-active .animate_transition_three_fold_text,
  .active.animate_transition_three_fold_text,
  .disable-animation-slideshow .animate_transition_three_fold_text {
    transform: translateY(0);
    opacity: 1;
    will-change: transform, opacity;
  }
  .animate_transition_three_fold_text, .animate_transition_three_fold_right {
    opacity: 0;
    transition-property: transform,opacity;
    transition-timing-function: ease-in;
    transition-duration: var(--transition-slideshow);
  }
  .animate_transition_three_fold_text {
    transform: translateY(100%);
  }
  .animate_transition_three_fold_right {
    transform: translateX(100%);
  }
  .disable-animation-slideshow .animate_transition_three_fold_right , 
  .disable-animation-slideshow .animate_transition_three_fold_left,
  .rtl .disable-animation-slideshow .animate_transition_three_fold_right , 
  .rtl .disable-animation-slideshow .animate_transition_three_fold_left {
    transform: translateX(0%);
    opacity: 1;
  }
  .animate_transition_three_fold_left {
    opacity: 0;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    transition-timing-function: ease-in;
    transition-duration: var(--transition-slideshow);
  }
  .x-splide-slide.is-active .animate_transition_three_fold_right,
  .x-splide-slide.is-active .animate_transition_three_fold_left,
  .active.animate_transition_three_fold_right,
  .active.animate_transition_three_fold_left {
    opacity: 1;
    transform: translateX(0%);
    will-change: transform, opacity;
  }
  .animate-paginate-slideshow {
    transform: translateY(100%);
    transition-property: transform,opacity;
    transition-timing-function: ease-in;
    transition-duration: 0.4s;
  }
  .active.animate-paginate-slideshow {
    transform: translateY(0);
    will-change: transform;
  }
  .pagination-dots button:after{
    content: '';
    background: rgba(var(--image-treatment-text));
    margin-left:0.375rem;
    margin-right:0.375rem;
    height:0.5rem;
    width:0.5rem;
    border-radius:9999px;
    opacity:0.5;
  }
  .pagination-dots button.is-active:after{
    content: '';
    --tw-scale-x:1.5;
    --tw-scale-y:1.5;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity:1;
    transition-duration:300ms;
  }
  @media (min-width: 1024px) {
    .animate_transition_slide__image_three_fold_right, .animate_transition_slide__image_three_fold_left {
      overflow: hidden;
      scale: 1.1;
    }
    .animate_transition_slide__image_three_fold_right {
      transform-origin: 0 100%;
      transform: rotate(5deg);
    }
    .animate_transition_slide__image_three_fold_left {
      transform-origin: 100% 100%;
      transform: rotate(-5deg);
    }
    .x-splide-slide.is-active .animate_transition_slide__image_three_fold_left,
    .x-splide-slide.is-active .animate_transition_slide__image_three_fold_right,
    .active.animate_transition_slide__image_three_fold_left,
    .active.animate_transition_slide__image_three_fold_right {
      scale: 1.1;
    }
    .pagination-dots button:after{
      height:0.625rem;
      width:0.625rem
    }
  }
  @media screen and (max-width: 767px) {
    .mobile-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f-natural{
      height: 0;
        padding-bottom: 162.07455429497568%;
    }
  }
  @media screen and (min-width: 768px) {
    .desktop-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f-natural{
      height: 0;
        padding-bottom: 35.714285714285715%;
    }
  }
  .paginate-slide-image--template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f {
    
      --background-pagination-slideshow: 40, 41, 40;
    
    
      --text-color-pagination-slideshow: 255, 255, 255
    
  }
  
    #overlay-image-paginate--template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f.active {
      transition: width 10s ease-out;
      width: 100%;
      left: 0;
      right: auto;
      transform-origin: left;
    }
    .rtl #overlay-image-paginate--template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f.active {
      right: 0;
      left: auto;
      transform-origin: right;
    }
    
      #x-slideshow-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f:hover #overlay-image-paginate--template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f.active {
        transition: none;
        width: 0%;
      }
    
    
  .splide__arrow--prev:hover .pagination-button-next-overlay {
    opacity: 0;
    transition-duration: 100ms;
  }
  .splide__arrow--next:hover .pagination-image-next-overlay {
    opacity: 0;
    transition-duration: 100ms;
  }
   
    .hidden-img-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f img[loading="lazy"] {
      display: none;
    }
    .hidden-img-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f div[x-slide-index="0"] img[loading="lazy"] {
      display: block;
    }
  
  #shopify-section-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  @media (min-width: 768px) { 
    #shopify-section-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }</style><div
  id="x-slideshow-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f"
  x-data="{ intersect: false }"
  class="x-container-slideshow pause-on-hover_slide_show splide-slideshow overflow-hidden visible mr-auto ml-auto md:pl-0 md:pr-0 full-width-mobile hidden-img-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f"
  
    x-intersect.once="intersect = true"><div x-intersect.once="$el.classList.remove('bg-[#c9c9c9]')" class="relative bg-[#c9c9c9]  overflow-hidden desktop-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f-natural mobile-template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f-natural md:rounded-none">
    <div class="w-full h-full md:absolute md:top-0 md:left-0 md:bottom-0 absolute top-0 left-0 bottom-0">
<style data-shopify>.button--22d0c1f1-c698-47cb-9ca4-ee29a140da77.button-solid,
              .button--22d0c1f1-c698-47cb-9ca4-ee29a140da77.button-solid:before {--colors-line-and-border: 16, 16, 16;
                  --colors-button: 16, 16, 16;}
              .button--22d0c1f1-c698-47cb-9ca4-ee29a140da77.button-outline {

              }
              
.heading-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                font-size: 2.0475rem;
              }
              .sub-heading-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                font-size: 0.99rem;
              }
              .image-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                object-position:;
              }
              .bg-content-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  background-color: rgb(var(--colors-background-secondary));}
              @media screen and (min-width: 768px) {
                .heading-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  font-size: 4.095rem;
                }
                .sub-heading-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  font-size: 1.1rem;
                }
                .image-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  object-position:;
                }
                #image-paginate--template--20323906191446__4c9e1af5-c4c0-48cf-b771-49029eedd24f[image-next-active="0"] {
                  
                    
                      background-image: url(//smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=300);
                    
                  
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center;
                }
                .bg-full-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  background: transparent;
                }
              }
              .bg-full-22d0c1f1-c698-47cb-9ca4-ee29a140da77 {
                  background-color: rgb(var(--colors-background-secondary));}</style><div x-slide-index="0" 
              class="x-block-slide x-slideshow-22d0c1f1-c698-47cb-9ca4-ee29a140da77 disable-animation-slideshow  h-full relative transition-opacity flex-shrink-0 w-full w-full"
              x-data="{effect: false}" 
                x-intersect:leave.margin.-40px="effect = false"
                x-intersect.half="effect = true" 
              
              
            >
              
              <div class="video-hero h-full relative overflow-hidden">
                <span class="absolute top-0 left-0 bottom-0 right-0 z-10 pointer-events-none image-treatment-overlay opacity-0"></span>
                
                  <div class="video-hero">
                    



  <div 
    class="video-slideshow-desktop video-hero external-video w-full object-cover hidden md:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2"
    x-intersect:leave="$store.xVideo.pause($el)"
    @click.stop="$store.xVideo.togglePlay($el)"
    x-intersect="$store.xVideo.play($el)"
      
    
      style="padding-bottom: 35.714285714285715%;"
    
  >
    <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
      
      
        <img
          srcset="//smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=375 375w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=450 450w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=750 750w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=900 900w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=1100 1100w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=1500 1500w,
          //smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=1780 1780w"
          sizes="(min-width: 1024px) 100vw,(min-width: 768px) calc(100vw / 3),"
          src="//smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000.jpg?v=1776801125&width=1780"
          alt=""
          class="object-cover absolute top-0 left-0 h-full w-full img-thumbnail animate-Xpulse skeleton-image rounded-[10px]"
          
            loading="eager"
            fetchpriority="high"
            decoding="sync"
          
          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); })"
          width="2800"
          height="1000"
          style="object-position:;"
        >
      
      
      <template x-if="intersect">
        <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video z-10 object-cover" preload="metadata" poster="//smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000_1100x.jpg?v=1776801125"><source src="//smosh.com/cdn/shop/videos/c/vp/861c089f711a4f058336352be4b29da2/861c089f711a4f058336352be4b29da2.HD-720p-1.6Mbps-82231578.mp4?v=0" type="video/mp4"><img loading="lazy" alt="" src="//smosh.com/cdn/shop/files/preview_images/861c089f711a4f058336352be4b29da2.thumbnail.0000000000_1100x.jpg?v=1776801125"></video>
      </template>
    
    
  </div>

                    



  <div 
    class="video-slideshow-mobile video-hero external-video w-full object-cover block md:hidden absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full md:h-full md:absolute md:top-1/2 md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2"
    x-intersect:leave="$store.xVideo.pause($el)"
    @click.stop="$store.xVideo.togglePlay($el)"
    x-intersect="$store.xVideo.play($el)"
      
    
      style="padding-bottom: 162.07455429497568%;"
    
  >
    <span class="absolute top-0 left-0 bottom-0 right-0 z-10 image-treatment-overlay opacity-0"></span>
      
      
        <img
          srcset="//smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=375 375w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=450 450w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=750 750w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=900 900w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=1100 1100w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=1500 1500w,
          //smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=1780 1780w"
          sizes="(min-width: 1024px) 100vw,(min-width: 768px) calc(100vw / 3),"
          src="//smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000.jpg?v=1777042594&width=1780"
          alt=""
          class="object-cover absolute top-0 left-0 h-full w-full img-thumbnail animate-Xpulse skeleton-image rounded-[10px]"
          
            loading="eager"
            fetchpriority="high"
            decoding="sync"
          
          onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); })"
          width="2170"
          height="3500"
          style="object-position:;"
        >
      
      
      <template x-if="intersect">
        <video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="w-full h-full absolute top-0 left-0 video z-10 object-cover" preload="metadata" poster="//smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000_1100x.jpg?v=1777042594"><source src="//smosh.com/cdn/shop/videos/c/vp/45b169aadca345ff927e2499e0639740/45b169aadca345ff927e2499e0639740.HD-1080p-2.5Mbps-82598368.mp4?v=0" type="video/mp4"><img loading="lazy" alt="" src="//smosh.com/cdn/shop/files/preview_images/45b169aadca345ff927e2499e0639740.thumbnail.0000000000_1100x.jpg?v=1777042594"></video>
      </template>
    
    
  </div>

                  </div>
                
              </div>
              
<div class="hero-text pointer-events-none transition x-pgw page-width absolute left-1/2 z-20 -translate-x-1/2 top-0 w-full h-full table">
                  <div class="table-cell max-w-full md:max-w-[745px] md:min-w-[30rem] lg:w-[65%] align-bottom text-center"
                  >
                    <div
                      class="animate_transition_slide__box xl:pr-[60px] xl:pl-[60px] lg:pr-10 lg:pl-10 lg:max-w-[700px] pt-5 pr-5 pl-5 pb-5 mb-5 md:mb-6 float-center md:float-center
 mr-auto ml-auto xl:rounded-[60px] md:rounded-[40px] rounded-3xl"
                      :class="effect && 'active'"
                    ><div class="mt-4 pointer-events-auto lg:mt-9 inline-flex flex-wrap gap-y-2 p-break-words gap-x-3 md:justify-center justify-center" ><a href="/collections/essentials" class="button button--22d0c1f1-c698-47cb-9ca4-ee29a140da77 button-solid border mt-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal">
                              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">SHOP NOW</span>
      
    
  
  
</div>
                            </a></div>
                    </div>
                  </div>
                </div>
              
              
                <a href="/collections/tote-bags" class="absolute top-0 left-0 bottom-0 right-0 z-[19] opacity-0">/collections/tote-bags</a>
              
            </div>
          
</div>
  </div>
  
</div>
</section><section id="shopify-section-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="shopify-section section section-featured-collection x-section">
<style data-shopify>.section-padding-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      padding-top: 100px;
      padding-bottom: 8px;
    }
  }
  .heading-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    font-size: 1.5795rem;
  }
  #shopify-section-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
    font-size: 0.875rem; 
  }
  @media (min-width: 768px) {
    .heading-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      font-size: 2.6325rem; 
    }
    #shopify-section-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
      font-size: 0.693rem; 
    }
  }
  @media (min-width: 1024px) {
    #shopify-section-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
      font-size: 0.86625rem; 
    }
  }
  .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
    
      
        background: rgba(16, 16, 16, 0.1);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
    
      
        background: rgba(16, 16, 16, 0.5);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
    
      
        background: rgba(16, 16, 16, 0.5);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
    
      
        background: rgba(255, 255, 255, 0.1);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .dark .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
    
      
        background: rgba(255, 255, 255, 0.5);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
    
      
        background: rgba(255, 255, 255, 0.5);
      
    
    
      color: rgb(var(--colors-heading));
    
  }</style><div 
  class="x-container-featured-collection section-padding-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"
  x-data="{ 
    view_all_link: '/collections/essentials',
    setViewAllLink(url) {
      this.view_all_link = url;
    }
  }"
>
  <div class="collection_wrapper"><div class="mb-4 md:mb-2 relative">
  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)'>
        <div class="x-block-header pl-5 pr-5 flex flex-col items-center rtl:items-center
 x-pgw page-width"
        ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center">



<style data-shopify>
  
  .dark .heading-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h1
      class='heading-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 h2 block leading-tight p-break-words anm-move-up'> 
  
    
      
        Featured <span class="highlight relative inline-block hl-font">collections
  
</span>
      
    
  </h1>

  
    </div>
  


            </div>
          
          
            <style data-shopify>
              .collection-title-container.scrollbar-body::-webkit-scrollbar{
                width: 1px;
                height: 2px;
              }
            </style>
            <div class="collection-title-container h-10 md:h-auto relative lg:mb-0 mb-2 mr-5 ml-5 z-[19] overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self-center min-w-[30%] w-full">
              <div class="flex flex-row md:flex-wrap items-center h-full gap-y-2 gap-x-2 md:gap-x-4 md:justify-center">
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%]"
                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/essentials'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 1 || 'opacity-80'"
                    
                    
                      
                    
                  >
                    <span 
                      class="capitalize label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
                      :class="currentTab === 1 && 'active'"
                    >
                      ESSENTIALS
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%]"
                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/smosh-games'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 2 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(2)'
                    
                  >
                    <span 
                      class="capitalize label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
                      :class="currentTab === 2 && 'active'"
                    >
                      SMOSH GAMES
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%]"
                    @click="setTimeout(() => { select(3); setViewAllLink('/collections/brutal-collection'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 3 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(3)'
                    
                  >
                    <span 
                      class="capitalize label-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug  rounded-full"
                      :class="currentTab === 3 && 'active'"
                    >
                      BRUTAL
                    </span>
                  </div></div>
            </div>
          
        </div><div class=" x-pgw page-width mr-auto ml-auto x-pgw page-width-mobile" x-show="loading">
          
              
              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 16px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-4 gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
              
              <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 16px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-4 gap-skeleton-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
        </div>
        
        
        
        
        <div class="animate-fade-in relativemd:mt-4 lg:mt-8"
          id="x-fc-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1"
           x-show="currentTab == 1"
        >
          <style data-shopify>
            
            
            
          </style>
          <div
            class=" x-pgw page-width mr-auto ml-auto pl-5 pr-5"
            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `ESSENTIALS`, id: "collection" }})'
          ><div ><div
                id="x-collection-collection_DqgeTW"
                class="collection"
                x-intersect.once='$el.classList.add("is-ready-to-animate")'
              >
                <style data-shopify>
                  .gap-mobile-collection_DqgeTW-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
                    gap: 16px;
                  }
                  @media (min-width: 768px) {
                    .gap-collection_DqgeTW-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
                      
                        gap: 20px;
                      
                    }
                  }
                </style>
                
                
                  <div class="splide__list gap-collection_DqgeTW-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 md:grid md:grid-cols-4 lg:grid-cols-4 grid grid-cols-2 gap-mobile-collection_DqgeTW-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"><style data-shopify>
                        .x-slide-animation-duration-1 {
                          --delay-time: 0ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1', '/collections/essentials/products/essentials-puff-print-green-tee', '7844179378262')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/essentials/products/essentials-puff-print-green-tee"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 44505751552086,
      &quot;product_id&quot;: 7844179378262,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 3500,
      &quot;price_with_currency&quot;: &quot;$35.00&quot;,
      &quot;sale_amount&quot;: &quot;$-35.00&quot;,
      &quot;collections&quot;: &quot;||269647052886||164529569878||278137831510||129535344726||130753953878||310608756822||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 56,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1775856666,
      &quot;diff_day_publish&quot;: 1777046353
      
      }
    ]"
       
      aria-label="Essentials Green Puffy Tee"
      id="7844179378262-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 125.0%;">
      <div
        id="x-slideshow-card-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179378262&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3500,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "slide",
          })'>
        <div 
          id="image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=250 250w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=350 350w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=450 450w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=750 750w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=900 900w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=1100 1100w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=1500 1500w,//smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215 3000w" 
                  src="//smosh.com/cdn/shop/files/260414SmoshEssentials0346_1.png?v=1776784215&width=1500"
                  sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                  alt="Man wearing a green &#39;SMOSH&#39; t-shirt against a yellow background"
                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-slide-anm lg:group-hover:opacity-0 transition-opacity duration-500 animate_transition_image"
                  loading="lazy"
                  width="3000"
                  height="3750"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=250 250w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=350 350w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=450 450w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=750 750w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=900 900w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=1100 1100w,
                        //smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=1500 1500w,//smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223 3000w"
                      src="//smosh.com/cdn/shop/files/260414_smosh_essentials0260-1-2.png?v=1776784223&width=1500"
                      sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                      alt="Person wearing a green &#39;Smosh&#39; t-shirt against a yellow background"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-first-hover-slide-anm absolute top-0 lg:-right-[101%]"
                      loading="lazy"
                      width="3000"
                      height="3750"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-puff-print-green-tee', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', 201); }, 0)"
                    data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose options"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-puff-print-green-tee', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', 201); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179378262&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3500,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-puff-print-green-tee', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-puff-print-green-tee', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179378262&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3500,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/essentials/products/essentials-puff-print-green-tee", $el, "template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179378262&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3500,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262">
        <a href="/collections/essentials/products/essentials-puff-print-green-tee"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Green Puffy Tee&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179378262&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3500,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        >
          Essentials Green Puffy Tee
        </a>
      </h3>
      
        
 


      
<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">3500</div>
  <div class="target-compare-at-price hidden"></div>
  
    
      
    
      
    
      
    
  
  
<p class="price">
        $35.00
      </p>
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7844179378262', [269647052886, 164529569878, 278137831510, 129535344726, 130753953878, 310608756822])">
            
<div 
  class="text-availability-notice"
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  <style data-shopify>
    .text-availability-notice {
      font-size: 0.7363125rem;
    }
    @media (min-width: 768px) {
      .text-availability-notice {
        font-size: 0.818125rem;
      }
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7844179378262-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    

        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/essentials-puff-print-green-tee');
        });"></div>
        <div
          id="current-variant-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW" 
          class="current-variant hidden"
        >
          44505751552086
        </div>
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-puff-print-green-tee', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW', 201); }, 0)" 
                data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179378262-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose options"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-2 {
                          --delay-time: 100ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2', '/collections/essentials/products/essentials-embroidered-hoodie-purple', '7844179247190')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/essentials/products/essentials-embroidered-hoodie-purple"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 44505733922902,
      &quot;product_id&quot;: 7844179247190,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 6900,
      &quot;price_with_currency&quot;: &quot;$69.00&quot;,
      &quot;sale_amount&quot;: &quot;$-69.00&quot;,
      &quot;collections&quot;: &quot;||269647052886||164529569878||278137831510||130754150486||129535344726||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 7,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1775856647,
      &quot;diff_day_publish&quot;: 1777046330
      
      }
    ]"
       
      aria-label="Essentials Embroidered Hoodie - Purple"
      id="7844179247190-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 125.0%;">
      <div
        id="x-slideshow-card-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179247190&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6900,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "slide",
          })'>
        <div 
          id="image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=250 250w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=350 350w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=450 450w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=750 750w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=900 900w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=1100 1100w,
                  //smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=1500 1500w,//smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853 3000w" 
                  src="//smosh.com/cdn/shop/files/260414SmoshEssentials0248.png?v=1776783853&width=1500"
                  sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                  alt="Man wearing a purple hoodie with &#39;SMOSH&#39; logo on a yellow background"
                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-slide-anm lg:group-hover:opacity-0 transition-opacity duration-500 animate_transition_image"
                  loading="lazy"
                  width="3000"
                  height="3750"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=250 250w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=350 350w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=450 450w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=750 750w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=900 900w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=1100 1100w,
                        //smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=1500 1500w,//smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036 3000w"
                      src="//smosh.com/cdn/shop/files/260414SmoshEssentials0315.png?v=1776784036&width=1500"
                      sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                      alt="Person wearing a purple hoodie with &#39;Simsil&#39; branding on a yellow background"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-first-hover-slide-anm absolute top-0 lg:-right-[101%]"
                      loading="lazy"
                      width="3000"
                      height="3750"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-embroidered-hoodie-purple', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', 202); }, 0)"
                    data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose options"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-embroidered-hoodie-purple', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', 202); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Choose options"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179247190&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6900,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-embroidered-hoodie-purple', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-embroidered-hoodie-purple', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179247190&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6900,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/essentials/products/essentials-embroidered-hoodie-purple", $el, "template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179247190&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6900,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190">
        <a href="/collections/essentials/products/essentials-embroidered-hoodie-purple"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Embroidered Hoodie - Purple&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179247190&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6900,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        >
          Essentials Embroidered Hoodie - Purple
        </a>
      </h3>
      
        
 


      
<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">6900</div>
  <div class="target-compare-at-price hidden"></div>
  
    
      
    
      
    
      
    
  
  
<p class="price">
        $69.00
      </p>
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7844179247190', [269647052886, 164529569878, 278137831510, 130754150486, 129535344726])">
            
<div 
  class="text-availability-notice"
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  <style data-shopify>
    .text-availability-notice {
      font-size: 0.7363125rem;
    }
    @media (min-width: 768px) {
      .text-availability-notice {
        font-size: 0.818125rem;
      }
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7844179247190-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    

        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/essentials-embroidered-hoodie-purple');
        });"></div>
        <div
          id="current-variant-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW" 
          class="current-variant hidden"
        >
          44505733922902
        </div>
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/essentials/products/essentials-embroidered-hoodie-purple', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW', 202); }, 0)" 
                data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179247190-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose options"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose options</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-3 {
                          --delay-time: 200ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3', '/collections/essentials/products/essentials-smosh-socks', '7844179738710')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/essentials/products/essentials-smosh-socks"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 44431320711254,
      &quot;product_id&quot;: 7844179738710,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 1200,
      &quot;price_with_currency&quot;: &quot;$12.00&quot;,
      &quot;sale_amount&quot;: &quot;$-12.00&quot;,
      &quot;collections&quot;: &quot;||163483910230||164529569878||278137831510||129535344726||163483877462||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 83,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1775856684,
      &quot;diff_day_publish&quot;: 1778708250
      
      }
    ]"
       
      aria-label="Essentials Smosh Socks"
      id="7844179738710-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 125.0%;">
      <div
        id="x-slideshow-card-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179738710&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1200,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "slide",
          })'>
        <div 
          id="image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=250 250w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=350 350w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=450 450w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=750 750w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=900 900w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=1100 1100w,
                  //smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=1500 1500w,//smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181 2400w" 
                  src="//smosh.com/cdn/shop/files/SMOSH_sockslogo.png?v=1778693181&width=1500"
                  sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                  alt="White socks with &#39;SMOSH&#39; text on a white background"
                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-slide-anm lg:group-hover:opacity-0 transition-opacity duration-500 animate_transition_image"
                  loading="lazy"
                  width="2400"
                  height="3000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=250 250w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=350 350w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=450 450w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=750 750w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=900 900w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=1100 1100w,
                        //smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=1500 1500w,//smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181 2399w"
                      src="//smosh.com/cdn/shop/files/SMOSH_socklogo2.png?v=1778693181&width=1500"
                      sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                      alt="White socks with &#39;Smosh&#39; branding on a white background"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-first-hover-slide-anm absolute top-0 lg:-right-[101%]"
                      loading="lazy"
                      width="2399"
                      height="3000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
<form method="post" action="/cart/add" id="product-form-choose-option7844179738710203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44431320711254">
                    
                                                                
                    <button
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW"
                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                      
                      
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                    >
                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        

                            <span class="flex items-center justify-center">
                              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                            </span>
                      </span>
                      <div
                        class="flex gap-x-2 items-center justify-center"
                        role="alert"
                        x-cloak
                        x-show="errorMessage"
                      >
                        Sold out
                      </div>
                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </div>
                    </button>
                    <button 
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                      
                      
                      data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW"
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179738710&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1200,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                      
                    >
                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                      <span class="block w-5 h-5" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </span>
                    </button><input type="hidden" name="product-id" value="7844179738710" /><input type="hidden" name="section-id" value="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-smosh-socks', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/essentials-smosh-socks', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179738710&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1200,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/essentials/products/essentials-smosh-socks", $el, "template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179738710&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1200,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710">
        <a href="/collections/essentials/products/essentials-smosh-socks"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Essentials Smosh Socks&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7844179738710&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1200,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        >
          Essentials Smosh Socks
        </a>
      </h3>
      
        
 


      
<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1200</div>
  <div class="target-compare-at-price hidden"></div>
  
    
  
  
<p class="price">
        $12.00
      </p>
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7844179738710', [163483910230, 164529569878, 278137831510, 129535344726, 163483877462])">
            
<div 
  class="text-availability-notice"
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  <style data-shopify>
    .text-availability-notice {
      font-size: 0.7363125rem;
    }
    @media (min-width: 768px) {
      .text-availability-notice {
        font-size: 0.818125rem;
      }
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7844179738710-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    

        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/essentials-smosh-socks');
        });"></div>
        <div
          id="current-variant-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW" 
          class="current-variant hidden"
        >
          44431320711254
        </div>
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
<form method="post" action="/cart/add" id="product-form-choose-option7844179738710203" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="44431320711254">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7844179738710-collection_DqgeTW"
                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                  
                  
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                    

                        <span class="flex items-center justify-center">
                          
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                        </span>
                  </span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                  </div>
                </button><input type="hidden" name="product-id" value="7844179738710" /><input type="hidden" name="section-id" value="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-4 {
                          --delay-time: 300ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4', '/collections/essentials/products/smosh-graffiti-tote', '7771834286166')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 h-full rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/essentials/products/smosh-graffiti-tote"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 43864391188566,
      &quot;product_id&quot;: 7771834286166,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 2000,
      &quot;price_with_currency&quot;: &quot;$20.00&quot;,
      &quot;sale_amount&quot;: &quot;$-20.00&quot;,
      &quot;collections&quot;: &quot;||163483910230||164529569878||278137831510||129535344726||163483877462||310608756822||269643415638||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 159,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1769636453,
      &quot;diff_day_publish&quot;: 1770654607
      
      }
    ]"
       
      aria-label="Smosh Graffiti Tote"
      id="7771834286166-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px]" style="height: 0; padding-bottom: 125.0%;">
      <div
        id="x-slideshow-card-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7771834286166&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2000,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "slide",
          })'>
        <div 
          id="image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0overflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=250 250w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=350 350w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=450 450w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=750 750w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=900 900w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=1100 1100w,
                  //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=1500 1500w,//smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955 960w" 
                  src="//smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.264.png?v=1770240955&width=1500"
                  sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                  alt="Beige tote bag with colorful text held by a hand on a white background"
                  class="w-full  preview-img motion-reduce aspect-natural relative animate-Xpulse skeleton-image object-cover image-first-slide-anm lg:group-hover:opacity-0 transition-opacity duration-500 animate_transition_image"
                  loading="lazy"
                  width="960"
                  height="1200"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=250 250w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=350 350w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=450 450w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=750 750w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=900 900w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=1100 1100w,
                        //smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=1500 1500w,//smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940 960w"
                      src="//smosh.com/cdn/shop/files/SMOSH_smoshtotecanvas_final_2.21.262.png?v=1770240940&width=1500"
                      sizes="(min-width: 1600px) calc(100vw / 4), (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 8px)"
                      alt="Beige tote bag with colorful abstract design on a white background"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto aspect-auto image-first-hover-slide-anm absolute top-0 lg:-right-[101%]"
                      loading="lazy"
                      width="960"
                      height="1200"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
<form method="post" action="/cart/add" id="product-form-choose-option7771834286166204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43864391188566">
                    
                                                                
                    <button
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW"
                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                      
                      
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                    >
                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        

                            <span class="flex items-center justify-center">
                              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                            </span>
                      </span>
                      <div
                        class="flex gap-x-2 items-center justify-center"
                        role="alert"
                        x-cloak
                        x-show="errorMessage"
                      >
                        Sold out
                      </div>
                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </div>
                    </button>
                    <button 
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                      
                      
                      data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW"
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7771834286166&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2000,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                      
                    >
                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                      <span class="block w-5 h-5" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </span>
                    </button><input type="hidden" name="product-id" value="7771834286166" /><input type="hidden" name="section-id" value="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/smosh-graffiti-tote', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/essentials/products/smosh-graffiti-tote', $el, 'template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7771834286166&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2000,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/essentials/products/smosh-graffiti-tote", $el, "template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7771834286166&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2000,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166">
        <a href="/collections/essentials/products/smosh-graffiti-tote"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Smosh Graffiti Tote&quot;,
      &quot;listName&quot;: &quot;ESSENTIALS&quot;,
      &quot;sku&quot;: &quot;7771834286166&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2000,
      &quot;vendor&quot;: &quot;Smosh Store&quot;
    }
  }"
        >
          Smosh Graffiti Tote
        </a>
      </h3>
      
        
 


      
<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">2000</div>
  <div class="target-compare-at-price hidden"></div>
  
    
  
  
<p class="price">
        $20.00
      </p>
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7771834286166', [163483910230, 164529569878, 278137831510, 129535344726, 163483877462, 310608756822, 269643415638])">
            
<div 
  class="text-availability-notice"
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  <style data-shopify>
    .text-availability-notice {
      font-size: 0.7363125rem;
    }
    @media (min-width: 768px) {
      .text-availability-notice {
        font-size: 0.818125rem;
      }
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-in-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="inventory-out-of-stock-status flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7771834286166-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    

        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/smosh-graffiti-tote');
        });"></div>
        <div
          id="current-variant-template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW" 
          class="current-variant hidden"
        >
          43864391188566
        </div>
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
<form method="post" action="/cart/add" id="product-form-choose-option7771834286166204" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="43864391188566">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656-7771834286166-collection_DqgeTW"
                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                  
                  
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                    

                        <span class="flex items-center justify-center">
                          
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                        </span>
                  </span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                  </div>
                </button><input type="hidden" name="product-id" value="7771834286166" /><input type="hidden" name="section-id" value="template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
          </div></template>
    
  </div>
</div>
</div>
                
</div>
            </div>
          </div>
        </div>
      </div>
  </div>
</div></div><div class="pl-5 pr-5 x-pgw page-width flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
      
        
        <a 
          x-cloak
          class="disable-effect font-medium relative text-center empty:hidden gap-1"
          :class="view_all_link === '' ? 'opacity-70 cursor-not-allowed' : ''"
          :href="view_all_link" 
          aria-label="View all products"
        >
          <button :disabled="view_all_link === ''" :class="view_all_link === '' ? 'cursor-not-allowed' : 'cursor-pointer'" class="button p-break-words button--template--20323906191446__e32885d8-0a8f-4c4f-8801-377d01cb7656 button-solid empty:hidden leading-normal text-center lg:mt-0 lg:mb-0 lg:ml-0 lg:mr-0 h-full pl-7 pr-7 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
            <span class="flex justify-center">
              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View all products</span>
      
    
  
  
</div>
            </span>
          </button>
        </a>
      
    </div></div>
<script src="//smosh.com/cdn/shop/t/109/assets/featured-collection.js?v=166203110154732063391778709112" defer></script>


</section><section id="shopify-section-template--20323906191446__scrolling_banner_r6XXtc" class="shopify-section section section-scroll-banner x-section relative overflow-hidden">
<style data-shopify>
  .section-template--20323906191446__scrolling_banner_r6XXtc {
    --duration : 50s;
    --direction: normal;--colors-background-scrolling: 255, 255, 255;
    
  }
  .dark .section-template--20323906191446__scrolling_banner_r6XXtc {  
      --colors-text: transparent;
    
  }  
  .section-template--20323906191446__scrolling_banner_r6XXtc .text-color-secondary {
      color: #000000;
    
  }
  .dark .section-template--20323906191446__scrolling_banner_r6XXtc .text-color-secondary {
      color: #e1e3e1;
    
  }
  
    .section-template--20323906191446__scrolling_banner_r6XXtc:hover .el_animate {
      animation-play-state: paused;
    }
  
  .space-blocks-template--20323906191446__scrolling_banner_r6XXtc {
    padding-inline-end: 110px;
  }
  
  .rtl.space-blocks-template--20323906191446__scrolling_banner_r6XXtc {
    padding-inline-start: 110px;
    padding-inline-end: 0
  }
  .bg-template--20323906191446__scrolling_banner_r6XXtc {
    
      background: #ffffff;
    
    transition: all 0.3s;
  }
  .dark .bg-template--20323906191446__scrolling_banner_r6XXtc {
    
      background: rgb(var(--colors-background-secondary));
    
  }
  @media (min-width: 767px){
    .space-blocks-template--20323906191446__scrolling_banner_r6XXtc {
      padding-inline-end: 110px;
    }
    
    .rtl.space-blocks-template--20323906191446__scrolling_banner_r6XXtc {
      padding-inline-start: 110px;
      padding-inline-end: 0
    }
  }
  .section-padding-template--20323906191446__scrolling_banner_r6XXtc {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--20323906191446__scrolling_banner_r6XXtc {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
</style>


    <div x-data="xScrollPromotion" x-intersect.once.margin.200px="load($el)" 
      
      class="text-[rgb(var(--colors-text))] x-container-scrolling-banner-content z-10 section-template--20323906191446__scrolling_banner_r6XXtc ltr relative"
      >
      <div
        class="w-[110%] overflow-hidden  bg-template--20323906191446__scrolling_banner_r6XXtc section-padding-template--20323906191446__scrolling_banner_r6XXtc">
        <div class="scrolling-container flex flex-nowrap whitespace-nowrap min-w-full">
          <div class="flex shrink-0 whitespace-nowrap items-center el_animate element-template--20323906191446__scrolling_banner_r6XXtc">
            <style data-shopify>.text--heading_ha6Hk3 {
              font-size:3.861rem; 
            }
            .space-block-heading_ha6Hk3 {
              margin-left: 20px;
              margin-right: 20px;
            }
            .heading-heading_ha6Hk3 {
              
              
            }
            @media (min-width: 767px) {
              .text--heading_ha6Hk3 {
                font-size: 6.435rem;
              }
              .space-block-heading_ha6Hk3 {
                margin-left: 40px;
                margin-right: 40px;
              }
            }</style><div class="x-block-heading min-w-max space-blocks-template--20323906191446__scrolling_banner_r6XXtc space-block-heading_ha6Hk3 whitespace-nowrap">
            <p class="empty:hidden h2 heading-heading_ha6Hk3 text--heading_ha6Hk3">
              


<style data-shopify>
  
  .dark .heading-heading_ha6Hk3 {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        SHUT UP AND SHOP SMOSH
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>.text--heading_feDV6j {
              font-size:3.861rem; 
            }
            .space-block-heading_feDV6j {
              margin-left: 20px;
              margin-right: 20px;
            }
            .heading-heading_feDV6j {
              
              
            }
            @media (min-width: 767px) {
              .text--heading_feDV6j {
                font-size: 6.435rem;
              }
              .space-block-heading_feDV6j {
                margin-left: 40px;
                margin-right: 40px;
              }
            }</style><div class="x-block-heading min-w-max space-blocks-template--20323906191446__scrolling_banner_r6XXtc space-block-heading_feDV6j whitespace-nowrap">
            <p class="empty:hidden h2 heading-heading_feDV6j text--heading_feDV6j">
              


<style data-shopify>
  
  .dark .heading-heading_feDV6j {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        SHUT UP AND SHOP SMOSH
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>.text--heading_hbGJBk {
              font-size:3.861rem; 
            }
            .space-block-heading_hbGJBk {
              margin-left: 20px;
              margin-right: 20px;
            }
            .heading-heading_hbGJBk {
              
              
            }
            @media (min-width: 767px) {
              .text--heading_hbGJBk {
                font-size: 6.435rem;
              }
              .space-block-heading_hbGJBk {
                margin-left: 40px;
                margin-right: 40px;
              }
            }</style><div class="x-block-heading min-w-max space-blocks-template--20323906191446__scrolling_banner_r6XXtc space-block-heading_hbGJBk whitespace-nowrap">
            <p class="empty:hidden h2 heading-heading_hbGJBk text--heading_hbGJBk">
              


<style data-shopify>
  
  .dark .heading-heading_hbGJBk {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        SHUT UP AND SHOP SMOSH
      
    
  

  

            </p>
          </div>
        
  <style data-shopify>.text--heading_W84p3w {
              font-size:3.861rem; 
            }
            .space-block-heading_W84p3w {
              margin-left: 20px;
              margin-right: 20px;
            }
            .heading-heading_W84p3w {
              
              
            }
            @media (min-width: 767px) {
              .text--heading_W84p3w {
                font-size: 6.435rem;
              }
              .space-block-heading_W84p3w {
                margin-left: 40px;
                margin-right: 40px;
              }
            }</style><div class="x-block-heading min-w-max space-blocks-template--20323906191446__scrolling_banner_r6XXtc space-block-heading_W84p3w whitespace-nowrap">
            <p class="empty:hidden h2 heading-heading_W84p3w text--heading_W84p3w">
              


<style data-shopify>
  
  .dark .heading-heading_W84p3w {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  

  
    
      
        SHUT UP AND SHOP SMOSH
      
    
  

  

            </p>
          </div>
        
  

          </div>
        </div>
      </div>
    </div>

<script src="//smosh.com/cdn/shop/t/109/assets/scrolling-promotion.js?v=117043221446123388731778709131" defer></script>
</section><section id="shopify-section-template--20323906191446__recently_viewed_xrdnce" class="shopify-section section-recently-viewed x-section">
<style data-shopify>#shopify-section-template--20323906191446__recently_viewed_xrdnce {
    
      background: #ffffff;
    
  }
  .dark #shopify-section-template--20323906191446__recently_viewed_xrdnce {
    
      background: #282928;
    
  }
  .heading-template--20323906191446__recently_viewed_xrdnce {
    font-size: 1.2285rem; 
  }
  @media (min-width: 768px) {
    .heading-template--20323906191446__recently_viewed_xrdnce {
      font-size: 2.0475rem; 
    }
  }
  .section-padding-template--20323906191446__recently_viewed_xrdnce {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--20323906191446__recently_viewed_xrdnce {
      padding-top: 16px;
      padding-bottom: 28px;
    }
  }</style><div class=" x-pgw page-width  pr-5 pl-5 mt-auto mb-auto mr-auto ml-auto">
  <div class="divider mt-auto mb-auto mr-auto ml-auto border-t md:hidden"></div>
</div>
<div 
  id="shopify-section-recently-viewed"
  x-show="$store.xProductRecently.show"
  x-cloak
  x-products-to-show="4"
  x-init='$store.xProductRecently.showProductRecently(); $store.xProductRecently.getProductRecently("template--20323906191446__recently_viewed_xrdnce", "")'
  class="recently-viewed-products section-padding-template--20323906191446__recently_viewed_xrdnce"
>
  
    <div class="relative pl-5 pr-5 leading-tight mb-7 md:mb-8 mt-2 text-center rtl:text-center x-pgw page-width">
      


<style data-shopify>
  
  .dark .heading-template--20323906191446__recently_viewed_xrdnce {
    
      --color-highlight: rgb(255, 182, 0);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h1
      class='heading-template--20323906191446__recently_viewed_xrdnce h2 block anm-move-up'> 
  
    
      
        Recently Viewed
      
    
  </h1>

  
    </div>
  

<div class="text-right rtl:text-left">
          <button class="button-link effect-inline relative cursor-pointer hover:text-[rgba(var(--colors-text-link))] text-center mt-2" @click="$store.xProductRecently.clearStory()">
            Clear history
          </button>
        </div></div>
  
  <div class="mr-auto ml-auto carousel-tablet x-pgw page-width">
    <div id="x-recently-viewed-template--20323906191446__recently_viewed_xrdnce" class="mt-6 overflow-hidden x-splide splide"
      
        x-data-slider="template--20323906191446__recently_viewed_xrdnce"
        x-intersect.once.margin.200px='$store.xSplide.load($el, {  
          "speed": 1000,
          "pagination": false,
          "mediaQuery": "min",
          "updateOnMove": "true",
          "progressBar": 4,
          
          
          "breakpoints": {
            300: {
              "destroy": true,
              "gap": "16px",
              "perPage": 2,
              "perMove": 2
            },
            768: {
              
                "perPage": 3,
                  "perMove": 3,
                "gap": "100px",
                "destroy": false,
                "drag": true
            },
            1024: {
                "perPage": 3,
                "perMove": 3
              }
          },
          "classes": {
            "arrows": "splide__arrows block", 
          },
          "events": [
            {
              "event": "ready",
              "callback": () => {
                document.dispatchEvent(new CustomEvent("eurus:template--20323906191446__recently_viewed_xrdnce:splide-ready"));
              }
            }
          ]
        })'
      
    ><style data-shopify>.gap-mobile-template--20323906191446__recently_viewed_xrdnce {
          gap: 16px;
        }
        @media (min-width: 768px){
          .preload-slide--template--20323906191446__recently_viewed_xrdnce {
            
              margin-right: 100px;
            
            width: calc(((100% + 100px) / 4) - 100px);
          }
          .gap-template--20323906191446__recently_viewed_xrdnce {
            
              gap: 0px;
            
          }
        }
        @media (min-width: 1024px){
          .preload-slide--template--20323906191446__recently_viewed_xrdnce {
            width: calc(((100% + 100px) / 3) - 100px);
          }
        }</style><div class="splide__track md:cursor-grab">
        <div class="splide__list gap-template--20323906191446__recently_viewed_xrdnce md:flex md:gap-0 gap-mobile-template--20323906191446__recently_viewed_xrdnce grid grid-cols-2"></div>
      </div></div>
  </div>
</div>
<script src="//smosh.com/cdn/shop/t/109/assets/recently-viewed.js?v=93421342682375135181778709130" defer></script>
</section>
      </main>
      
          <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--20323906781270__footer" class="shopify-section shopify-section-group-footer-group section-footer">
<style data-shopify>
  #section-footer {
    contain: style layout;
  }
  .section-padding-sections--20323906781270__footer {
    padding-top: 0px;
    padding-bottom: 28px;
  }
  @media (min-width: 768px) { 
    .section-padding-sections--20323906781270__footer {
      padding-top: 0px;
      padding-bottom: 16px;
    }
  }
</style>
<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--20323906781270__footer"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
        <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
            <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/2 ltr" ><div x-data="{ open: true }" class="pt-4 md:pb-5">
                    <div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                      <p class="h6 text-[115%]">SIGN UP TO KNOW</p>
                      <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                    </div>
                    <div class="hidden md:block"><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form mb-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="contact[tags]" value="newsletter">
                        <div class="mt-4 flex">
                          <div class="relative w-full">
                            <input
                              id="NewsletterFormDesktop--sections--20323906781270__footer"
                              type="email"
                              name="contact[email]"
                              aria-label="Email"
                              class="w-full h-full pl-2.5 pr-4 pt-5 input border-b-2 border-current rounded-none border-b-solid focus:outline-none focus:border-current bg-transparent placeholder:opacity-0"
                              aria-required="true"
                              autocorrect="off"
                              autocapitalize="off"
                              autocomplete="email"
                              
                                placeholder="Email"
                                required>
                            <label class="absolute top-1/2 left-2.5 rtl:left-auto rtl:right-2.5 -translate-y-1/2 input_focus:text-xs input_focus:top-2.5 input_not_empty:top-2.5 input_not_empty:text-xs" for="NewsletterFormDesktop--sections--20323906781270__footer">
                              Email
                            </label>
                          </div>
                          <div>
                            <button type="submit" class="rounded-none border-solid border-current ml-1 w-12 h-full flex justify-center items-center bg-transparent border-b-2 border-b-solid border-x-0 border-t-0" name="commit" aria-label="Subscribe">
                              <span class="rtl:rotate-180">
    <svg width="100%" height="100%" class=" h-[var(--base-font-size)] w-[var(--base-font-size)]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                            </button>
                          </div></div></form>
                        <div class="rte"><p>By entering your email you are consenting to receive marketing emails and special deals</p></div>
                      
<div class="mt-4">
<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
    
      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
      <a href="https://www.facebook.com/smosh" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/smosh" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li><li>
      <a href="https://www.tiktok.com/@smosh" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.youtube.com/@smosh" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 0.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
    </svg> 
  
</a>
    </li></ul>
     </div></div></div>
                    <div class="md:hidden" x-show="open" x-collapse x-cloak><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form mb-5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="contact[tags]" value="newsletter">
                        <div class="mt-4 flex">
                          <div class="relative w-full">
                            <input
                              id="NewsletterForm--sections--20323906781270__footer"
                              type="email"
                              name="contact[email]"
                              class="w-full h-full pl-2.5 pr-4 pt-5 input border-b-2 border-current rounded-none border-b-solid focus:outline-none focus:border-current bg-transparent placeholder:opacity-0"
                              aria-required="true"
                              autocorrect="off"
                              autocapitalize="off"
                              autocomplete="email"
                              
                                placeholder="Email"
                                required>
                            <label class="absolute top-1/2 left-2.5 rtl:left-auto rtl:right-2.5 -translate-y-1/2 input_focus:text-xs input_focus:top-2.5 input_not_empty:top-2.5 input_not_empty:text-xs" for="NewsletterForm--sections--20323906781270__footer">
                              Email
                            </label>
                          </div>
                          <div>
                            <button type="submit" class="rounded-none border-solid border-current ml-1 w-12 h-full flex justify-center items-center bg-transparent border-b-2 border-b-solid border-x-0 border-t-0" name="commit" aria-label="Subscribe">
                              <span class="rtl:rotate-180">
    <svg width="100%" height="100%" class=" h-[var(--base-font-size)] w-[var(--base-font-size)]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                            </button>
                          </div></div></form>
                        <div class="rte"><p>By entering your email you are consenting to receive marketing emails and special deals</p></div>
                      
<div class="mt-4">
<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
    
      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
      <a href="https://www.facebook.com/smosh" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/smosh" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li><li>
      <a href="https://www.tiktok.com/@smosh" target="blank" aria-label="TikTok" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.9401 0H12.7968V16.3478C12.7968 18.2957 11.2032 19.8957 9.22007 19.8957C7.23693 19.8957 5.64334 18.2957 5.64334 16.3478C5.64334 14.4348 7.20152 12.8695 9.11385 12.8V8.69567C4.89966 8.7652 1.5 12.1391 1.5 16.3478C1.5 20.5913 4.97049 24 9.2555 24C13.5405 24 17.0109 20.5565 17.0109 16.3478V7.9652C18.5691 9.07827 20.4814 9.73913 22.5 9.77393V5.66957C19.3837 5.56522 16.9401 3.06087 16.9401 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.youtube.com/@smosh" target="blank" aria-label="YouTube" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M23.7609 7.45237C23.7609 7.45237 23.5266 5.88392 22.8047 5.19522C21.8906 4.28881 20.8688 4.28437 20.4 4.23105C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.23105C3.13125 4.28437 2.10938 4.28881 1.19531 5.19522C0.473438 5.88392 0.24375 7.45237 0.24375 7.45237C0.24375 7.45237 0 9.29631 0 11.1358V12.8598C0 14.6992 0.239062 16.5432 0.239062 16.5432C0.239062 16.5432 0.473437 18.1116 1.19062 18.8003C2.10469 19.7067 3.30469 19.6756 3.83906 19.7734C5.76094 19.9467 12 20 12 20C12 20 17.0438 19.9911 20.4 19.7645C20.8688 19.7112 21.8906 19.7067 22.8047 18.8003C23.5266 18.1116 23.7609 16.5432 23.7609 16.5432C23.7609 16.5432 24 14.7037 24 12.8598V11.1358C24 9.29631 23.7609 7.45237 23.7609 7.45237ZM9.52031 14.9525V8.55873L16.0031 11.7667L9.52031 14.9525Z" fill="currentColor"/>
    </svg> 
  
</a>
    </li></ul>
     </div></div></div>
                  </div>
                </div>
            <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/2 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Quick Links</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      </div>
                      <ul class="mt-6 hidden md:block">
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
                              ABOUT US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/contact-information" class="hover-text-link nav-link relative block lg:inline-block">
                              CONTACT US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/partner-with-us" class="hover-text-link nav-link relative block lg:inline-block">
                              PARTNER WITH US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="https://smosh.com/collections/gift-cards" class="hover-text-link nav-link relative block lg:inline-block">
                              DIGITAL GIFT CARDS
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="https://smosh.bamboohr.com/careers" class="hover-text-link nav-link relative block lg:inline-block">
                              CAREERS
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/return-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              RETURNS & REFUND POLICY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
                              FAQ
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              PRIVACY POLICY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
                              TERMS OF SERVICE
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/accessibility-statement" class="hover-text-link nav-link relative block lg:inline-block">
                              ACCESSIBLITY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/smile-landing-page" class="hover-text-link nav-link relative block lg:inline-block">
                              REWARDS
                            </a>
                          </li>
                      </ul>
                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/about-us" class="hover-text-link nav-link relative block lg:inline-block">
                              ABOUT US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/contact-information" class="hover-text-link nav-link relative block lg:inline-block">
                              CONTACT US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/partner-with-us" class="hover-text-link nav-link relative block lg:inline-block">
                              PARTNER WITH US
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="https://smosh.com/collections/gift-cards" class="hover-text-link nav-link relative block lg:inline-block">
                              DIGITAL GIFT CARDS
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="https://smosh.bamboohr.com/careers" class="hover-text-link nav-link relative block lg:inline-block">
                              CAREERS
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/return-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              RETURNS & REFUND POLICY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/faq" class="hover-text-link nav-link relative block lg:inline-block">
                              FAQ
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              PRIVACY POLICY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
                              TERMS OF SERVICE
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/accessibility-statement" class="hover-text-link nav-link relative block lg:inline-block">
                              ACCESSIBLITY
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/smile-landing-page" class="hover-text-link nav-link relative block lg:inline-block">
                              REWARDS
                            </a>
                          </li>
                      </ul></div></div></div></div><div class="additional-footer ltr x-pgw page-width mr-auto ml-auto lg:flex lg:flex-row lg:justify-between items-center"
  >
    <div class="flex flex-col lg:flex lg:flex-row gap-x-7 items-center w-full justify-between"><div class="mb-3 md:mb-2 lg:mb-0">
        
<div id="selector-social" class=" flex flex-col items-center md:items-start md:flex md:items-center mr-auto ml-auto">
     


<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="multi-selectors flex flex-col lg:flex-row lg:items-center lg:justify-center md:flex-row" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
<div 
      x-data="xLocalizationForm" 
      class="localization-form-child country-selector max-w-max text-normal relative inline-flex lg:inline-block justify-center"
      @keyup.escape="openCountry = false"
    >
      <button 
        @click.prevent="loadCountry($el); "
        class="toolbar-button relative pt-2.5 pb-2.5 rtl:pr-0 rtl:pl-5 pr-5 rtl:md:pr-5 lg:pl-5 cursor-pointer  md:pl-6 hover-text-link duration-200 transition"
        aria-expanded="false" aria-controls="CurrencyList"
      >
        <span>
          
            United States &#x200E;(USD $)&#x200E;
          
        </span>
        <span x-show="!loading" class="absolute w-2.5 h-2.5 top-1/2 -translate-y-1/2 flex right-0 rtl:right-auto rtl:left-0" :class="openCountry && '-rotate-180'">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
        <span x-show="loading" class="absolute w-3 h-3 top-[calc(50%-6px)] flex right-0 rtl:right-auto rtl:left-0" x-cloak><svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>
</span>
      </button>
      
        <div class="country-options w-max pt-3 pb-3 pl-5 pr-5 absolute left-0 bottom-full z-[51] scrollbar-body shadow-md max-h-64 overflow-y-auto background-header background-footer sticky-footer bottom-9" 
          
     
      x-transition:enter="transition-all ease-in-out duration-500"
      x-transition:enter-start="opacity-0 transform translate-y-4"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-500"
      x-transition:leave-end="opacity-0 transform translate-y-4"
    
  
          x-show="openCountry" @click.away="openCountry = false" x-cloak>
        </div>
      
      <input id="currency_selector" type="hidden" name="country_code" value="US">
    </div></form><script src="//smosh.com/cdn/shop/t/109/assets/locales-form.js?v=77424405773733899781778709116" defer></script></div>
        </div><div class="flex flex-col items-center lg:mb-0 order-last md:order-none lg:pl-14 lg:max-w-3xl">
        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 lg:text-right p-break-words"><p class="inline-block">&copy; 2026, </p>
            <a href="/" title="">Smosh Store</a>.
        </div>
      </div>
        <ul class="icon-payment flex justify-center gap-2 flex-wrap" role="list"><li>
              <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

            </li><li>
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

            </li><li>
              <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
            </li><li>
              <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
            </li><li>
              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

            </li><li>
              <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
            </li><li>
              <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

            </li><li>
              <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
            </li></ul></div>
  </div>
</div>
</div>
<!-- END sections: footer-group -->
        
      
<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>

<div id="popup-minimal-left"
  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
></div>

      
        <div class="scroll-to-top">
  <style data-shopify>
    .scroll_top {
      bottom: 40px;
    }
    @media(min-width: 768px) {
      .scroll_top {
        bottom: 40px;
      }
    }
  </style>
  <div
    x-data="xScrollTop"
    @init-run.window="scrollFunction()"
    @scroll.window="scrollFunction()"
    class=" md:block"
  >
    <button 
      x-show="show" x-cloak 
      @click="scrollTop()" 
      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button-outline"
      x-transition:enter="transition-all ease-in-out duration-500"
      x-transition:enter-start="opacity-0 transform translate-y-1/3"
      x-transition:enter-end="opacity-100 translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-500"
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
      aria-label="scroll top"
    >
      
        
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  

      
    </button>
  </div>
  <script>
    requestAnimationFrame(() => {
      document.addEventListener('alpine:init', () => {
        Alpine.data('xScrollTop', () => ({
          show: false,
          scrollTop() {
            window.scrollTo({top: 0, behavior: 'smooth'});
          },
          scrollFunction() {
            const position = window.xViewport.innerWidth < 1025 ? 300 : 900;
            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
              ? true : false;
          }
        }));
      });
    });
  </script>
</div>
      
      
    </div>
    <div><div
            class="hidden" 
            x-data='xTabAttention({
              message1: "We\u0027re still here!", 
              message2: "Come back for rewards!", 
              delay: 3
            })'
            @init-run.window="initTabAttention()"
          >
          </div>
          <script src="//smosh.com/cdn/shop/t/109/assets/tab-attention.js?v=32006057042266106271778709135" defer></script><ul hidden>
        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
        </li>
        <li id="a11y-new-window-message">Opens in a new window.
        </li>
      </ul>
      <script>
        window.Eurus = {
          cart_error: `There was an error while updating your cart. Please try again.`,
          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
          loadedScript: new Set(),
          cart_add_url: '/cart/add'
        };
      </script>
      
      <script src="//smosh.com/cdn/shop/t/109/assets/splide4.1.3.js?v=75458750262329959491778709134" defer></script>
      
        <script src="//smosh.com/cdn/shop/t/109/assets/share-cart.js?v=165484134198183469051778709132" defer></script>
      
      
        <script src="//smosh.com/cdn/shop/t/109/assets/cart-noti.js?v=68127480464519787801778709104" defer></script>
      
<script src="//smosh.com/cdn/shop/t/109/assets/coupon-code.js?v=135514657843889770711778709107" defer></script>

<script src="//smosh.com/cdn/shop/t/109/assets/estimate-shipping-rate.js?v=35554055062891148931778709110" defer></script>
        <script src="//smosh.com/cdn/shop/t/109/assets/preview-color-swatches.js?v=5957683164806633661778709123" defer></script>
        <script src="//smosh.com/cdn/shop/t/109/assets/speech-search.js?v=80603510328065116571778709133" defer></script>
        <script src="//smosh.com/cdn/shop/t/109/assets/double-touch.js?v=64605958049830659291778709109" defer></script><script src="//smosh.com/cdn/shop/t/109/assets/cart-countdown-timer.js?v=143864077785370808651778709103" defer></script>
      
      <script src="//smosh.com/cdn/shop/t/109/assets/theme.js?v=1702753306403503671778709139" defer></script>
      <script src="//smosh.com/cdn/shop/t/109/assets/header.js?v=39347424363433767371778709114" defer></script>
      <script src="//smosh.com/cdn/shop/t/109/assets/truncate-text.js?v=110224493870955327341778709140" defer></script>
      <script src="//smosh.com/cdn/shop/t/109/assets/variant-select-card.js?v=141532107461796769501778709140" defer></script>
      
        <script src="//smosh.com/cdn/shop/t/109/assets/product-cart.js?v=101917198787822106201778709124" defer></script>
        <script src="//smosh.com/cdn/shop/t/109/assets/quantity-selector.js?v=108001814289740243131778709128" defer></script>
      
      <script src="//smosh.com/cdn/shop/t/109/assets/video.js?v=64484941244777200891778709142" defer></script>
      <script src="//smosh.com/cdn/shop/t/109/assets/vendors.js?v=21726020999429958561778709141" defer></script>
      <script>
        window.addEventListener("load", (event) => {
          deferScriptLoad('instant.page', '//smosh.com/cdn/shop/t/109/assets/instant.page.v5.1.1.js?v=43232110432331176871778709115', () => {}, true);
        });
      </script>
    </div>
    <style>
  /* Disable Eurus native cart drawer - Rebuy Smart Cart takes its place */
  #CartDrawer,
  #CartDrawer-Overlay {
    display: none !important;
  }
</style>
  <div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
<script>
  window.Rebuy = window.Rebuy || {};
  window.Rebuy.customer = window.Rebuy.customer || {};
  
</script>





</div><div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block">


<div class="smile-shopify-init"
  data-channel-key="channel_tbNKN03GAi0Zq58EtrVh751L"
  
></div>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>