<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />
    <meta content="0.1.31" name="version" />
    <link rel="canonical" href="https://miseryloves.us/" />

    <title>Misery Loves</title>

    
<meta name="description" content="midhunters, trailerboyz, the crushing void...all of that whateverness" />
<meta property="og:site_name" content="Misery Loves" />
<meta property="og:url" content="https://miseryloves.us/" />
<meta property="og:description" content="midhunters, trailerboyz, the crushing void...all of that whateverness" />





<meta property="og:title" content="Misery Loves" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="https://imgproxy.fourthwall.dev/MWi8QnUkoEZQF0pVL2A2siLJwRLzUd1HyN1kJArPuh4/w:1200/sm:1/enc/Gu8CUt_Fsb_2B-qg/wShM2RoHMDoc0_mY/uwX3yPFirtA9O2lj/i2MnpCGW7vc59_y-/cTr_pVkWbDZTzP6Q/L1SGKHaPprcA5Dpy/Juxj3nyCW_iCx8m7/_oOMEqDEcjAy8EMv/uz6Utxld4rrLvw2J/5Va1njb5N0hMLwVD/06Pf9xOZk92jz4UG/jwhkecrEpXpATQib/G1cwXxT87Jl0k8Gz/f1_o1HRIbZ930sPY/61ljyZPwdS96Mo_X/9meZeePSjj_RBHeq.png" />
  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/MWi8QnUkoEZQF0pVL2A2siLJwRLzUd1HyN1kJArPuh4/w:1200/sm:1/enc/Gu8CUt_Fsb_2B-qg/wShM2RoHMDoc0_mY/uwX3yPFirtA9O2lj/i2MnpCGW7vc59_y-/cTr_pVkWbDZTzP6Q/L1SGKHaPprcA5Dpy/Juxj3nyCW_iCx8m7/_oOMEqDEcjAy8EMv/uz6Utxld4rrLvw2J/5Va1njb5N0hMLwVD/06Pf9xOZk92jz4UG/jwhkecrEpXpATQib/G1cwXxT87Jl0k8Gz/f1_o1HRIbZ930sPY/61ljyZPwdS96Mo_X/9meZeePSjj_RBHeq.png" />
  <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/MWi8QnUkoEZQF0pVL2A2siLJwRLzUd1HyN1kJArPuh4/w:1200/sm:1/enc/Gu8CUt_Fsb_2B-qg/wShM2RoHMDoc0_mY/uwX3yPFirtA9O2lj/i2MnpCGW7vc59_y-/cTr_pVkWbDZTzP6Q/L1SGKHaPprcA5Dpy/Juxj3nyCW_iCx8m7/_oOMEqDEcjAy8EMv/uz6Utxld4rrLvw2J/5Va1njb5N0hMLwVD/06Pf9xOZk92jz4UG/jwhkecrEpXpATQib/G1cwXxT87Jl0k8Gz/f1_o1HRIbZ930sPY/61ljyZPwdS96Mo_X/9meZeePSjj_RBHeq.png" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Misery Loves" />
<meta name="twitter:description" content="midhunters, trailerboyz, the crushing void...all of that whateverness" />


    <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/7gPOnCWeQ0GO5NEQ1fXX_BkWOwytz_Fuc0vAZw3K3sE/s:96:96/sm:1/enc/9rpxrueb_usQgp3u/xV5iOXSwMm-StAPL/Wu2APjA-2fTtxwq9/l2Q46ZQSEexly3w2/z9h1mhJPYg6mXmo1/LWWvud3NJP-cEsMB/_feK8nmclznilLL0/zLAvrul7N7D0M6eP/46CLD1Kz-GjT-chz/6Su9ts2HcCGkWjke/FZoGP4erjUz3bkBy/Ex6Dhki_6O4BqBl0/OCpgGYzHEdjt64JQ/nbi-swm_EhTAsYa2/PCKMgD-FQKy5kpcb/I4pbb2HpZeYKB-67.jpg" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/C1gBLc9Vm9I90C9UncPWuL3afhBU3Gfl-0P98zaSr_g/s:48:48/sm:1/enc/9rpxrueb_usQgp3u/xV5iOXSwMm-StAPL/Wu2APjA-2fTtxwq9/l2Q46ZQSEexly3w2/z9h1mhJPYg6mXmo1/LWWvud3NJP-cEsMB/_feK8nmclznilLL0/zLAvrul7N7D0M6eP/46CLD1Kz-GjT-chz/6Su9ts2HcCGkWjke/FZoGP4erjUz3bkBy/Ex6Dhki_6O4BqBl0/OCpgGYzHEdjt64JQ/nbi-swm_EhTAsYa2/PCKMgD-FQKy5kpcb/I4pbb2HpZeYKB-67.jpg" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/uod8LRBvwCk0dSaTcFNzWC2K4hhZVOHiey14J0Gika0/s:180:180/sm:1/enc/9rpxrueb_usQgp3u/xV5iOXSwMm-StAPL/Wu2APjA-2fTtxwq9/l2Q46ZQSEexly3w2/z9h1mhJPYg6mXmo1/LWWvud3NJP-cEsMB/_feK8nmclznilLL0/zLAvrul7N7D0M6eP/46CLD1Kz-GjT-chz/6Su9ts2HcCGkWjke/FZoGP4erjUz3bkBy/Ex6Dhki_6O4BqBl0/OCpgGYzHEdjt64JQ/nbi-swm_EhTAsYa2/PCKMgD-FQKy5kpcb/I4pbb2HpZeYKB-67.jpg" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/4d7b6c86-27eb-4f1a-a0c8-e4eb1640c6a8/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" />

    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/875c8335-5a91-4892-9a17-44a88925873a/assets/styles/css-variables.scss.css?v=ec25b8a075fef4b9e601df4e562b100daf9e4c786f3bcf64ab285efeca8dfdf5" media="all" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/875c8335-5a91-4892-9a17-44a88925873a/assets/styles/theme.scss.css?v=3e78616bcf47138de710e17d983e14f225f813848abda80a54546eb940879677" media="all" />

    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="/platform/geo/redirect.js"></script>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://miseryloves.us/" hreflang="x-default" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-AQ" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-AS" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-BQ" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-EC" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-FM" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-GU" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-IO" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-MH" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-MP" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-PR" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-PW" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-SV" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-TC" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-UM" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-US" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-VG" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-VI" />
<link rel="alternate" href="https://miseryloves.us/en-usd/" hreflang="en-ZW" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-AD" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-AT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-AX" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-BE" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-BG" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-BL" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-CY" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-DE" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-EE" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-ES" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-FI" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-FR" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-GF" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-GP" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-GR" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-HR" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-IE" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-IT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-LT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-LU" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-LV" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-MC" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-ME" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-MF" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-MQ" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-MT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-NL" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-PM" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-PT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-RE" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-SI" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-SK" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-SM" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-TF" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-VA" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-YT" />
<link rel="alternate" href="https://miseryloves.us/en-eur/" hreflang="en-XK" />
<link rel="alternate" href="https://miseryloves.us/en-cad/" hreflang="en-CA" />
<link rel="alternate" href="https://miseryloves.us/en-gbp/" hreflang="en-GB" />
<link rel="alternate" href="https://miseryloves.us/en-gbp/" hreflang="en-GG" />
<link rel="alternate" href="https://miseryloves.us/en-gbp/" hreflang="en-GS" />
<link rel="alternate" href="https://miseryloves.us/en-gbp/" hreflang="en-IM" />
<link rel="alternate" href="https://miseryloves.us/en-gbp/" hreflang="en-JE" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-AU" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-CC" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-CX" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-HM" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-KI" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-NF" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-NR" />
<link rel="alternate" href="https://miseryloves.us/en-aud/" hreflang="en-TV" />
<link rel="alternate" href="https://miseryloves.us/en-nzd/" hreflang="en-CK" />
<link rel="alternate" href="https://miseryloves.us/en-nzd/" hreflang="en-NU" />
<link rel="alternate" href="https://miseryloves.us/en-nzd/" hreflang="en-NZ" />
<link rel="alternate" href="https://miseryloves.us/en-nzd/" hreflang="en-PN" />
<link rel="alternate" href="https://miseryloves.us/en-nzd/" hreflang="en-TK" />
<link rel="alternate" href="https://miseryloves.us/en-sek/" hreflang="en-SE" />
<link rel="alternate" href="https://miseryloves.us/en-nok/" hreflang="en-BV" />
<link rel="alternate" href="https://miseryloves.us/en-nok/" hreflang="en-NO" />
<link rel="alternate" href="https://miseryloves.us/en-nok/" hreflang="en-SJ" />
<link rel="alternate" href="https://miseryloves.us/en-dkk/" hreflang="en-DK" />
<link rel="alternate" href="https://miseryloves.us/en-dkk/" hreflang="en-FO" />
<link rel="alternate" href="https://miseryloves.us/en-dkk/" hreflang="en-GL" />
<link rel="alternate" href="https://miseryloves.us/en-pln/" hreflang="en-PL" />
<link rel="alternate" href="https://miseryloves.us/en-inr/" hreflang="en-IN" />
<link rel="alternate" href="https://miseryloves.us/en-jpy/" hreflang="en-JP" />
<link rel="alternate" href="https://miseryloves.us/en-myr/" hreflang="en-MY" />
<link rel="alternate" href="https://miseryloves.us/en-sgd/" hreflang="en-SG" />
<link rel="alternate" href="https://miseryloves.us/en-mxn/" hreflang="en-MX" />
<link rel="alternate" href="https://miseryloves.us/en-brl/" hreflang="en-BR" />
<link rel="alternate" href="https://miseryloves.us/en-chf/" hreflang="en-CH" />
<link rel="alternate" href="https://miseryloves.us/en-chf/" hreflang="en-LI" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'Misery Loves';
  window.shopId = 'sh_b71cb98a-7e34-418e-82e8-8947c3ccc940';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = ''; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script>
  (function () {
    function setCookie(name, value, days) {
      if (typeof days === 'undefined') days = 90;
      var expires = new Date(Date.now() + days * 86400000).toUTCString();
      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
    }
  
    function getCookie(name) {
      var cookies = document.cookie.split('; ');
      for (var i = 0; i < cookies.length; i++) {
        if (cookies[i].indexOf(name + '=') === 0) {
          return cookies[i].split('=')[1];
        }
      }
      return null;
    }
  
    function handleTrackingParams() {
      var params = window.location.search.substring(1).split('&');
      var paramMap = {};
  
      for (var i = 0; i < params.length; i++) {
        var kv = params[i].split('=');
        if (kv.length === 2) {
          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
        }
      }
  
      if (!getCookie('_fbp')) {
        var randomPart = Math.floor(Math.random() * 10000000000);
        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
        setCookie('_fbp', fbp);
      }
  
      for (var key in paramMap) {
        if (paramMap.hasOwnProperty(key)) {
          var value = paramMap[key];
          var isUTM = key.indexOf('utm_') === 0;
          
          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
            continue;
          }
  
          if (isUTM || key === 'gclid' || key === 'fbclid') {
            setCookie(key, value);
          }
  
          if (key === 'fbclid' && !getCookie('_fbc')) {
            var fbc = 'fb.1.' + Date.now() + '.' + value;
            setCookie('_fbc', fbc);
          }
        }
      }
    }
  
    handleTrackingParams();
  })();
</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<meta name='theme-color' content='#cacaca' />
<meta name="google-site-verification" content="YHRQ1uKxZ6UFlG5KyPkiYx4yssCMfh3qsBIPUqUsi6g" />
<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/875c8335-5a91-4892-9a17-44a88925873a/assets/styles/custom_sections.css?v=5e8c589eeb3a667bd799981e6b7d3cbf43346bcd2c7b09d7d9d4e123bfb99d83" media="all">
<link rel="prefetch" href="https://cdn.fourthwall.dev/express-checkout/v0.1.0/index.iife.js" as="script">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Misery Loves","description":"midhunters, trailerboyz, the crushing void...all of that whateverness","url":"https://miseryloves.us","sameAs":["https://twitch.tv/nateblackest","https://instagram.com/bigbreakfastofficial"]}</script>
<script type="module">
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
  
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const params = {
      hmac: window.appHmac[appId],
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
    iframe.onload = null
  
    // Extract origin from URL for security checking
    let expectedOrigin;
    try {
      expectedOrigin = new URL(url).origin;
    } catch (e) {
      console.warn('Could not parse URL origin:', url);
    }
  
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
  
      // Optional: Also verify the origin for security
      if (expectedOrigin && event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      
      if (event.data.type === 'RESIZE') {
        iframe.style.height = event.data.data.height + 'px';
      } else if (event.data.type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  
  

  

  <body class="body index " >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <div class="page">
      <div>
        <div id="fw-section-header" class="fw-section">





<header data-testid="main.single.section" class="header">
  <div class="wrapper">
    <div class="header__grid header--middle-center header__size--md">
      <div class="header__mobile-menu hidden@sm">
        <button data-drawer-trigger-primary="mobile-menu" class="header__icon">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Hamburger</title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/>
</svg>

        </button>
      </div>

      

      <div class="header__logo-container"><h1 class="visually-hidden">Misery Loves</h1><div class="header__logo">
          <a href="/" class="header__logo-link">
            
            
  

  <img
    src="https://imgproxy.fourthwall.dev/vyenqbESe6HlI76WUrvivuW-k3LSqVqYhCz-eZx9nGU/w:320/sm:1/enc/8IU2nYpTXYnJvItO/XoRnXt4mDIBdWfQl/pUcqicMzIRWzeFbO/TIEFLMMyZPglrsN0/Zf3dAE3hj1O0qp1B/CQGZIUGkoHmaZqLK/XmnnI95ivvHKKr0M/SHeQSzZI_d_pX-em/mqPBGRXO53aHKCMH/Xqf8Du1BOFCwh88j/lKZUiA6PwQubjW8G/7QN8zolhImaZbGlE/bnUYIIC4xUfRLZzp/kEXvuD__A5av4SIB/4PtJX7LOSGPabh8t/FnIlz8EJyowtQFn9.jpg"
    srcset="https://imgproxy.fourthwall.dev/vyenqbESe6HlI76WUrvivuW-k3LSqVqYhCz-eZx9nGU/w:320/sm:1/enc/8IU2nYpTXYnJvItO/XoRnXt4mDIBdWfQl/pUcqicMzIRWzeFbO/TIEFLMMyZPglrsN0/Zf3dAE3hj1O0qp1B/CQGZIUGkoHmaZqLK/XmnnI95ivvHKKr0M/SHeQSzZI_d_pX-em/mqPBGRXO53aHKCMH/Xqf8Du1BOFCwh88j/lKZUiA6PwQubjW8G/7QN8zolhImaZbGlE/bnUYIIC4xUfRLZzp/kEXvuD__A5av4SIB/4PtJX7LOSGPabh8t/FnIlz8EJyowtQFn9.jpg 1x, https://imgproxy.fourthwall.dev/VttR69kx_wEZuVO1NHOVEU9ncgQdOoEeT_Ii6MCZ5bU/w:320/dpr:2/sm:1/enc/8IU2nYpTXYnJvItO/XoRnXt4mDIBdWfQl/pUcqicMzIRWzeFbO/TIEFLMMyZPglrsN0/Zf3dAE3hj1O0qp1B/CQGZIUGkoHmaZqLK/XmnnI95ivvHKKr0M/SHeQSzZI_d_pX-em/mqPBGRXO53aHKCMH/Xqf8Du1BOFCwh88j/lKZUiA6PwQubjW8G/7QN8zolhImaZbGlE/bnUYIIC4xUfRLZzp/kEXvuD__A5av4SIB/4PtJX7LOSGPabh8t/FnIlz8EJyowtQFn9.jpg 2x"
    alt="Misery Loves"
    class="header__logo-image header__logo-image--md"
    itemprop="logo"
  >


          </a>
        </div>
      </div>

      
        <div class="header__nav-container visible@sm">
          <nav class="header__nav">
            <ul class="header__list list--horizontal">
              
  <li class="header__list-item">
    <a
      href="/"
      class="header__link"
    >
      Home

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/collections/all"
      class="header__link"
    >
      Shop

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/pages/trailerboyz"
      class="header__link"
    >
      TrailerBoyz

      
    </a>

    
  </li>

            </ul>
          </nav>
        </div>
      

      <div class="header__icons">
        <ul class="header__list list list--horizontal">
          
            



  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://twitch.tv/nateblackest"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://instagram.com/bigbreakfastofficial"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


          

          

          
            <li class="header__list-item visible@sm">
              <a class="header__link header__link--icon" tabindex="0">
                USD

                
                  <span class="header__link-icon">
                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

                  </span>
                
              </a>

              
                <div class="header__dropdown header__dropdown--content">
                  <ul class="header__dropdown-inner">
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/">
                          USD
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/">
                          EUR
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/">
                          CAD
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/">
                          GBP
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/">
                          AUD
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/">
                          NZD
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/">
                          SEK
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/">
                          NOK
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/">
                          DKK
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/">
                          PLN
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/">
                          INR
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/">
                          JPY
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=MYR&return_to=/">
                          MYR
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=SGD&return_to=/">
                          SGD
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/">
                          MXN
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/">
                          BRL
                        </a>
                      </li>
                    
                      <li class="header__dropdown-item">
                        <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/">
                          CHF
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            </li>
          

          

          

          <li class="header__list-item">
            <a href="/cart" class="header__icon">
              <div 
  data-cart-widget="widget"
  data-testid="cart.icon"
  class="cart-widget cart-widget--icons empty"
>
  
    <span data-cart-widget="quantity" class="cart-widget__items"></span>
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Cart</title>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 1.5C7.40211 1.5 6.83677 1.72464 6.4264 2.11207C6.0175 2.49812 5.79646 3.0122 5.79646 3.53846V4.46154H10.2035V3.53846C10.2035 3.0122 9.98249 2.49812 9.57359 2.11207C9.16322 1.72464 8.59788 1.5 7.99999 1.5ZM11.7035 4.46154V3.53846C11.7035 2.58564 11.3022 1.68119 10.6033 1.02137C9.90591 0.362928 8.96875 0 7.99999 0C7.03123 0 6.09408 0.362928 5.39666 1.02137C4.69777 1.68119 4.29646 2.58564 4.29646 3.53846V4.46154H2.96808C2.09126 4.46154 1.34979 5.11042 1.23353 5.97949L0.15814 14.018C0.0177587 15.0673 0.833995 16 1.89269 16H14.1073C15.166 16 15.9822 15.0673 15.8419 14.018L14.7665 5.97949C14.6502 5.11042 13.9087 4.46154 13.0319 4.46154H11.7035ZM2.96808 5.96154C2.84282 5.96154 2.73689 6.05424 2.72028 6.17839L1.64489 14.2169C1.62484 14.3668 1.74145 14.5 1.89269 14.5H14.1073C14.2586 14.5 14.3752 14.3668 14.3551 14.2169L13.2797 6.17839C13.2631 6.05424 13.1572 5.96154 13.0319 5.96154H2.96808Z" fill="currentColor"/>
</svg>

  
</div>
            </a>
          </li>
        </ul>
      </div>
    </div>

    
  </div>
</header>


<aside 
  data-drawer="mobile-menu" 
  class="drawer hidden@sm"
>
  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
  <div class="drawer__content drawer__content--small mobile-menu">
    <div class="mobile-menu__section mobile-menu__section--header">
      <a href="#" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu">
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </a>
    </div>
    <div class="mobile-menu__section mobile-menu__section--body">
      <div class="mobile-menu__nav">
        <ul class="mobile-menu__list">
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/"
                  class="mobile-menu__link"
                >
                  Home
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/collections/all"
                  class="mobile-menu__link"
                >
                  Shop
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/pages/trailerboyz"
                  class="mobile-menu__link"
                >
                  TrailerBoyz
                </a>
              

              
            </li>
          

          
            <li class="mobile-menu__list-item">
              <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger">
                USD

                
                  <div class="mobile-menu__link-icon">
                    <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

                  </div>
                
              </a>

              
                <div class="mobile-menu__dropdown mobile-menu__dropdown--content">
                  <ul class="mobile-menu__dropdown-inner">
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/">
                          USD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/">
                          EUR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/">
                          CAD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/">
                          GBP
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/">
                          AUD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/">
                          NZD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/">
                          SEK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/">
                          NOK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/">
                          DKK
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/">
                          PLN
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/">
                          INR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/">
                          JPY
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/">
                          MYR
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/">
                          SGD
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/">
                          MXN
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/">
                          BRL
                        </a>
                      </li>
                    
                      <li class="mobile-menu__dropdown-item">
                        <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/">
                          CHF
                        </a>
                      </li>
                    
                  </ul>
                </div>
              
            </li>
          
        </ul>
      </div>
    </div>
    <div class="mobile-menu__section mobile-menu__section--socials">
      <div class="mobile-menu__list-social">
        <ul class="mobile-menu__socials">
          



  
    <li class="mobile-menu__social">
      <a
        
          href="https://twitch.tv/nateblackest"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://instagram.com/bigbreakfastofficial"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


        </ul>
      </div>
    </div>
  </div>
</aside>

<script>
  const currencyData = {
    locale: "en-US",
    currency: "USD"
  }
</script>


</div>
      </div>

      <div class="page__main">
        <div class="main">
  <div data-testid="main.sections" class="main__sections">
    <div id="fw-section-hero-video-abd74f07-acd1-43dc-a6ac-b9da9c4db398" class="fw-section"><section data-section-id="fw-section-hero-video-abd74f07-acd1-43dc-a6ac-b9da9c4db398" data-testid="main.single.section" class="hero hero--fw-section-hero-video-abd74f07-acd1-43dc-a6ac-b9da9c4db398">
  <div class="hero__container hero__container--regular">
    <div class="section-background">
       
        <video playsinline autoplay muted loop class="section-background__video">
          <source src="https://cdn.fourthwall.com/sr-creators/resources/b71cb98a-7e34-418e-82e8-8947c3ccc940/ee4a9acd51507743b99dd97116500a77_98267d7430d5.mov" type="video/mp4">
          Your browser does not support HTML5 video.
        </video>
      

      
        <div
          class="section-background__overlay"
          style="background-color:#05040F;opacity:0.2;"
        ></div>
      
    </div>

    <div class="hero__inner hero__inner--center">
      <div class="container wrapper">
        <div
          class="hero__content hero__content--center"
        >
          <h2
            class="hero__heading hero__heading--regular"
          >
            Nothing really matters...
          </h2>

          

          
            <div class="hero__cta-container hero__cta-container--center">
              
                
                    
                      <div class="hero__cta hero__cta--primary">
                        <a
                          href="/collections/all"
                          class="button button--primary button--large button--expand"
                        >
                          
                          consume product
                        </a>
                      </div>
                    
                
              
            </div>
          
        </div>
      </div>
    </div>

    
  </div>
</section>


</div><div id="fw-section-featured-collection-0" class="fw-section">

<style>
  .section-fw-section-featured-collection-0-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-featured-collection-0-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-featured-collection-0" data-testid="main.single.section" class="featured-collection featured-collection--fw-section-featured-collection-0 section-fw-section-featured-collection-0-padding">
  <div class="collection">
    <div class="wrapper ">
      
        <div class="collection__header">
          <div class="section-header">
            
              <h2 class="section-header__heading">The current thing that is the shit...</h2>
            

            
              <div class="section-header__cta visible@sm">
                <a href="/collections/all" class="button button--secondary button--small">
                  View the rest of the shit
                </a>
              </div>
            
          </div>
        </div>
      

      <div class="collection__grid">
        <div class="col-grid col-grid--product-gap col-grid--2-cols col-grid--4-cols@md">
          
            <div>
              <div data-testid="product" class="product-tile" data-product-available="true" data-id="fw-section-featured-collection-0">
  <a href="/products/lifes-so-mid-koozie" class="tile">
    <div class="tile__image">
      <div class="image image--background-color">
        <div class="image__badges">
          
          

          
        </div>

        <div class="image__object">
          
            
              
              
                
              
                
              
              
                
                
                
                  <img
                    src="https://imgproxy.fourthwall.dev/b11SDdCprq7J0VkzsuSynLD0KMMAEGcxyAk1Pl6adys/w:720/sm:1/enc/3GPpInq9_n0_xULU/FfyOt2A0dQe0ToqM/e5gP7HZvYDl3bjNk/5oljzWL89ePA4bLY/X3VmlJ1WZ286Gwa2/7Z8X820IrM3Fo9qU/1xrv0foyilioJePP/qlmb2MH7jzJDgtvX/3jOsrVN_sphonITf/o4OLViXFPqSYKtUM/TOMO7O0MQlMpabdF/mcnzIUZSiqKjepk_/QvISugml8PmqVK8Y/othv3VQIVjjG1VbN/M52C5VGnah8.jpg"
                    alt="&#34;Life&#39;s so mid&#34; koozie product image (1)"
                    class="tile__item tile__item--1"
                  >
                
                  <img
                    src="https://imgproxy.fourthwall.dev/YkmrtK6qP5J9tJ6wCah_8aZAlhLebxprJ3iQDwsFnio/w:720/sm:1/enc/3NX4j0DyxV4abhQ7/n9f9FdezHLT0tpNd/pGfAHljeWGUMpME5/r5-l9reDz75NRJz8/rOEZvsIczmdBOuTZ/gQqZ6yTpTZRS2KZN/wfYZerKJKifdhH8Z/KzVg4XjMFzOeV1D6/Xb5Gx0ZWFq9xL-mK/f7N9eFWHYAij0p2-/ybRhPFkCofytVqwT/TA00zrY2hNCTNgJB/vkVYAek99n7QpS8y/YGxGExImtP3QeYV1/FflwLKSWgJ4.jpg"
                    alt="&#34;Life&#39;s so mid&#34; koozie product image (3)"
                    class="tile__item tile__item--2"
                  >
                
              
            
          
        </div>
      </div>
    </div>

    <div class="tile__description tile__description--center">
      <h3 class="tile__heading">
        &#34;Life&#39;s so mid&#34; koozie
      </h3>

      <div class="tile__prices">
        

        <span class="tile__price tile__price--original">
          $9.00
        </span>
      </div>
    </div>

    
      





<div class="tile__options tile__options--center">
  <div class="tile__option-color">
    
      
        
          
            
          
        
          
        
      
    
      
    
  </div>
</div>
    
  </a>
</div>

            </div>
          
        </div>
      </div>

      
        <div class="collection__cta-container hidden@sm">
          <div class="collection__cta">
            <a href="/collections/all" class="button button--secondary button--small">
              View the rest of the shit
            </a>
          </div>
        </div>
      
    </div>
  </div>
</section>



</div>

    
  <aside data-drawer="product" class="drawer">
    <div data-drawer-trigger-primary="product" class="drawer__background"></div>

    <div class="drawer__content" aria-hidden="true" tabindex="-1">
      <div class="drawer__content-inner">
        <div class="product-drawer">
          <div class="product-drawer__section">
            <div class="product-drawer__header">
              <div class="product-drawer__header-item product-drawer__header-item--tick">
                <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg">
  <title>Accept</title>
  <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
</svg>

              </div>

              <div class="product-drawer__header-item product-drawer__header-item--heading">
                <h4 class="product-drawer__heading">Added to cart</h4>
              </div>

              <div class="product-drawer__header-item product-drawer__header-item--close">
                <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog">
                  <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

                </button>
              </div>
            </div>
          </div>
          
          <div class="product-drawer__section">
            <div class="product-drawer__item-info">
              <div class="inline-image">
                <div class="inline-image__image">
                  <div class="image image--background-color">
                    <div data-product-info="image-container" class="image__object"></div>
                  </div>
                </div>

                <div class="inline-image__content">
                  <div data-product-info="title" class="inline-image__heading">
                    
                  </div>
                  <p data-product-info="price" class="inline-image__price"></p>
                  <p class="inline-image__quantity">
                    Quantity:
                    <span data-product-info="quantity"></span>
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__subtotal">
              <div class="product-drawer__subtotal-item">
                <span class="product-drawer__subtotal-label">
                  Cart Subtotal (<span data-product-info="cart-quantity"></span>):
                </span>
              </div>

              <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value">
                <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__cta">
              <div class="product-drawer__cta-item product-drawer__cta-item--view-cart">
                <a 
                  href="/cart" 
                  class="button button--secondary button--expand"
                >
                  View Cart
                </a>
              </div>

              <div class="product-drawer__cta-item product-drawer__cta-item--checkout">
                <form
                  action="/cart"
                  method="post"
                  novalidate
                  class="product-drawer__checkout-form"
                >
                  <button
                    type="submit"
                    name="checkout"
                    class="button button--primary button--expand"
                  >
                    Checkout
                  </button>
                </form>
              </div>
            </div>
          </div>
          
          <product-recommendations-drawer product-id="" class="product-drawer__section" />
        </div>
      </div>
    </div>
  </aside>

  </div>
</div>

      </div>

      <div class="page__footer">
        <div id="fw-section-footer" class="fw-section"><style>
  .section-fw-section-footer-padding {
    padding-top: 33px;
    padding-bottom: 11px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-footer-padding {
      padding-top: 44px;
      padding-bottom: 14px;
    }
  }
</style>












<footer data-testid="main.single.section" class="footer section-fw-section-footer-padding">
  <div class="wrapper ">
    

    <div class="footer__inner">
      
        <div class="footer__top">
          <div class="col-grid col-grid--middle col-grid--4-8@md col-grid--reversed@md">
            <div>
              
  <div class="footer__socials">
    <ul class="footer__list footer__list--socials">
      



  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://twitch.tv/nateblackest"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://instagram.com/bigbreakfastofficial"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


    </ul>
  </div>

            </div>

            <div>
              <nav class="footer__nav">
                <ul class="footer__list footer__list--menu">
                  
  
    <li class="footer__list-item">
      <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD">
        USD
        
          <span class="footer__link-icon">
            <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <title>Chevron Bottom</title>
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

          </span>
        
      </a>
      
        <div class="footer__dropdown footer__dropdown--content">
          <ul class="footer__dropdown-inner">
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/">
                  USD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/">
                  EUR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/">
                  CAD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/">
                  GBP
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/">
                  AUD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/">
                  NZD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/">
                  SEK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/">
                  NOK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/">
                  DKK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/">
                  PLN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/">
                  INR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/">
                  JPY
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/">
                  MYR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/">
                  SGD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/">
                  MXN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/">
                  BRL
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/">
                  CHF
                </a>
              </li>
            
          </ul>
        </div>
      
    </li>
  

                  
  
    <li class="footer__list-item">
      <a href="/contact" class="footer__menu-link">Contact Support</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/terms-of-service" class="footer__menu-link">Terms of Service</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/privacy-policy" class="footer__menu-link">Privacy Policy</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/returns-faq" class="footer__menu-link">Returns &amp; FAQ</a>
    </li>
  

                </ul>
              </nav>
            </div>
          </div>
        </div>

        <div class="footer__bottom">
          <ul class="footer__list footer__list--bottom">
            <li class="footer__list-item">
              <div class="footer__copy">&copy; 2026 Misery Loves</div>
            </li>
            
          </ul>
        </div>
      
    </div>
  </div>
</footer>


</div>
      </div>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: "Please enter your email.",
        invalidEmailError: "Please enter a valid email."
      },
      donation: {
        missingAmountError: "Please select or enter the donation amount.",
        invalidAmountError: "Please enter a valid donation amount.",
        missingNameError: "Please enter your name.",
        missingMessageError: "Please enter the message."
      },
      checkoutErrors: {
        default: "There was an issue with your checkout. Please review your cart and try again.",
        CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again."
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.dev/themes-library/assets/4d7b6c86-27eb-4f1a-a0c8-e4eb1640c6a8/assets/theme.js?v=058ddaed49ee28b820d0bf1434da2017ba95f1ecb09dd0083a2df33f2ee53daa" rel="preload"></script>

    
<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>


  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/index/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    creatorAccessCookieExists: () => cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator',
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
      window.location.href = '/platform/creators/users/auth/verify';
    },
    authorizeCreator: () => {
      if (AdminBar.creatorAccessCookieExists() && (AdminBar.viewAsCreator() || !AdminBar.viewAsSupporter())) {
        fetch("/platform/creators/users/auth")
          .then((response) => {
            if (response.status === 401 && _this.viewAsCreator()) {
              AdminBar.verifyCreator();
            } else if (response.status === 204) {
              cookieModule.setCookie('view_as', 'creator');
              AdminBar.viewAsDesktopButton.textContent = 'View as: Admin';
              
            }
          });
      }
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        (cookieModule.getCookie('core_dashboard_visited') || cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.authorizeCreator();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            cookieModule.setCookie('creator_access_token', 'creator', 365, 0);
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

</body>
</html>
