https://www.backerkit.com/

Scan ID:: 6e796687-2d28-4467-9d2a-c3662095a5e2Finished
Submitted URL:: https://backerkit.comRedirected
Report Finished:: Oct 6, 2024, 17:18:38
Links · 3 found

The outgoing links identified from the page
Link	Text
https://twitter.com/BackerKit
https://www.facebook.com/Backerkit
https://instagram.com/backerkit/
JavaScript Variables · 31 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
0	object
1	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
webpackChunkStripeJSouter	object
noop	function
Stripe	function
turnstile	object
_lrMutationObserver	function
Console log messages · 1 found

Messages logged to the web console
Type	Category	Log
warning	other	URL https://connect.facebook.net/en_US/fbevents.js Text Unrecognized feature: 'attribution-reporting'.
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="h-full"><head><style type="text/css" data-tag-name="trix-editor">trix-editor {
    display: block;
}

trix-editor:empty:not(:focus)::before {
    content: attr(placeholder);
    color: graytext;
    cursor: text;
    pointer-events: none;
    white-space: pre-line;
}

trix-editor a[contenteditable=false] {
    cursor: text;
}

trix-editor img {
    max-width: 100%;
    height: auto;
}

trix-editor [data-trix-attachment] figcaption textarea {
    resize: none;
}

trix-editor [data-trix-attachment] figcaption textarea.trix-autoresize-clone {
    position: absolute;
    left: -9999px;
    max-height: 0px;
}

trix-editor [data-trix-attachment] figcaption[data-trix-placeholder]:empty::before {
    content: attr(data-trix-placeholder);
    color: graytext;
}

trix-editor [data-trix-cursor-target] {
    display: inline-block !important;
    width: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

trix-editor [data-trix-cursor-target=left] {
    vertical-align: top !important;
    margin-left: -1px !important;
}

trix-editor [data-trix-cursor-target=right] {
    vertical-align: bottom !important;
    margin-right: -1px !important;
}</style><style type="text/css" data-tag-name="trix-toolbar">trix-toolbar {
  display: block;
}

trix-toolbar {
  white-space: nowrap;
}

trix-toolbar [data-trix-dialog] {
  display: none;
}

trix-toolbar [data-trix-dialog][data-trix-active] {
  display: block;
}

trix-toolbar [data-trix-dialog] [data-trix-validate]:invalid {
  background-color: #ffdddd;
}</style><style type="text/css">.turbo-progress-bar {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  background: #0076ff;
  z-index: 2147483647;
  transition:
    width 300ms ease-out,
    opacity 150ms 150ms ease-in;
  transform: translate3d(0, 0, 0);
}
</style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>
     BackerKit -
      Dive into something you love
  </title>

  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/css2?family=Arvo:wght@400;700&amp;display=swap" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,500,600,700italic,700,800&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://d2x9pgnb7vwmga.cloudfront.net/assets/st-friend-font-2ea9a8ad64d4185dda3b91d78c1e2976a81764a9abc0af75a683c2d906c2d1fc.css" data-turbo-track="reload">
<link rel="stylesheet" href="https://d2x9pgnb7vwmga.cloudfront.net/assets/crowdfunding-05695cf72c8ed1979ce3783069400b6de8ad4a932025eecbcc9882057fc10a5e.css" data-turbo-track="reload">

<meta name="action-cable-url" content="wss://backerkit-anycable-go-8ab1fa3d6d85.herokuapp.com/cable?jid=eyJhbGciOiJIUzI1NiJ9.eyJleHQiOiJ7fSIsImV4cCI6MTcyODIzODcyN30.ZTlK-gCDC-6KYrCJW_G3UD_TabqiTRSroZO0cuvrZAc">
<meta name="action-cable-history-timestamp" content="1728235127">

<!--turn turbo prefetch off-->
<meta name="turbo-prefetch" content="false">

<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-XC0QC4YLRM&amp;l=dataLayer&amp;cx=c"></script><script src="https://connect.facebook.net/signals/config/364990327227340?v=2.9.170&amp;r=stable&amp;domain=www.backerkit.com&amp;hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&amp;ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C82%2C87%2C47%2C46%2C86%2C37%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script src="https://js.stripe.com/v3" async="async"></script>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" data-turbo-track="reload"></script>
<script src="https://d2x9pgnb7vwmga.cloudfront.net/assets/crowdfunding-df32dfb3f015608a8e6dac48d94f802ebaf66f214c37df2c3930789769b482ce.js" data-turbo-track="reload" defer="defer" type="module"></script>
<script src="https://d2x9pgnb7vwmga.cloudfront.net/assets/rich-editor-6cd8d94165d46a362f1fc1d34cdca3da15129e6c9b8f78fad7855c4809f64381.js" data-turbo-track="reload" defer="defer" type="module"></script>

<script src="https://cdn.lr-in-prod.com/LogRocket.min.js" crossorigin="anonymous"></script><script src="https://cdn.lr-in-prod.com/logger-1.min.js" async=""></script>

  <!-- Facebook Pixel Code -->
  <!-- Facebook Pixel Code -->
  <script>
      !function (f, b, e, v, n, t, s) {
          if (f.fbq) return;
          n = f.fbq = function () {
              n.callMethod ?
                  n.callMethod.apply(n, arguments) : n.queue.push(arguments)
          };
          if (!f._fbq) f._fbq = n;
          n.push = n;
          n.loaded = !0;
          n.version = '2.0';
          n.queue = [];
          t = b.createElement(e);
          t.async = !0;
          t.src = v;
          s = b.getElementsByTagName(e)[0];
          s.parentNode.insertBefore(t, s)
      }(window,
          document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '364990327227340'); // Insert your pixel ID here.
      fbq('track', 'PageView');
  </script>
  <noscript>
    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=364990327227340&ev=PageView&noscript=1"
      /></noscript>
  <!-- DO NOT MODIFY -->
  <!-- End Facebook Pixel Code -->



<link rel="apple-touch-icon" sizes="180x180" href="https://d2x9pgnb7vwmga.cloudfront.net/apple-touch-icon.png">
<link rel=" icon" type="image/png" sizes="32x32" href="https://d2x9pgnb7vwmga.cloudfront.net/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://d2x9pgnb7vwmga.cloudfront.net/favicon-16x16.png">
<link rel="manifest" crossorigin="use-credentials" href="https://d2x9pgnb7vwmga.cloudfront.net/site.webmanifest">
<link rel="mask-icon" href="https://d2x9pgnb7vwmga.cloudfront.net/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="2FID1nljX0H6CRwW2SUM0UX22fa6RsyFfvYwdyJokB9_mlGK1NMiY1bDjztAwL3JVvJGgLfzH6i4vCrCJ26BiA">
<link rel="canonical" href="https://www.backerkit.com/">
<meta name="description" content="Back projects you want to see in the world.">
<meta name="google-site-verification" content="9-ypirrn2bz3vmklP5qgdKGMJynU-8uGaUzyLZXZ4dA">

  <!-- Google Tag Manager -->
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-MQQ6G8F"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }

  gtag('js', new Date());
  gtag('config', 'GTM-MQQ6G8F');
  gtag('set', {'user_id': null});
</script>
<!-- End Google Tag Manager -->


<script src="//js.honeybadger.io/v6.10/honeybadger.min.js" type="text/javascript"></script>

  <script type="text/javascript">
    Honeybadger.configure({
      apiKey: "811e8915a2e2e423c27e8da8fa2ac373",
      environment: 'production',
      enableUncaught: false,
      enableUnhandledRejection: false
    });
  </script>





  <script src="https://player.twitch.tv/js/embed/v1.js"></script>

  
<meta property="og:title" content="BackerKit">
<meta name="twitter:title" content="BackerKit">

<meta name="description" content="BackerKit is the premier crowdfunding platform to discover new projects, the creators behind them, and the passionate backer community that fuels their success.">
<meta property="og:description" content="BackerKit is the premier crowdfunding platform to discover new projects, the creators behind them, and the passionate backer community that fuels their success.">
<meta name="twitter:description" content="BackerKit is the premier crowdfunding platform to discover new projects, the creators behind them, and the passionate backer community that fuels their success.">

<meta property="og:url" content="https://www.backerkit.com/">
<meta name="twitter:url" content="https://www.backerkit.com/">

  <meta property="og:image" content="https://d2x9pgnb7vwmga.cloudfront.net/assets/new-logo-c130861c35b19c4d4770c50bfbc8d10834ea8be2e3ac08ee4ad793c014464e17.png">
  <meta name="twitter:image" content="https://d2x9pgnb7vwmga.cloudfront.net/assets/new-logo-c130861c35b19c4d4770c50bfbc8d10834ea8be2e3ac08ee4ad793c014464e17.png">

<meta property="og:site_name" content="BackerKit">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="436758906402411">
<meta property="og:locale" content="en_US">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@BackerKit">
<meta name="twitter:maxage" content="60">


</head>

<body class="crowdfunding h-full  crowdfunding-projects home ">
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQQ6G8F"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<div class="min-h-full">
  



<div class="min-h-full h-[56px] md:h-[68px] bg-white sticky top-0 flex items-center z-30 relative">
  <nav class="w-full">
    <div class="max-w-none  mx-auto px-2 sm:px-4 lg:px-6">
      <div class="flex items-center justify-between h-14 gap-6 lg:gap-12">
        <div class="flex items-center gap-2">
            <div class="lg:hidden" data-controller="slideover" data-slideover-open-value="false" data-slideover-invisible-class="-translate-x-full,opacity-0" data-slideover-visible-class="translate-x-0,opacity-100" data-slideover-entering-class="" data-slideover-enter-timeout="300,300" data-slideover-leaving-class="" data-slideover-leave-timeout="300,0" data-slideover-active-target="#slideover-target" aria-haspopup="true" aria-expanded="false">

    <div data-action="click->slideover#toggle click@window->slideover#hide" class="flex justify-center items-center h-9 w-11 box-border border border-transparent hover:border rounded-lg hover:border-secondaryGray cursor-pointer">
      
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-center" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>

    </div>

    <div data-slideover-target="overlay" class="z-20 fixed inset-0 flex transition-opacity ease-linear duration-300 opacity-0 lg:hidden hidden">
      <div class="fixed inset-0" data-action="click->slideover#toggle">
        <div class="absolute inset-0 bg-gray-600 opacity-75"></div>
      </div>
      <div id="slideover-target" data-slideover-target="menu" class="relative flex-1 flex flex-col max-w-sm w-full bg-gray-50 transition ease-in-out duration-300 transform -translate-x-full hidden">
        <div class="absolute top-0 right-0 -mr-14 p-1">
          <button data-action="slideover#toggle" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
            <svg class="h-6 w-6 text-white" stroke="currentColor" fill="none" viewBox="0 0 24 24">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
            </svg>
          </button>
        </div>
        <div class="flex-1 h-0 overflow-y-auto">
          <div class="flex flex-col justify-between h-screen lg:h-[calc(100vh-68px)] relative bg-primaryGray font-inter overflow-y-scroll scrollbar-hide">
  <div class="py-0 mx-8 mt-12">
    <aside class="sticky top-0 lg:grow flex-col w-full pb-8 lg:pb-0 lg:max-w-xs z-10">
      <nav role="navigation" class="w-full lg:h-auto grow space-y-6 divide-y divide-[#C4C4C4]">
        <div class="space-y-6">
          <h1 class="font-medium text-xl">
            <a class="text-cfBlue" href="/">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block align-middle relative -top-[2px]" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"></path>
</svg>
 Discover</a>
          </h1>
        </div>

          <div class="space-y-6 pt-6">
            <a class="group text-sm block" href="/c/users/sign_in">
              <span class="underline group-hover:text-cfBlue">Log in</span> to follow, pledge, and support creators and
              their projects.
</a>          </div>

        <div class="space-y-6 pt-6">
          <div>
              <h1 class="block md:hidden text-secondaryTextGray text-lg lg:text-base mb-4"><a class="text-secondaryTextGray hover:text-cfBlue" href="/for-creators">For Creators</a></h1>
            <h3 class="text-primaryTextGray uppercase mb-4 font-light tracking-widest text-sm">Collections</h3>
            <ul class="space-y-4 lg:space-y-2">
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/live">All Live Projects</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/just_launched">Just Launched</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/ending_soon">Ending Soon</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/coming_soon">Coming Soon</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/preorders">Pre-orders</a></li>
                <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/pintober?ref=bk-discover-leftnav">👻 Pintober 2024 🍬🍬🍬</a></li>
                <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/planet-plushie-2024?ref=bk-discover-leftnav">Planet Plushie 🧸</a></li>
            </ul>
          </div>

            <div>
              <h3 class="text-primaryTextGray uppercase mb-4 font-light tracking-widest text-sm">Categories</h3>
              <ul class="space-y-4 lg:space-y-2">
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/role-playing-games">Role Playing Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/plushies-toys">Plushies &amp; Toys</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/enamel-pins">Enamel Pins</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/tabletop-games">Tabletop Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/comics">Comics</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/writing-publishing">Writing &amp; Publishing</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/art">Art</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/fashion">Fashion</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/film-and-video">Film And Video</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/music-theater">Music &amp; Theater</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/design-tech">Design &amp; Tech</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/accessories">Accessories</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/video-games">Video Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/food">Food</a></li>
              </ul>
            </div>
        </div>
      </nav>
    </aside>
  </div>
  <div class="border-t border-[#C4C4C4] py-4 mx-8 mt-8 font-inter z-20">
  <div class="text-primaryTextGray text-xs leading-6">
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/about">About Us</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/for-creators">For Creators</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/crowdfunding">Crowdfunding</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/customers">Customers</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/features">Pledge Manager</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/pricings">Pricing</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/backertracker">BackerTracker</a>  
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/careers">Careers</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/contact">Contact Us</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/privacy_policy">Privacy Policy</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/cookie_policy">Cookie Policy</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/terms_of_service">Terms of Service</a>
  </div>
  <div class="mt-2 flex flex-col 2xl:flex-row gap-4 2xl:items-center">
    <div class="order-2 2xl:order-none text-primaryTextGray text-sm whitespace-nowrap">
      <span class="font-mono">©</span> 2024 BackerKit
    </div>
    <div class="order-1 2xl:order-none flex gap-2">
      <a title="BackerKIt on Twitter" class="p-1" href="https://twitter.com/BackerKit">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 512 512" fill="#666666"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>      <a title="BackerKIt on Facebook" class="p-1" href="https://www.facebook.com/Backerkit">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="#666666" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>      <a title="BackerKIt on Instagram" class="p-1" href="https://instagram.com/backerkit/">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 448 512" fill="#666666"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
</a>    </div>
  </div>
</div>

</div>

        </div>
      </div>
      <div class="flex-shrink-0 w-14">
        <!-- Dummy element to force sidebar to shrink to fit close icon -->
      </div>
    </div>

  </div>

          <div class="flex-shrink-0 flex items-center">
  <a title="home" class="px-0" href="/">
        <img class="h-[20px] relative -top-[1px]" alt="backerkit company logo" src="https://d2x9pgnb7vwmga.cloudfront.net/assets/logo/backerkit_logo-4652180ff2de6c0221cb73546ca27c7de2d9bbb17214f4465ad5608ef2232229.png">
</a></div>
        </div>
        <div class="flex items-center justify-between gap-1 flex-auto">
          <div class="flex-auto">
            <!-- Search - desktop -->
<div class="hidden w-full font-inter text-sm font-normal max-w-sm md:block">
  <form class="simple_form relative" action="/c/project_searches" accept-charset="UTF-8" method="get">
    <div class="form-group string optional search_text w-full"><div><input class="form-control string optional form-control w-full placeholder-[#909090] text-xs font-light bg-transparent rounded-md border border-secondaryGray focus:outline-none focus:border-primaryTextGray focus:ring-1 focus:ring-primaryTextGray" value="" autocomplete="off" placeholder="Search for projects, surveys, and more" type="text" name="search[text]" id="search_text"></div></div>
    <button name="button" type="submit" title="Search" class="absolute top-[9px] right-[10px]">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-primaryTextGray" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button></form></div>

<!-- Search - mobile -->
<div class="md:hidden flex items-center justify-end block" data-controller="header-mobile-search">
  <div class="flex justify-center items-center h-9 w-11 box-border border border-transparent hover:border rounded-lg hover:border-secondaryGray cursor-pointer" data-action="click->header-mobile-search#show">
    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-primaryTextGray" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
  </div>

  <div class="hidden h-14 w-full bg-white flex items-center justify-between px-2 py-2 absolute top-0 right-0 z-40" data-header-mobile-search-target="mobileSearchContainer">
    <div data-action="click->header-mobile-search#hide" class="flex justify-center items-center h-9 w-11 cursor-pointer">
      
<svg width="18" height="20" viewBox="0 0 18 20" class="h-4 w-4 text-primaryTextGray" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0.377676 10.8828C-0.124556 10.3945 -0.124556 9.60156 0.377676 9.11328L6.80625 2.86328C7.30848 2.375 8.12411 2.375 8.62634 2.86328C9.12857 3.35156 9.12857 4.14453 8.62634 4.63281L4.3875 8.75H16.7143C17.4254 8.75 18 9.30859 18 10C18 10.6914 17.4254 11.25 16.7143 11.25H4.39152L8.62232 15.3672C9.12455 15.8555 9.12455 16.6484 8.62232 17.1367C8.12009 17.625 7.30446 17.625 6.80223 17.1367L0.373659 10.8867L0.377676 10.8828Z" fill="#6A6A6A"></path>
</svg>

    </div>
    <form class="simple_form relative flex-auto" action="/c/project_searches" accept-charset="UTF-8" method="get">
      <div class="form-group string optional search_text w-full"><div><input class="form-control string optional form-control w-full placeholder-[#909090] text-xs font-light bg-transparent rounded-md border border-secondaryGray focus:outline-none focus:border-primaryTextGray focus:ring-1 focus:ring-primaryTextGray" value="" autocomplete="off" id="search_text_mobile" placeholder="Search BackerKit" type="text" name="search[text]"></div></div>
      <div class="absolute top-[5px] right-[50px] hover:cursor-pointer" data-action="click->header-mobile-search#clearText">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="h-4 w-4 text-primaryTextGray m-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
</svg>

      </div>
      <button name="button" type="submit" title="Search" class="absolute top-[5px] right-[10px]" data-action="click->header-mobile-search#hide">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-primaryTextGray m-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button></form>    <div data-action="click->header-mobile-search#hide" class="bg-black opacity-50 w-full h-screen absolute bottom-0 right-0 left-0 top-14"></div>
  </div>
</div>

          </div>
          <div class="flex items-center gap-1">
            <div class="hidden px-2 lg:block">
    <a class="whitespace-nowrap text-sm font-medium hover:text-cfBlue hidden lg:block" href="/for-creators">For creators</a>
</div>
              
  <!-- Locale Switcher - desktop -->
  <div data-controller="element-swapper" class="hidden md:flex cursor-pointer">
    <div data-test-id="user_locale_button" data-action="click->element-swapper#swap" data-element-swapper-target="elementToHide" class="flex justify-center items-center h-9 w-11 box-border border border-transparent hover:border rounded-lg hover:border-secondaryGray">
      
<svg class="h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8 0.25C3.71875 0.25 0.25 3.71875 0.25 8C0.25 12.2812 3.71875 15.75 8 15.75C12.2812 15.75 15.75 12.2812 15.75 8C15.75 3.71875 12.2812 0.25 8 0.25ZM13.5938 5.25H11.5C11.2812 4.125 10.9375 3.125 10.5 2.3125C11.8438 2.90625 12.9375 3.9375 13.5938 5.25ZM8 1.75C8.5625 1.75 9.5 3.0625 9.96875 5.25H6C6.46875 3.0625 7.40625 1.75 8 1.75ZM1.75 8C1.75 7.59375 1.78125 7.15625 1.875 6.75H4.28125C4.25 7.1875 4.25 7.59375 4.25 8C4.25 8.4375 4.25 8.84375 4.28125 9.25H1.875C1.78125 8.875 1.75 8.4375 1.75 8ZM2.375 10.75H4.46875C4.6875 11.9062 5.03125 12.9062 5.46875 13.7188C4.125 13.125 3.03125 12.0625 2.375 10.75ZM4.46875 5.25H2.375C3.03125 3.9375 4.125 2.90625 5.46875 2.3125C5.03125 3.125 4.6875 4.125 4.46875 5.25ZM8 14.25C7.40625 14.25 6.46875 12.9688 6 10.75H9.96875C9.5 12.9688 8.5625 14.25 8 14.25ZM10.1875 9.25H5.78125C5.75 8.875 5.75 8.4375 5.75 8C5.75 7.5625 5.75 7.15625 5.78125 6.75H10.1875C10.2188 7.15625 10.25 7.5625 10.25 8C10.25 8.4375 10.2188 8.875 10.1875 9.25ZM10.5 13.7188C10.9375 12.9062 11.2812 11.9062 11.5 10.75H13.5938C12.9375 12.0625 11.8438 13.125 10.5 13.7188ZM11.6875 9.25C11.7188 8.84375 11.75 8.4375 11.75 8C11.75 7.59375 11.7188 7.1875 11.6875 6.75H14.125C14.1875 7.15625 14.25 7.59375 14.25 8C14.25 8.4375 14.1875 8.875 14.125 9.25H11.6875Z" fill="#6A6A6A"></path>
</svg>

    </div>
    <div data-element-swapper-target="elementToReveal" class="hidden w-full font-inter text-sm font-normal max-w-sm">
      <form data-controller="auto-submit" class="simple_form simple_form locale" action="/c/visitor_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off"><input type="hidden" name="authenticity_token" value="9fY-W_CmTHzVJOFWx9l_-8Lcrt9KAhW7zE0krTv2LbV4L0u_XpdIYmlXk3EsGS8IYdCO6HRDoyGbrM8Lv7U5yw" autocomplete="off">
        <div class="flex focus:ring-secondaryGray box-border border border-transparent border rounded-lg border-secondaryGray block w-48 text-sm items-center pl-3 cursor-pointer">
          
<svg class="h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8 0.25C3.71875 0.25 0.25 3.71875 0.25 8C0.25 12.2812 3.71875 15.75 8 15.75C12.2812 15.75 15.75 12.2812 15.75 8C15.75 3.71875 12.2812 0.25 8 0.25ZM13.5938 5.25H11.5C11.2812 4.125 10.9375 3.125 10.5 2.3125C11.8438 2.90625 12.9375 3.9375 13.5938 5.25ZM8 1.75C8.5625 1.75 9.5 3.0625 9.96875 5.25H6C6.46875 3.0625 7.40625 1.75 8 1.75ZM1.75 8C1.75 7.59375 1.78125 7.15625 1.875 6.75H4.28125C4.25 7.1875 4.25 7.59375 4.25 8C4.25 8.4375 4.25 8.84375 4.28125 9.25H1.875C1.78125 8.875 1.75 8.4375 1.75 8ZM2.375 10.75H4.46875C4.6875 11.9062 5.03125 12.9062 5.46875 13.7188C4.125 13.125 3.03125 12.0625 2.375 10.75ZM4.46875 5.25H2.375C3.03125 3.9375 4.125 2.90625 5.46875 2.3125C5.03125 3.125 4.6875 4.125 4.46875 5.25ZM8 14.25C7.40625 14.25 6.46875 12.9688 6 10.75H9.96875C9.5 12.9688 8.5625 14.25 8 14.25ZM10.1875 9.25H5.78125C5.75 8.875 5.75 8.4375 5.75 8C5.75 7.5625 5.75 7.15625 5.78125 6.75H10.1875C10.2188 7.15625 10.25 7.5625 10.25 8C10.25 8.4375 10.2188 8.875 10.1875 9.25ZM10.5 13.7188C10.9375 12.9062 11.2812 11.9062 11.5 10.75H13.5938C12.9375 12.0625 11.8438 13.125 10.5 13.7188ZM11.6875 9.25C11.7188 8.84375 11.75 8.4375 11.75 8C11.75 7.59375 11.7188 7.1875 11.6875 6.75H14.125C14.1875 7.15625 14.25 7.59375 14.25 8C14.25 8.4375 14.1875 8.875 14.125 9.25H11.6875Z" fill="#6A6A6A"></path>
</svg>

          <select name="user[locale]" id="user_locale" class="text-sm placeholder:text-gray-300 border-none focus:border-none focus:ring-0 w-full rounded-lg" data-action="auto-submit#submit"><option selected="selected" value="en">English</option>
<option value="de">German</option></select>
        </div>
</form>    </div>
  </div>
  
  <!-- Locale Switcher - mobile -->
  <div data-controller="toggle" class="md:hidden">
    <div data-test-id="user_locale_button_mobile" data-action="click->toggle#toggle" class="flex justify-center items-center h-9 w-11 box-border border border-transparent hover:border rounded-lg hover:border-secondaryGray cursor-pointer">
      
<svg class="h-4 w-4" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M8 0.25C3.71875 0.25 0.25 3.71875 0.25 8C0.25 12.2812 3.71875 15.75 8 15.75C12.2812 15.75 15.75 12.2812 15.75 8C15.75 3.71875 12.2812 0.25 8 0.25ZM13.5938 5.25H11.5C11.2812 4.125 10.9375 3.125 10.5 2.3125C11.8438 2.90625 12.9375 3.9375 13.5938 5.25ZM8 1.75C8.5625 1.75 9.5 3.0625 9.96875 5.25H6C6.46875 3.0625 7.40625 1.75 8 1.75ZM1.75 8C1.75 7.59375 1.78125 7.15625 1.875 6.75H4.28125C4.25 7.1875 4.25 7.59375 4.25 8C4.25 8.4375 4.25 8.84375 4.28125 9.25H1.875C1.78125 8.875 1.75 8.4375 1.75 8ZM2.375 10.75H4.46875C4.6875 11.9062 5.03125 12.9062 5.46875 13.7188C4.125 13.125 3.03125 12.0625 2.375 10.75ZM4.46875 5.25H2.375C3.03125 3.9375 4.125 2.90625 5.46875 2.3125C5.03125 3.125 4.6875 4.125 4.46875 5.25ZM8 14.25C7.40625 14.25 6.46875 12.9688 6 10.75H9.96875C9.5 12.9688 8.5625 14.25 8 14.25ZM10.1875 9.25H5.78125C5.75 8.875 5.75 8.4375 5.75 8C5.75 7.5625 5.75 7.15625 5.78125 6.75H10.1875C10.2188 7.15625 10.25 7.5625 10.25 8C10.25 8.4375 10.2188 8.875 10.1875 9.25ZM10.5 13.7188C10.9375 12.9062 11.2812 11.9062 11.5 10.75H13.5938C12.9375 12.0625 11.8438 13.125 10.5 13.7188ZM11.6875 9.25C11.7188 8.84375 11.75 8.4375 11.75 8C11.75 7.59375 11.7188 7.1875 11.6875 6.75H14.125C14.1875 7.15625 14.25 7.59375 14.25 8C14.25 8.4375 14.1875 8.875 14.125 9.25H11.6875Z" fill="#6A6A6A"></path>
</svg>

    </div>

    <div class="hidden h-14 w-full bg-white flex items-center justify-between px-2 py-2 absolute top-0 right-0 z-40" data-toggle-target="toggleable">
      <div data-action="click->toggle#toggle" class="flex justify-center items-center h-9 w-11 cursor-pointer">
        
<svg width="18" height="20" viewBox="0 0 18 20" class="h-4 w-4 text-primaryTextGray" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0.377676 10.8828C-0.124556 10.3945 -0.124556 9.60156 0.377676 9.11328L6.80625 2.86328C7.30848 2.375 8.12411 2.375 8.62634 2.86328C9.12857 3.35156 9.12857 4.14453 8.62634 4.63281L4.3875 8.75H16.7143C17.4254 8.75 18 9.30859 18 10C18 10.6914 17.4254 11.25 16.7143 11.25H4.39152L8.62232 15.3672C9.12455 15.8555 9.12455 16.6484 8.62232 17.1367C8.12009 17.625 7.30446 17.625 6.80223 17.1367L0.373659 10.8867L0.377676 10.8828Z" fill="#6A6A6A"></path>
</svg>

      </div>
      <div class="w-full border border-secondaryGray rounded-lg">
        <form data-controller="auto-submit" class="simple_form simple_form locale" action="/c/visitor_locale" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off"><input type="hidden" name="authenticity_token" value="7vkAYa88hNrEG094-lPYp_YfJ26lfqyu_ttxwUf_ZAljIHWFAQ2AxHhoPV8Rk4hUVRMHWZs_GjSpOppnw7xwdw" autocomplete="off">
          <select name="user[locale]" id="user_locale_mobile" class="text-sm placeholder:text-gray-300 border-none focus:border-none focus:ring-0 w-full rounded-lg" data-action="auto-submit#submit"><option selected="selected" value="en">English</option>
<option value="de">German</option></select>
</form>      </div>
      <div data-action="click->toggle#toggle" class="bg-black opacity-50 w-full h-screen absolute bottom-0 right-0 left-0 top-14"></div>
    </div>
  </div>

            <nav id="user-nav" class="flex items-center justify-end flex-none" data-toggle-class="user_nav">
    <div class="flex items-center justify-end gap-x-2 h-[36px] px-2">
      <a class="sm:inline font-walsheim text-base font-medium text-secondaryTextGray border border-secondaryGray px-3 py-1.5 rounded-full hover:text-primaryBlack hover:bg-primaryGray focus:ring-2 focus:ring-cfBlue focus:ring-offset-2" href="/c/users/sign_in">Log In</a>
      <a class="hidden sm:inline-flex items-center px-3 py-1.5 rounded-full text-white font-walsheim text-base font-medium bg-cfBlue hover:bg-black focus:ring-2 focus:ring-cfBlue focus:ring-offset-2" href="/c/users/sign_up?redirect_to=%2Fc%2Fusers%2Fstart">Sign Up</a>
    </div>
</nav>

          </div>
        </div>
      </div>
    </div>
  </nav>
</div>
<div class="z-[9] w-full drop-shadow-md h-[2px] bg-white relative sticky top-[56px] md:top-[68px]"></div>

  
  
  <div id="flash-messages">
</div>
  
  
  <main>
    
<turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="ImRpc2NvdmVyIg==--c3e75f719cf23029eac32124a77c446e628ea7d2cdad91f7772ddee6928619e6" connected=""></turbo-cable-stream-source>
<div class="sf-grid">
  <div class="sf-grid-sidebar-left hidden lg:block font-walsheim">
    <div id="discover-sidebar" class="sticky top-[56px] sm:top-[68px]">
      <div class="flex flex-col justify-between h-screen lg:h-[calc(100vh-68px)] relative bg-primaryGray font-inter overflow-y-scroll scrollbar-hide">
  <div class="py-0 mx-8 mt-12">
    <aside class="sticky top-0 lg:grow flex-col w-full pb-8 lg:pb-0 lg:max-w-xs z-10">
      <nav role="navigation" class="w-full lg:h-auto grow space-y-6 divide-y divide-[#C4C4C4]">
        <div class="space-y-6">
          <h1 class="font-medium text-xl">
            <a class="text-cfBlue" href="/">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline-block align-middle relative -top-[2px]" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z"></path>
</svg>
 Discover</a>
          </h1>
        </div>

          <div class="space-y-6 pt-6">
            <a class="group text-sm block" href="/c/users/sign_in">
              <span class="underline group-hover:text-cfBlue">Log in</span> to follow, pledge, and support creators and
              their projects.
</a>          </div>

        <div class="space-y-6 pt-6">
          <div>
              <h1 class="block md:hidden text-secondaryTextGray text-lg lg:text-base mb-4"><a class="text-secondaryTextGray hover:text-cfBlue" href="/for-creators">For Creators</a></h1>
            <h3 class="text-primaryTextGray uppercase mb-4 font-light tracking-widest text-sm">Collections</h3>
            <ul class="space-y-4 lg:space-y-2">
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/live">All Live Projects</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/just_launched">Just Launched</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/ending_soon">Ending Soon</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/coming_soon">Coming Soon</a></li>
              <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/preorders">Pre-orders</a></li>
                <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/pintober?ref=bk-discover-leftnav">👻 Pintober 2024 🍬🍬🍬</a></li>
                <li class="text-secondaryTextGray text-lg lg:text-base"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/planet-plushie-2024?ref=bk-discover-leftnav">Planet Plushie 🧸</a></li>
            </ul>
          </div>

            <div>
              <h3 class="text-primaryTextGray uppercase mb-4 font-light tracking-widest text-sm">Categories</h3>
              <ul class="space-y-4 lg:space-y-2">
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/role-playing-games">Role Playing Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/plushies-toys">Plushies &amp; Toys</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/enamel-pins">Enamel Pins</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/tabletop-games">Tabletop Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/comics">Comics</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/writing-publishing">Writing &amp; Publishing</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/art">Art</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/fashion">Fashion</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/film-and-video">Film And Video</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/music-theater">Music &amp; Theater</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/design-tech">Design &amp; Tech</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/accessories">Accessories</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/video-games">Video Games</a></li>
                  <li class="text-secondaryTextGray text-lg lg:text-base line-clamp-1"><a class="text-secondaryTextGray hover:text-cfBlue" href="/c/collections/food">Food</a></li>
              </ul>
            </div>
        </div>
      </nav>
    </aside>
  </div>
  <div class="border-t border-[#C4C4C4] py-4 mx-8 mt-8 font-inter z-20">
  <div class="text-primaryTextGray text-xs leading-6">
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/about">About Us</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/for-creators">For Creators</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/crowdfunding">Crowdfunding</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/customers">Customers</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/features">Pledge Manager</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/pricings">Pricing</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/backertracker">BackerTracker</a>  
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/careers">Careers</a>
    <a class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/contact">Contact Us</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/privacy_policy">Privacy Policy</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/cookie_policy">Cookie Policy</a>
    <a target="_blank" class="mr-2 whitespace-nowrap" href="https://www.backerkit.com/terms_of_service">Terms of Service</a>
  </div>
  <div class="mt-2 flex flex-col 2xl:flex-row gap-4 2xl:items-center">
    <div class="order-2 2xl:order-none text-primaryTextGray text-sm whitespace-nowrap">
      <span class="font-mono">©</span> 2024 BackerKit
    </div>
    <div class="order-1 2xl:order-none flex gap-2">
      <a title="BackerKIt on Twitter" class="p-1" href="https://twitter.com/BackerKit">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 512 512" fill="#666666"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>      <a title="BackerKIt on Facebook" class="p-1" href="https://www.facebook.com/Backerkit">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="#666666" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>      <a title="BackerKIt on Instagram" class="p-1" href="https://instagram.com/backerkit/">
        
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 448 512" fill="#666666"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>
</a>    </div>
  </div>
</div>

</div>

    </div>
  </div>
  <div class="sf-grid-content 3xl:w-[1110px] 3xl:justify-self-center">
    
  <div class="font-walsheim" data-nosnippet="">
    <div class="my-12 space-y-12">
        <div id="promoted-project">
      <turbo-cable-stream-source channel="Turbo::StreamsChannel" signed-stream-name="IloybGtPaTh2WW1GamEyVnlhMmwwTDBOeWIzZGtablZ1WkdsdVp6bzZVSEp2YW1WamRDODBNak0zIg==--5e3f75fdd458feed8f8d4023555138b2a21882f72249f4a3b63c8b89f0bdd33a" connected=""></turbo-cable-stream-source>
<div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 !pt-0">
  <div class="group w-full bg-white shadow ring-1 ring-black ring-opacity-5 rounded-3xl overflow-hidden !pt-0">
    <div class="w-full text-center bg-energy rounded-t-3xl text-white py-2">
      Live Now
    </div>
    <div class="lg:grid lg:grid-cols-12 p-6 lg:gap-6">
      <div class="lg:col-span-7 self-stretch overflow-hidden max-h-lg">
        <div class="block h-full">
          <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-hero-feature">
              <img class="d-block mx-lg-auto img-fluid" alt="Draw Steel, Roll Power, DICE!" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;ar=16%3A9&amp;fit=crop&amp;w=1024">
</a>        </div>
      </div>
      <div class="lg:col-span-5">
        <div class="text-primaryTextGray uppercase font-light text-sm font-body mt-6 lg:mt-0">
          38 hours left
        </div>
        <h1 class="font-walsheim text-2xl font-medium"><a class="hover:underline" href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-hero-feature">Draw Steel, Roll Power, DICE!</a></h1>
        <p class="text-base ">
          <span class="font-inter text-primaryTextGray font-normal">by</span> <a class="hover:underline font-walsheim text-primaryBlack font-medium" href="/c/users/2125010/profile">MCDM Productions</a>
        </p>
        <p class="my-6 font-inter text-base font-normal text-primaryTextGray">
          <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-hero-feature">
            Our new game requires some dice and we have just the thing...
</a>        </p>
          <a class="bg-cfBlue disabled:bg-primaryGray focus:bg-cfBlue focus:ring-2 focus:ring-cfBlue focus:ring-offset-2 hover:bg-black text-white whitespace-nowrap font-walsheim text-base font-medium py-3 px-6 rounded-full block cursor-pointer text-center w-full hover:animate-wiggle active:animate-wiggle" data-method="get" href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-hero-feature">Check it Out</a>

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

  </div>

      
          <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="trending" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🔥</div>
        <h1 class="text-2xl">Hottest Projects Right Now</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Trending and sought-after projects of the moment.</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-67af6c9779df73310" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-67af6c9779df73310" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-67af6c9779df73310" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-discover-trending"><img alt="Welcome to Night Vale Roleplaying Game" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2765170/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Renegade Game Studios" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/af3ff4a06fa3873e91c64d7a638d408d?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/af3ff4a06fa3873e91c64d7a638d408d?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/all0di1qltni2oqmpuj5szpnz4s2?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Renegade Game Studios
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730340000">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">24</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Welcome to Night Vale Roleplaying Game</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The Welcome to Night Vale Roleplaying Game is a campaign setting for the Essᴇɴᴄᴇ20 Rᴏʟᴇᴘʟᴀʏɪɴɢ Sʏsᴛᴇᴍ, based on the Welcome to Night Vale podcast.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-discover-trending">
          <div id="stats_project_4161" class="flex items-center justify-start stats_project_4161">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $316,270
    </div>
    <span class="font-inter text-xs m-0">of $25,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">3,825</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/leyline-press/salvage-union-starter-set?ref=bk-discover-trending"><img alt="Salvage Union Starter Set" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/iz0ggqqj2gtrdkwf88lbqqx1rwki?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2122682/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Leyline Press" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/ed94954700fc26f2c3ecb0b0376485e3?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/ed94954700fc26f2c3ecb0b0376485e3?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z7y9sfq8re2po00p8xpnikzs1fq1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Leyline Press
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730822400">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">30</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/leyline-press/salvage-union-starter-set?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Salvage Union Starter Set</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Salvage Union is a post-apocalyptic Mech tabletop RPG with easy to learn mechanics. You play as a group of salvagers, scouring the wastelands for scrap in salvaged Mechs. The Salvage Union Starter Set contains everything you need to start playing.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/leyline-press/salvage-union-starter-set?ref=bk-discover-trending">
          <div id="stats_project_4153" class="flex items-center justify-start stats_project_4153">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      £64,020
    </div>
    <span class="font-inter text-xs m-0">of £12,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">825</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim" data-controller="countdown-timer" data-countdown-timer-time-value="1728370740" data-countdown-timer-force-hours-value="true">
    <div class="flex justify-center items-center gap-1">
      <div class="uppercase">Ending In</div>
      <div aria-hidden="true">
        <span data-countdown-timer-target="hours">37</span>
        <span>hrs </span>
        <span data-countdown-timer-target="minutes">40</span>
        <span>min </span>
        <span data-countdown-timer-target="secondsContainer">
                  <span data-countdown-timer-target="seconds">02</span>
                  <span>sec </span>
                </span>
      </div>
    </div>
  </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-trending"><img alt="Draw Steel, Roll Power, DICE!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2125010/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for MCDM Productions" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              MCDM Productions
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728370740">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">38</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Draw Steel, Roll Power, DICE!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Our new game requires some dice and we have just the thing...</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-trending">
          <div id="stats_project_4237" class="flex items-center justify-start stats_project_4237">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $267,943
    </div>
    <span class="font-inter text-xs m-0">of $25,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">2,260</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-trending"><img alt="The Between" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2113525/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for The Gauntlet " class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/c6ff4e28049953a800b77b2658966122?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/c6ff4e28049953a800b77b2658966122?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              The Gauntlet
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730437140">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">25</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The Between</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The Between is a tabletop roleplaying game about monster-hunters in Victorian-era London. It's inspired by the TV show Penny Dreadful, British horror classics, and pulp media. Its rules are based on the award-winning Brindlewood Bay.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-trending">
          <div id="stats_project_4359" class="flex items-center justify-start stats_project_4359">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $177,080
    </div>
    <span class="font-inter text-xs m-0">of $10,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">2,130</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-trending"><img alt="Critterfolk Plushies" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2626270/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Critter Valley" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/7bdec2be0207b1121eef4c6cda6db9c4?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/7bdec2be0207b1121eef4c6cda6db9c4?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Critter Valley
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730530740">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">27</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Critterfolk Plushies</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Meet the Critterfolk! 🦊🌱⛰️ 

This line of super-soft plush toys features a variety of characters all inspired by both wild and domestic critters.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-trending">
          <div id="stats_project_4330" class="flex items-center justify-start stats_project_4330">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $49,883
    </div>
    <span class="font-inter text-xs m-0">of $3,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">752</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-trending"><img alt="Circus Sweeties" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2506821/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Charmsey" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Charmsey
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730505600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Circus Sweeties</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Circus Sweeties are 18'' plushies all inspired by frosted circus cookies. There will be a lineup of many different animals, starting with a cat and a rabbit, and followed by a lion, elephant, and giraffe-- and perhaps, much much more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-trending">
          <div id="stats_project_3846" class="flex items-center justify-start stats_project_3846">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $51,294
    </div>
    <span class="font-inter text-xs m-0">of $4,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">650</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="7 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-trending"><img alt="Weird Heroes of Public Access- WHPA-TV13 Role Playing Game" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2576638/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Rev Joey Royale" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Get Haunted Industries
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730476800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">An TTRPG About Public Access Hosts Saving Their Town From Supernatural Mysteries!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-trending">
          <div id="stats_project_4458" class="flex items-center justify-start stats_project_4458">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $22,106
    </div>
    <span class="font-inter text-xs m-0">of $4,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">433</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="8 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-trending"><img alt="Chaotic Queer-- Pride Pins inspired by TTRPGs" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/4ho4ny5fg1q9p2xbl0ntom1156k7?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/1761290/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Gay Breakfast" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5507bb15fef2c7e60cfe56aed85ecec7?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5507bb15fef2c7e60cfe56aed85ecec7?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xi4yqms044jskbc4ylmbrkwcyd4d?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Gay Breakfast
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728691200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">5</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Chaotic Queer-- Pride Pins inspired by TTRPGs</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A collection of pride and pronoun pins based on ttrpgs and some of our favorite familiars.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-trending">
          <div id="stats_project_4715" class="flex items-center justify-start stats_project_4715">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $26,452
    </div>
    <span class="font-inter text-xs m-0">of $1,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">478</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="9 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-trending"><img alt="Coping Cats" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/igxpfrh8q7ddgubpy1xep9wpvra5?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2007839/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Carrie Alyson | Aspenhearted" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/e8c084ce87dd8b517ed1ec6f2b8d4f3b?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/e8c084ce87dd8b517ed1ec6f2b8d4f3b?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3gawjo8lixh2n2d8zlq51thu6ld5?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Carrie Alyson | Aspenhearted
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1729645200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">16</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Coping Cats</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">This collection of adorable cat pins will inspire you to chase your dreams, believe in your own magic, and remind you of the ultimate in feline wisdom: sometimes laying on the floor and staring at nothing is good enough.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-trending">
          <div id="stats_project_1795" class="flex items-center justify-start stats_project_1795">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $33,978
    </div>
    <span class="font-inter text-xs m-0">of $3,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">491</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="10 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/loppy-rae/hurtsies-interactive-zombie-plushies?ref=bk-discover-trending"><img alt="Hurtsies: Interactive Zombie Plushies!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/yapiuj82xk98qobdl4cvd10rvixd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2866199/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Loppy Rae" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/17c1a4c51132b96acf95c5a65c59efd2?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/17c1a4c51132b96acf95c5a65c59efd2?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6y5bi7domdm54aarmxa1roe143dc?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Loppy Rae
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730444340">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/loppy-rae/hurtsies-interactive-zombie-plushies?ref=bk-discover-trending">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Hurtsies: Interactive Zombie Plushies!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Meet the Hurtsies!
These cute zombie bunnies are not only cuddly, but also uniquely interactive. Each design features plush guts that are not only fun to remove, but also fully functional as accessories for both you and your plush pal!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/loppy-rae/hurtsies-interactive-zombie-plushies?ref=bk-discover-trending">
          <div id="stats_project_4834" class="flex items-center justify-start stats_project_4834">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $38,938
    </div>
    <span class="font-inter text-xs m-0">of $2,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">478</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="11 / 11">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a href="/c/collections/live/projects?sort_by=trending">See the full list</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a href="/c/collections/live/projects?sort_by=trending">See the full list</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

          <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="ending_soon" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>⌛️</div>
        <h1 class="text-2xl">Ending Soon</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Join before it is too late</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-106fe842ad9f15ee" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-106fe842ad9f15ee" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-106fe842ad9f15ee" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim" data-controller="countdown-timer" data-countdown-timer-time-value="1728370740" data-countdown-timer-force-hours-value="true">
    <div class="flex justify-center items-center gap-1">
      <div class="uppercase">Ending In</div>
      <div aria-hidden="true">
        <span data-countdown-timer-target="hours">37</span>
        <span>hrs </span>
        <span data-countdown-timer-target="minutes">40</span>
        <span>min </span>
        <span data-countdown-timer-target="secondsContainer">
                  <span data-countdown-timer-target="seconds">02</span>
                  <span>sec </span>
                </span>
      </div>
    </div>
  </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-ending-soon"><img alt="Draw Steel, Roll Power, DICE!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8xjzgizz8xf9jdjixj2vn090c71b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2125010/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for MCDM Productions" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              MCDM Productions
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728370740">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">38</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-ending-soon">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Draw Steel, Roll Power, DICE!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Our new game requires some dice and we have just the thing...</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-ending-soon">
          <div id="stats_project_4237" class="flex items-center justify-start stats_project_4237">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $267,943
    </div>
    <span class="font-inter text-xs m-0">of $25,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">2,260</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-ending-soon"><img alt="Worldographer 2025" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2121072/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Inkwell Ideas" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5dbff2125355a76fd93f471d674c4aae?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5dbff2125355a76fd93f471d674c4aae?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Inkwell Ideas
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728442800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">58</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-ending-soon">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Worldographer 2025</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A major update to Worldographer! UI improvements, more generators, better world generation, and so much more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-ending-soon">
          <div id="stats_project_3699" class="flex items-center justify-start stats_project_3699">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $72,385
    </div>
    <span class="font-inter text-xs m-0">of $5,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">691</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/handmadebytenille/gaming-starters-a-grass-fire-and-water-pin-project?ref=bk-discover-ending-soon"><img alt="Derpy Gaming Starters - Enamel Pins and more!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jvx7i08kx0rdrctvnrli94osrlqy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2745150/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for HandmadeByTenille" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/0970ac0b315f8bc022c9caf3e4c7df47?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/0970ac0b315f8bc022c9caf3e4c7df47?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z6swqx3jqp8mr99hg14hx2t0vrdx?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              HandmadeByTenille
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728457200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">62</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/handmadebytenille/gaming-starters-a-grass-fire-and-water-pin-project?ref=bk-discover-ending-soon">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Derpy Gaming Starters - Enamel Pins and more!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Gaming meets derpy monsters - can you collect all the Grass, Fire and Water pins?</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/handmadebytenille/gaming-starters-a-grass-fire-and-water-pin-project?ref=bk-discover-ending-soon">
          <div id="stats_project_3549" class="flex items-center justify-start stats_project_3549">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,886
    </div>
    <span class="font-inter text-xs m-0">of $1,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">22</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-ending-soon"><img alt="Perished Plushies | Fangy Friends Edition" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2508196/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for LivingBiohazard" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5dbdc5308c72d0cee13cbb88a295b500?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5dbdc5308c72d0cee13cbb88a295b500?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Living Biohazard LLC
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728457200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">62</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-ending-soon">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Perished Plushies | Fangy Friends Edition</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Dare to venture into the eerie realm of Perished Plushies, where the cute and the creepy converge in perfect harmony. These hauntingly adorable companions are here to add a touch of macabre charm to your lair.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-ending-soon">
          <div id="stats_project_3540" class="flex items-center justify-start stats_project_3540">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $11,441
    </div>
    <span class="font-inter text-xs m-0">of $2,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">176</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="5 / 5">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a href="/c/collections/ending_soon/projects?sort_by=ending_soon">See the full list</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a href="/c/collections/ending_soon/projects?sort_by=ending_soon">See the full list</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

            <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="Planet Plushie 🧸" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>💫</div>
        <h1 class="text-2xl">Projects from Planet Plushie 🧸</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Limited Time Event</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-6a399ee10249102d33" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-6a399ee10249102d33" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-6a399ee10249102d33" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/munespice/creature-cafe-inspired-by-real-life-creatures-of-the-world?ref=bk-discover-collections"><img alt="Creature Café: Bags &amp; Pouches Inspired by Amazing Creatures of the World" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/69wvkueu0ly1aw9tdu9ez4gfu15s?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/1738433/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Munespice" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/37596f550cf6af69a24c4abe2d235a2f?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/37596f550cf6af69a24c4abe2d235a2f?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/b2b2khbjlbooe183cfu64fuhkfpf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Munespice
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1729656000">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">16</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/munespice/creature-cafe-inspired-by-real-life-creatures-of-the-world?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Creature Café: Bags &amp; Pouches Inspired by Amazing Creatures of the World</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Featuring bags, pouches, pins, and more, this campaign is a love letter to some of the most interesting - and flat-shaped - creatures of the world combined with some of my favorite places to visit: cafés!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/munespice/creature-cafe-inspired-by-real-life-creatures-of-the-world?ref=bk-discover-collections">
          <div id="stats_project_3123" class="flex items-center justify-start stats_project_3123">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $9,171
    </div>
    <span class="font-inter text-xs m-0">of $1,200
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">188</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-collections"><img alt="Perished Plushies | Fangy Friends Edition" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9imokw5ftzbp5t0y1b4xyio6m7cn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2508196/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for LivingBiohazard" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5dbdc5308c72d0cee13cbb88a295b500?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5dbdc5308c72d0cee13cbb88a295b500?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/44atm1s3ymjz659ufjoh9f8nao88?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Living Biohazard LLC
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728457200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">62</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Perished Plushies | Fangy Friends Edition</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Dare to venture into the eerie realm of Perished Plushies, where the cute and the creepy converge in perfect harmony. These hauntingly adorable companions are here to add a touch of macabre charm to your lair.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/living-biohazard-llc/perished-plushies-fangy-friends-edition?ref=bk-discover-collections">
          <div id="stats_project_3540" class="flex items-center justify-start stats_project_3540">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $11,441
    </div>
    <span class="font-inter text-xs m-0">of $2,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">176</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-collections"><img alt="Critterfolk Plushies" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9rcjx0b5jqariqecs8ex81nehk1v?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2626270/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Critter Valley" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/7bdec2be0207b1121eef4c6cda6db9c4?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/7bdec2be0207b1121eef4c6cda6db9c4?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z80qfp2mq6uy3ze4b07he2wvtixn?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Critter Valley
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730530740">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">27</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Critterfolk Plushies</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Meet the Critterfolk! 🦊🌱⛰️ 

This line of super-soft plush toys features a variety of characters all inspired by both wild and domestic critters.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/critter-valley/critterfolk-plushies?ref=bk-discover-collections">
          <div id="stats_project_4330" class="flex items-center justify-start stats_project_4330">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $49,883
    </div>
    <span class="font-inter text-xs m-0">of $3,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">752</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-collections"><img alt="Circus Sweeties" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2506821/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Charmsey" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Charmsey
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730505600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Circus Sweeties</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Circus Sweeties are 18'' plushies all inspired by frosted circus cookies. There will be a lineup of many different animals, starting with a cat and a rabbit, and followed by a lion, elephant, and giraffe-- and perhaps, much much more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-collections">
          <div id="stats_project_3846" class="flex items-center justify-start stats_project_3846">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $51,294
    </div>
    <span class="font-inter text-xs m-0">of $4,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">650</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/hufflemoon/hanji-quokka-20cm-plushie?ref=bk-discover-collections"><img alt="Hannie Plushie, 20cm, with full Outfit, SKZ inspired" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xh16sypaaq48dagusuyebfmtomhw?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2757573/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Hufflemoon" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/b953eedcaa29c715457ab54fac391cd4?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/b953eedcaa29c715457ab54fac391cd4?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wd5l0zl7vz0kptd8z2646lid0l14?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Hufflemoon
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730617200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">28</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/hufflemoon/hanji-quokka-20cm-plushie?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Hannie Plushie, 20cm, with full Outfit, SKZ inspired</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A high quality Plushie inspired by Stray Kids' Han Jisung SKZOO Character.
This 20cm height soft plushies comes with a full outfit set, which can simply be removed. More outfits are planned for the future.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/hufflemoon/hanji-quokka-20cm-plushie?ref=bk-discover-collections">
          <div id="stats_project_4342" class="flex items-center justify-start stats_project_4342">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      €610
    </div>
    <span class="font-inter text-xs m-0">of €2,100
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">9</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/floral-frolic-ef742cd6-c89c-4e1f-a3ae-91a5ddb45882/river-dragon-plush?ref=bk-discover-collections"><img alt="River Dragon and Underworld Jackal Plush" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r2awtva23r0temaet2qhgsdajv4c?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2117681/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Amanda Coronado" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/d7a3df93480a09437aecc01f2b0a855a?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/d7a3df93480a09437aecc01f2b0a855a?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/wxh88qdc5jh5zqrl4jqoaoooo4oe?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Floral Frolic
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1729645200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">16</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/floral-frolic-ef742cd6-c89c-4e1f-a3ae-91a5ddb45882/river-dragon-plush?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">River Dragon and Underworld Jackal Plush</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Help fund brand new plush designs by Floral Frolic!  We have made two new friends: a hefty River Dragon great for hugging and an elegant Underworld Jackal to sit in your lap!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/floral-frolic-ef742cd6-c89c-4e1f-a3ae-91a5ddb45882/river-dragon-plush?ref=bk-discover-collections">
          <div id="stats_project_3859" class="flex items-center justify-start stats_project_3859">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $22,031
    </div>
    <span class="font-inter text-xs m-0">of $3,500
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">329</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="7 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/nrw-artz/galaxy-raptor-plush?ref=bk-discover-collections"><img alt="Galaxy Raptor Ita Bag &amp; Plush" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6rg99cmrtiiuttwznc0jw1xpehyx?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/1567181/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for NRW Artz" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/be5ed4c12c7f8586dda3ba270b66da41?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/be5ed4c12c7f8586dda3ba270b66da41?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/jpsjtlen3r8qb87ou1vsioqrt5gh?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              NRW Artz
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1729796400">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">18</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/nrw-artz/galaxy-raptor-plush?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Galaxy Raptor Ita Bag &amp; Plush</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Our beloved mascot has been getting a lot of love lately and have already come out with a few stickers, a keychain, a standee and 2 pins! But we wanted to see if he is loved enough for his own Bag &amp; Plush?!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/nrw-artz/galaxy-raptor-plush?ref=bk-discover-collections">
          <div id="stats_project_2279" class="flex items-center justify-start stats_project_2279">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,736
    </div>
    <span class="font-inter text-xs m-0">of $3,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">21</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="8 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/friendsplushies/ferret-and-friends-heated-stuffed-animals?ref=bk-discover-collections"><img alt="Hyrax/Ferret/Pigeon | Heated/Weighted Stuffed Animals!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/tr7w3qma0nhbzapzb6mpnme6eglp?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2655380/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Borbs" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/46f375b9a2a90682efe9eaddf03cfc8c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/46f375b9a2a90682efe9eaddf03cfc8c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1l8733vhz0ec2nof8hq7np1fzprz?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Friends Collection
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730357940">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">25</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/friendsplushies/ferret-and-friends-heated-stuffed-animals?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Hyrax/Ferret/Pigeon | Heated/Weighted Stuffed Animals!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">How cool will it be to be the first person with a Hyrax Plush? Each one of these stuffed animals are sensory friendly and contain little fidget-friendly features. 

95¢ Hyrax Games available for a limited time!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/friendsplushies/ferret-and-friends-heated-stuffed-animals?ref=bk-discover-collections">
          <div id="stats_project_2744" class="flex items-center justify-start stats_project_2744">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $5,976
    </div>
    <span class="font-inter text-xs m-0">of $4,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">133</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="9 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/geeklectic/machi-megumi-plushie-plush-bag-project?ref=bk-discover-collections"><img alt="Machi &amp; Megumi Plushie &amp; Plush Bag Project" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/bjjmaeb5tyb86ytsnfa0i51j0ksm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2126227/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Geeklectic Shop" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/1431f963cd1cf241d8eae4abfb6fc1af?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/1431f963cd1cf241d8eae4abfb6fc1af?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/3zf6g9u6pnqc6i0hgsmxvplsgkf4?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Geeklectic
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728932340">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">8</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/geeklectic/machi-megumi-plushie-plush-bag-project?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Machi &amp; Megumi Plushie &amp; Plush Bag Project</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A campaign with adorable plushies including a Plush doll and plush backpack/crossbody bags of OG characters, Megumi and Machi.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/geeklectic/machi-megumi-plushie-plush-bag-project?ref=bk-discover-collections">
          <div id="stats_project_4679" class="flex items-center justify-start stats_project_4679">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $3,637
    </div>
    <span class="font-inter text-xs m-0">of $1,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">40</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="10 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/hannah-larson-chaotic-creations/bunny-butterfly-buddies-and-blankets?ref=bk-discover-collections"><img alt="bunny butterfly buddies and blankets" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j3etjekht7mxgyo1vhuxaiphvgfn?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2126683/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for mychaoticcreations" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/dce32536a6faaf095ae9af45b13cf968?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/dce32536a6faaf095ae9af45b13cf968?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/36mu634aeoswi6wir98zfmfjnxs9?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              mychaoticcreations
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730829600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">30</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/hannah-larson-chaotic-creations/bunny-butterfly-buddies-and-blankets?ref=bk-discover-collections">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">bunny butterfly buddies and blankets</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">cute and comforting bunny butterfly themed plush keychains and blankets!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/hannah-larson-chaotic-creations/bunny-butterfly-buddies-and-blankets?ref=bk-discover-collections">
          <div id="stats_project_4725" class="flex items-center justify-start stats_project_4725">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,494
    </div>
    <span class="font-inter text-xs m-0">of $3,600
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">32</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="11 / 11">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a href="/c/collections/planet-plushie-2024">See the full list</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a href="/c/collections/planet-plushie-2024">See the full list</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

        <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
<div id="hot_poll">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🗳️</div>
        <div class="text-2xl">Cast Your Vote</div>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Have your say and influence this poll</div>
    </div>
  </div>
  <div class="mx-0 sm:mx-8 lg:mx-0 lg:mr-8 xl:mr-0">
    <div class="bg-primaryGray sm:rounded-xl border border-secondaryGray">
  <div class="px-6 pt-5 pb-1">
    
<a class="block w-full" data-turbo-frame="_top" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-hot-poll">
<div class="flex items-center gap-4 items-center bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden hover:drop-shadow">
  <div class="w-full self-stretch max-w-[100px]">
    
      <img alt="" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/xcjxmwqcbehty17pfom06icuutyy?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700">

  </div>
  <div class="w-full">
      <div class="font-inter line-clamp-1 text-xs text-primaryTextGray mt-1">Role-Playing Games</div>
      <div class="font-walsheim line-clamp-1 text-sm pr-4">Welcome to Night Vale Roleplaying Game</div>
  </div>
</div>
</a>
  </div>
  
<turbo-frame id="object_poll_question_2319">
  <div class="p-4 sm:p-6 relative">

    <div class="mb-4">
      
<div class="relative flex-auto flex items-center gap-2">
  <div class="flex-none w-[40px] h-[40px]">
    <a data-controller="hovercard" data-hovercard-url-value="/c/users/2765066/hovercard" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide" data-turbo-frame="_top" href="/c/users/2765066/profile">
      
<div class="w-[40px] h-[40px]">
  <div class="rounded-full ">
    <img alt="user avatar image for Rina Amaranthine" class="border border-gray-300 rounded-full inline-block" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/2c77a45236aa66ff8a3704bd0b218067?default=mp&amp;size=40'; this.src='https://www.gravatar.com/avatar/2c77a45236aa66ff8a3704bd0b218067?default=mp&amp;size=40';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z3k9991e8dkrkopzbc5886dessuu?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
  </div>
</div>

</a>  </div>
  <div class="flex flex-col flex-grow">
    <div class="flex items-center space-x-2 flex-grow">
      <div class="inline-block font-walsheim line-clamp-1">
          <span>Rina Amaranthine</span>      </div>
          <div class="badges flex justify-start items-center space-x-1">
      <div class="flex items-center">
          <span class="badge p-0.5 px-2 leading-3 text-[9px] font-medium rounded-full creator">
  CREATOR
</span>


      </div>
  </div>

    </div>

    <div class="text-primaryTextGray text-xs">
        4 days ago
    </div>
  </div>
</div>

    </div>

    <div data-turbo-poller-poll-interval-value="60000" data-turbo-poller-src-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/refresh">
      
<turbo-frame id="poll_question_2319">
  <div class="flex-auto break-words flex items-center justify-between pb-4">
    <a data-turbo-frame="_top" class="community-object-title" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319?ref=bk_poll_show#top">For our second Story Hook stretch goal the top 3 Night Vale locations (as voted on by this poll!) will be a part of the inspiration. 
Which Night Vale locations would you want to see incorporated?</a>
  </div>

  <div class="w-full options">
    <div class="mt-6 space-y-3">
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9379" data-modal-option-body-param="haunted baseball diamond" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9379" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Haunted Baseball Diamond</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="qG_KFkmR-UzHF_WbYL3FqP7P7P_9G7dMX0zRxHHJBF5VT9qzKv8jzdGihf6GVotdvE5XUrz2aiZMrY_4nuyRCw" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9379" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9380" data-modal-option-body-param="invisible clock tower" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9380" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Invisible Clock Tower</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="z8r9QZQfdqposEJ2O6VOTRor0j48X6kf80PnnloGag8y6u3k93GsK34FMhPdTgC4WKppk32ydHXgormitSP_Wg" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9380" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9381" data-modal-option-body-param="the brown stone spire" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9381" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          THE BROWN STONE SPIRE</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="aACyCEQJisTXdUDJpNOURE5VtT4DIDLAJx1TlyMIo0CVIKKtJ2dQRcHAMKxCONqxDNQOk0LN76o0_A2rzC02FQ" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9381" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9382" data-modal-option-body-param="the university of what it is" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9382" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          The University of What It Is</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="5yN7uQRI1w2TfdvZgchC5LWp73V7UI-Mn9fFn6zkLJsaA2scZyYNjIXIq7xnIwwR9yhU2Dq9UuaMNpujQ8G5zg" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9382" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9383" data-modal-option-body-param="museum of forbidden technologies" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9383" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Museum of Forbidden Technologies</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="n0ZRW_M4Jflj9-tA9WUlN3fvW8gDaq4JwgGvbPdvPApiZkH-kFb_eHVCmyUTjmvCNW7gZUKHc2PR4PFQGEqpXw" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9383" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9384" data-modal-option-body-param="the underground city" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9384" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          The Underground City</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="8MltVpplCZ8huj8L4SD6R7WVMR9INXJOqnSKKmBi0UUN6X3z-QvTHjcPT24Hy7Sy9xSKsgnYryS5ldQWj0dEEA" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9384" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9385" data-modal-option-body-param="radon canyon" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9385" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Radon Canyon</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="LCWFHBgZzFfVbq6TbeBIEPCu_ao-gdF2lgPT-QeOHFfRBZW5e3cW1sPb3vaLCwblsi9GB39sDByF4o3F6KuJAg" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9385" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9386" data-modal-option-body-param="scrublands" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9386" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Scrublands</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="RtIehfbXU-UFRtLzy7Rk68F1uhvLFaKpIH9Kxx1ln1G78g4glbmJZBPzopYtXyoeg_QBtor4f8MznhT78kAKBA" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9386" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9387" data-modal-option-body-param="desert flower bowling alley and arcade f" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9387" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Desert Flower Bowling Alley and Arcade F</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="UsZ8cbI6sZ7yPcXP15aFEQQRiNhobMmUZFqEgmg2tXqv5mzU0VRrH-SItaoxfcvkRpAzdSmBFP53u9q-hxMgLw" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9387" autocomplete="off"></form>
        
<form data-controller="poll-vote" data-poll-vote-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes" data-poll-vote-method-value="post" data-poll-vote-poll-option-id-value="9388" data-modal-option-body-param="randy newman memorial night vale airport" data-action="" data-turbo-frame="show_poll_question_2319" class="button_to" method="post" action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319/poll_votes"><button class="w-full" id="poll_option_9388" type="submit">
  <div class="flex items-stretch justify-items-stretch border-[1px] w-full h-full overflow-hidden rounded-xl
      border-[#454545]
        hover:bg-gray-100 dark:hover:bg-black
        hover:border-black
    ">
    
    <div class="w-full relative overflow-hidden">
      <div class="flex relative p-3 justify-between ">
        <div class="font-walsheim text-secondaryTextGray">
          <span class="inline-block text-left">
          Randy Newman Memorial Night Vale Airport</span>
        </div>
      </div>
    </div>
  </div>
</button><input type="hidden" name="authenticity_token" value="tzniWOhmHami_NSR0OVpUEjhDbzPV3iq-XGBB--4I15KGfL9iwjHKLRJpPQ2DielCmC2EY66pcDqkN87AJ22Cw" autocomplete="off"><input type="hidden" name="poll_vote[poll_option_id]" value="9388" autocomplete="off"></form>
    </div>
  </div>
  <div class="text-sm pt-4 flex justify-start items-center">
    <div class="text-gray-700 font-normal">
      1,088 votes
          • 26 days left
    </div>
  </div>
</turbo-frame>
</div>
    <div class="flex justify-between mt-4 sm:mt-6">
      <div class="flex items-center justify-start gap-6">
  <turbo-frame id="reactions_discussion_29414">
  <div class="flex items-center gap-6">
      <div class="text-sm text-primaryTextGray">
        <div data-controller="hovercard" data-hovercard-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/reactions?kind=like&amp;reactable_id=29414&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t6PewmvbUfyt2oVXFT0nRxXWpOfmOgGng_8v4HHguGTijbgzwgiFbrvQ00V6oUDjp-COVpNlspx0tCfy_Jbw4w" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_like_discussion_29414" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29414" id="id_like_discussion_29414" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="like" id="kind_like_discussion_29414" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_like_discussion_29414" class="flex items-center gap-1" data-reaction-type="like">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px] relative -top-[1px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"></path></svg> <span class="font-mono counter">43</span>
</button></form></div>

      </div>
      <div class="text-sm text-primaryTextGray">
        <div data-hovercard-url-value="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/reactions?kind=dislike&amp;reactable_id=29414&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SHZ6NrmWVMrcdRQGnYiWkUWpCKHTt2vauAOXbN0yb_0dWBzHEEWAWMp_QhTyFPE1958iEKbo2OFPSJ9-UEQneg" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_dislike_discussion_29414" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29414" id="id_dislike_discussion_29414" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="dislike" id="kind_dislike_discussion_29414" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_dislike_discussion_29414" class="flex items-center gap-1" data-reaction-type="dislike">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 477.2c-38.2 10.9-78.1-11.2-89-49.4l-5.7-20c-3.7-13-10.4-25-19.5-35l-51.3-56.4c-8.9-9.8-8.2-25 1.6-33.9s25-8.2 33.9 1.6l51.3 56.4c14.1 15.5 24.4 34 30.1 54.1l5.7 20c3.6 12.7 16.9 20.1 29.7 16.5s20.1-16.9 16.5-29.7l-5.7-20c-5.7-19.9-14.7-38.7-26.6-55.5c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13L448 288c8.8 0 16-7.2 16-16c0-6.8-4.3-12.7-10.4-15c-7.4-2.8-13-9-14.9-16.7s.1-15.8 5.3-21.7c2.5-2.8 4-6.5 4-10.6c0-7.8-5.6-14.3-13-15.7c-8.2-1.6-15.1-7.3-18-15.2s-1.6-16.7 3.6-23.3c2.1-2.7 3.4-6.1 3.4-9.9c0-6.7-4.2-12.6-10.2-14.9c-11.5-4.5-17.7-16.9-14.4-28.8c.4-1.3 .6-2.8 .6-4.3c0-8.8-7.2-16-16-16H286.5c-12.6 0-25 3.7-35.5 10.7l-61.7 41.1c-11 7.4-25.9 4.4-33.3-6.7s-4.4-25.9 6.7-33.3l61.7-41.1c18.4-12.3 40-18.8 62.1-18.8H384c34.7 0 62.9 27.6 64 62c14.6 11.7 24 29.7 24 50c0 4.5-.5 8.8-1.3 13c15.4 11.7 25.3 30.2 25.3 51c0 6.5-1 12.8-2.8 18.7C504.8 238.3 512 254.3 512 272c0 35.3-28.6 64-64 64l-92.3 0c4.7 10.4 8.7 21.2 11.8 32.2l5.7 20c10.9 38.2-11.2 78.1-49.4 89zM32 384c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H32z"></path></svg> <span class="font-mono counter">0</span>
</button></form></div>

      </div>
  </div>
</turbo-frame>
  <a class="flex items-center h-full" data-turbo-frame="_top" data-testid="comment-link" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319">
    <div class="flex items-center gap-1 text-sm text-primaryTextGray">
      
<svg class="h-4 w-4 inline-block" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M9 0C4.5625 0 1 2.9375 1 6.5C1 8 1.59375 9.375 2.625 10.4688C2.1875 11.6875 1.21875 12.75 1.1875 12.75C0.96875 12.9688 0.9375 13.2812 1.03125 13.5625C1.15625 13.8438 1.4375 14 1.75 14C3.65625 14 5.1875 13.2188 6.09375 12.5625C7 12.8438 7.96875 13 9 13C13.4062 13 17 10.0938 17 6.5C17 2.9375 13.4062 0 9 0ZM9 11.5C8.15625 11.5 7.3125 11.375 6.53125 11.125L5.8125 10.9062L5.21875 11.3438C4.78125 11.6562 4.15625 12 3.40625 12.25C3.65625 11.875 3.875 11.4375 4.03125 11L4.375 10.125L3.71875 9.4375C3.15625 8.84375 2.5 7.84375 2.5 6.5C2.5 3.75 5.40625 1.5 9 1.5C12.5625 1.5 15.5 3.75 15.5 6.5C15.5 9.28125 12.5625 11.5 9 11.5Z" fill="currentColor"></path>
</svg>

      <div>12</div>
    </div>
</a>
  <div class="flex h-full items-center justify-start text-xs text-primaryTextGray" data-controller="modal">
    <a data-action="click->modal#open" class="flex items-center justify-start" href="#">
      <div class="flex items-center gap-1">
        
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M20.5312 9.96875L15.0312 4.46875C14.0938 3.5 12.5 4.1875 12.5 5.53125V8.03125C8.1875 8.15625 3 9 3 14.3438C3 16.625 4.1875 18.5312 6.03125 19.75C7.1875 20.5312 8.71875 19.4375 8.28125 18.0625C7.53125 15.625 7.90625 14.3438 12.5 14.0625V16.5C12.5 17.8438 14.0938 18.5312 15.0312 17.5625L20.5312 12.0625C21.125 11.5 21.125 10.5312 20.5312 9.96875ZM14 16.5V12.5312C8.84375 12.5625 5.3125 13.5625 6.875 18.5C5.75 17.75 4.5 16.4375 4.5 14.3438C4.5 9.875 9.5 9.53125 14 9.53125V5.5L19.5 11L14 16.5Z" fill="#6A6A6A"></path>
</svg>

        <div>Share</div>
      </div>
</a>
    
<dialog data-modal-target="modal" class="min-w-full sm:min-w-0 md:max-w-[600px] rounded-xl p-6 mb-0 sm:my-auto backdrop:bg-gray-400 backdrop:bg-opacity-50 open:animate-fade-in open:backdrop:animate-fade-in">
  <button type="button" data-action="modal#close" class="absolute top-4 right-4">
    <svg class="absolute top-4 right-4 h-5 w-5 modal-close" xmlns="http://www.w3.org/2000/svg" fill="#454545" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
    </svg>
  </button>
  <div>
    <h3 class="font-walsheim text-2xl font-medium text-primaryBlack">Share</h3>
   
    <div class="flex gap-3 items-center justify-start mt-8">
      <div data-controller="social-shares" data-event-share-target="twitterContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319" data-social-shares-text-value="Vote now on: For our second Story Hook stretch goal the top 3 Night Vale locations (as voted on by this poll!) will be a part of the inspiration. 
Which Night Vale locations would you want to see incorporated? for Welcome to Night Vale Roleplaying Game on BackerKit!" data-social-shares-ref-value="bk-social-poll-button" class="flex flex-col items-center event-share-twitter">
        <a data-action="click->social-shares#tweet" class="flex flex-initial items-center p-4 share-on-twitter text-white rounded-full !bg-[#1DA1F2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" viewBox="0 0 512 512" fill="#FFFFFF"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Twitter</p>
</div>      <div data-controller="social-shares" data-event-share-target="facebookContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319" data-social-shares-text-value="Vote now on: For our second Story Hook stretch goal the top 3 Night Vale locations (as voted on by this poll!) will be a part of the inspiration. 
Which Night Vale locations would you want to see incorporated? for Welcome to Night Vale Roleplaying Game on BackerKit!" data-social-shares-ref-value="bk-social-poll-button" class="flex flex-col items-center event-share-facebook">
        <a data-action="click->social-shares#postToFacebook" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full !bg-[#4267B2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" fill="#FFFFFF" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Facebook</p>
</div>
      <div data-controller="social-shares" data-social-shares-url-value="https://www.backerkit.com/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/2319" data-social-shares-ref-value="bk-social-poll-button" data-social-shares-text-value="Share Link Copied to Clipboard" class="flex flex-col items-center">
        <a data-action="click->social-shares#copyUrl" target="_blank" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full ring-1 ring-inset ring-secondaryGray !bg-primaryGray mx-2" title="Share Link Copied to Clipboard" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#6A6A6A" class="h-8 w-8 align-text-bottom">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Copy Link</p>
</div>    </div>
  </div>
</dialog>

  </div>
</div>

      <a class="creator-only rounded-lg border border-secondaryGray px-2 py-1 text-xs text-secondaryTextGray" data-turbo-frame="_top" href="/c/admin/projects/welcome-night-vale-roleplaying-game/poll_questions/2319/edit?redirect_path=%2Fc%2Fprojects%2Frenegade-game-studios%2Fwelcome-night-vale-roleplaying-game%2Fpolls%2F2319">
        <div class="flex items-center gap-1">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"></path>
</svg>

          <span>Edit</span>
        </div>
</a>    </div>
  </div>
</turbo-frame>
</div>

  </div>

  <div class="mx-8 lg:mx-0 flex items-center lg:justify-end py-4 pl-0.5">
    <a class="group" href="/c/collections/live?filter=Crowdfunding%3A%3APollQuestion#highlights_feed">
      <span class="font-medium text-sm group-hover:underline">See more polls</span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

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


      

        <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
<div id="hot_discussion">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>💬</div>
        <div class="text-2xl">Share Your Thoughts</div>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Join the most popular discussion right now</div>
    </div>
  </div>
  <div class="mx-0 sm:mx-8 lg:mx-0 lg:mr-8 xl:mr-0">
    <div class="bg-primaryGray sm:rounded-xl border border-secondaryGray">
  <div class="px-6 pt-5 pb-1">
    
<a class="block w-full" data-turbo-frame="_top" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-hot-discussion">
<div class="flex items-center gap-4 items-center bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden hover:drop-shadow">
  <div class="w-full self-stretch max-w-[100px]">
    
      <img alt="" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/l4qla8mfeek6bkyl7wae3pmg8lrl?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700">

  </div>
  <div class="w-full">
      <div class="font-inter line-clamp-1 text-xs text-primaryTextGray mt-1">Role-Playing Games</div>
      <div class="font-walsheim line-clamp-1 text-sm pr-4">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</div>
  </div>
</div>
</a>
  </div>
  <turbo-frame id="object_discussion_29562">


  <div class="p-4 sm:p-6 discussion">
    <div class="flex flex-row justify-between">
      
<div class="relative flex-auto flex items-center gap-2">
  <div class="flex-none w-[40px] h-[40px]">
    <a data-controller="hovercard" data-hovercard-url-value="/c/users/2576638/hovercard" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide" data-turbo-frame="_top" href="/c/users/2576638/profile">
      
<div class="w-[40px] h-[40px]">
  <div class="rounded-full ">
    <img alt="user avatar image for Rev Joey Royale" class="border border-gray-300 rounded-full inline-block" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=40'; this.src='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=40';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
  </div>
</div>

</a>  </div>
  <div class="flex flex-col flex-grow">
    <div class="flex items-center space-x-2 flex-grow">
      <div class="inline-block font-walsheim line-clamp-1">
          <a data-turbo-frame="_top" href="/c/users/2576638/profile">Rev Joey Royale</a>
      </div>
          <div class="badges flex justify-start items-center space-x-1">
      <div class="flex items-center">
          <span class="badge p-0.5 px-2 leading-3 text-[9px] font-medium rounded-full creator">
  CREATOR
</span>


      </div>
  </div>

    </div>

    <div class="text-primaryTextGray text-xs">
        <a data-turbo-frame="_top" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top">2 days ago</a>
    </div>
  </div>
</div>

      <div class="items-center flex gap-2">
  <nav id="options" data-controller="dropdown" data-toggle-class="discussion_options" data-action="click->dropdown#toggle click@window->dropdown#hide" class="relative rounded-full cursor-pointer w-5 h-5 text-center flex items-center justify-center" aria-haspopup="true" aria-expanded="false">
    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-gray-400 hover:text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
      <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
    </svg>
    <div data-dropdown-target="menu" class="z-10 hidden absolute w-[150px] top-5 right-0 whitespace-nowrap rounded-lg border border-gray-100 dark:border-black drop-shadow-xl bg-white dark:bg-[#333333] text-sm comment_options text-primaryTextGray font-inter overflow-hidden">

        <form data-turbo-frame="_top" class="button_to" method="post" action="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562/subscribe"><button class="w-full" type="submit">
    <div class="p-3 w-full text-left hover:bg-secondaryGray hover:text-primaryBlack">
      Subscribe
    </div>
</button><input type="hidden" name="authenticity_token" value="BA7zRBmALCC8G8UidHRig1qlWBbfzMkYV0A8_IqvSaASwwBWs6KuPcpo4NYarntZQD5rImhLmqzLeHM3IMTJ8Q" autocomplete="off"></form>

      


      <form data-turbo="false" class="button_to" method="post" action="/c/projects/get-haunted-industries/weird-heroes-of-public-access/moderation_requests"><button class="p-3 w-full text-left hover:bg-secondaryGray hover:text-primaryBlack" type="submit">
        Report
</button><input type="hidden" name="authenticity_token" value="rZRsknk0Vp3F4PAlY2jKrhIt-bcecAawnVSSF5iHjNbQ40KZMrPylfsI8omTaxgKnHfJzFYGbotZ_TYi9iJ_6A" autocomplete="off"><input type="hidden" name="moderation_request[moderatable_id]" value="29562" autocomplete="off"><input type="hidden" name="moderation_request[moderatable_type]" value="Crowdfunding::Discussion" autocomplete="off"></form>    </div>
  </nav>
</div>

    </div>
    <div id="body" class="flex items-start justify-start mt-4">
      <div class="w-full">
        <div class="mb-2">
          <a data-turbo-frame="_top" class="community-object-title" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562?ref=bk-discover-hot-discussion#top">
            Stretch Goal Suggestions
</a>        </div>

        <div data-controller="clamper" class="relative text-secondaryTextGray">
          <div class="max-h-64 line-clamp-[10] overflow-hidden relative" data-clamper-target="content">
              <div data-controller="reveal">

  <div data-reveal-target="reveal" class="">
      <div class="text-base break-words">
        <div class="trix-content">
  <div>Let's use this thread to propose stretch goals. I'm all ears, but realize I won't be able to say "yes" to everything. I'm a one-person operation, but I want to show all of you my gratitude.&nbsp; Fire away!</div>
</div>

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

</div>
          <div class="hidden absolute bottom-0 w-full flex items-end justify-center align-bottom h-16 bg-gradient-to-b from-transparent from-30% via-primaryGray to-primaryGray" data-clamper-target="readMore"><a class="underline block relative text-center" data-turbo-frame="_top" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top">read more</a></div>
        </div>
      </div>
    </div>

    <div class="flex justify-between mt-4 sm:mt-6">
      <div class="flex items-center justify-start gap-6">
  <turbo-frame id="reactions_discussion_29562">
  <div class="flex items-center gap-6">
      <div class="text-sm text-primaryTextGray">
        <div data-controller="hovercard" data-hovercard-url-value="/c/projects/get-haunted-industries/weird-heroes-of-public-access/reactions?kind=like&amp;reactable_id=29562&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/get-haunted-industries/weird-heroes-of-public-access/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ScDNPxzLkDA3irrRPu9hzdQKOIbWF5aVwAgh2Hs3QAv6zlvFKxmAJ6xauCOSnsCgw6qS_RoASlk2vJzHmd28Lg" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_like_discussion_29562" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29562" id="id_like_discussion_29562" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="like" id="kind_like_discussion_29562" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_like_discussion_29562" class="flex items-center gap-1" data-reaction-type="like">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px] relative -top-[1px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"></path></svg> <span class="font-mono counter">9</span>
</button></form></div>

      </div>
      <div class="text-sm text-primaryTextGray">
        <div data-hovercard-url-value="/c/projects/get-haunted-industries/weird-heroes-of-public-access/reactions?kind=dislike&amp;reactable_id=29562&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/get-haunted-industries/weird-heroes-of-public-access/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZxXEv5u7_glAKvEGRwA1HDAbPdxtp6cpkBiBGOLL4vHUG1JFrGnuHtv68_TrcZRxJ7uXp6Gwe-VmrDwHACEe1A" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_dislike_discussion_29562" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29562" id="id_dislike_discussion_29562" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="dislike" id="kind_dislike_discussion_29562" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_dislike_discussion_29562" class="flex items-center gap-1" data-reaction-type="dislike">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 477.2c-38.2 10.9-78.1-11.2-89-49.4l-5.7-20c-3.7-13-10.4-25-19.5-35l-51.3-56.4c-8.9-9.8-8.2-25 1.6-33.9s25-8.2 33.9 1.6l51.3 56.4c14.1 15.5 24.4 34 30.1 54.1l5.7 20c3.6 12.7 16.9 20.1 29.7 16.5s20.1-16.9 16.5-29.7l-5.7-20c-5.7-19.9-14.7-38.7-26.6-55.5c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13L448 288c8.8 0 16-7.2 16-16c0-6.8-4.3-12.7-10.4-15c-7.4-2.8-13-9-14.9-16.7s.1-15.8 5.3-21.7c2.5-2.8 4-6.5 4-10.6c0-7.8-5.6-14.3-13-15.7c-8.2-1.6-15.1-7.3-18-15.2s-1.6-16.7 3.6-23.3c2.1-2.7 3.4-6.1 3.4-9.9c0-6.7-4.2-12.6-10.2-14.9c-11.5-4.5-17.7-16.9-14.4-28.8c.4-1.3 .6-2.8 .6-4.3c0-8.8-7.2-16-16-16H286.5c-12.6 0-25 3.7-35.5 10.7l-61.7 41.1c-11 7.4-25.9 4.4-33.3-6.7s-4.4-25.9 6.7-33.3l61.7-41.1c18.4-12.3 40-18.8 62.1-18.8H384c34.7 0 62.9 27.6 64 62c14.6 11.7 24 29.7 24 50c0 4.5-.5 8.8-1.3 13c15.4 11.7 25.3 30.2 25.3 51c0 6.5-1 12.8-2.8 18.7C504.8 238.3 512 254.3 512 272c0 35.3-28.6 64-64 64l-92.3 0c4.7 10.4 8.7 21.2 11.8 32.2l5.7 20c10.9 38.2-11.2 78.1-49.4 89zM32 384c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H32z"></path></svg> <span class="font-mono counter">0</span>
</button></form></div>

      </div>
  </div>
</turbo-frame>
  <a class="flex items-center h-full" data-turbo-frame="_top" data-testid="comment-link" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top">
    <div class="flex items-center gap-1 text-sm text-primaryTextGray">
      
<svg class="h-4 w-4 inline-block" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M9 0C4.5625 0 1 2.9375 1 6.5C1 8 1.59375 9.375 2.625 10.4688C2.1875 11.6875 1.21875 12.75 1.1875 12.75C0.96875 12.9688 0.9375 13.2812 1.03125 13.5625C1.15625 13.8438 1.4375 14 1.75 14C3.65625 14 5.1875 13.2188 6.09375 12.5625C7 12.8438 7.96875 13 9 13C13.4062 13 17 10.0938 17 6.5C17 2.9375 13.4062 0 9 0ZM9 11.5C8.15625 11.5 7.3125 11.375 6.53125 11.125L5.8125 10.9062L5.21875 11.3438C4.78125 11.6562 4.15625 12 3.40625 12.25C3.65625 11.875 3.875 11.4375 4.03125 11L4.375 10.125L3.71875 9.4375C3.15625 8.84375 2.5 7.84375 2.5 6.5C2.5 3.75 5.40625 1.5 9 1.5C12.5625 1.5 15.5 3.75 15.5 6.5C15.5 9.28125 12.5625 11.5 9 11.5Z" fill="currentColor"></path>
</svg>

        <img alt="user avatar image for Rev Joey Royale" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=16'; this.src='https://www.gravatar.com/avatar/4b899af7ccc84777811283ef954dfc5c?default=mp&amp;size=16';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/mxnqt7jibsurjhqb39yu0baq613d?ixlib=rails-4.3.1&amp;w=16&amp;h=16&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
      <div>17</div>
    </div>
</a>
  <div class="flex h-full items-center justify-start text-xs text-primaryTextGray" data-controller="modal">
    <a data-action="click->modal#open" class="flex items-center justify-start" href="#">
      <div class="flex items-center gap-1">
        
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M20.5312 9.96875L15.0312 4.46875C14.0938 3.5 12.5 4.1875 12.5 5.53125V8.03125C8.1875 8.15625 3 9 3 14.3438C3 16.625 4.1875 18.5312 6.03125 19.75C7.1875 20.5312 8.71875 19.4375 8.28125 18.0625C7.53125 15.625 7.90625 14.3438 12.5 14.0625V16.5C12.5 17.8438 14.0938 18.5312 15.0312 17.5625L20.5312 12.0625C21.125 11.5 21.125 10.5312 20.5312 9.96875ZM14 16.5V12.5312C8.84375 12.5625 5.3125 13.5625 6.875 18.5C5.75 17.75 4.5 16.4375 4.5 14.3438C4.5 9.875 9.5 9.53125 14 9.53125V5.5L19.5 11L14 16.5Z" fill="#6A6A6A"></path>
</svg>

        <div>Share</div>
      </div>
</a>
    
<dialog data-modal-target="modal" class="min-w-full sm:min-w-0 md:max-w-[600px] rounded-xl p-6 mb-0 sm:my-auto backdrop:bg-gray-400 backdrop:bg-opacity-50 open:animate-fade-in open:backdrop:animate-fade-in">
  <button type="button" data-action="modal#close" class="absolute top-4 right-4">
    <svg class="absolute top-4 right-4 h-5 w-5 modal-close" xmlns="http://www.w3.org/2000/svg" fill="#454545" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
    </svg>
  </button>
  <div>
    <h3 class="font-walsheim text-2xl font-medium text-primaryBlack">Share</h3>
   
    <div class="flex gap-3 items-center justify-start mt-8">
      <div data-controller="social-shares" data-event-share-target="twitterContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top" data-social-shares-text-value="Check out this discussion on Weird Heroes of Public Access- WHPA-TV13 Role Playing Game!" data-social-shares-ref-value="discussion-social-button" class="flex flex-col items-center event-share-twitter">
        <a data-action="click->social-shares#tweet" class="flex flex-initial items-center p-4 share-on-twitter text-white rounded-full !bg-[#1DA1F2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" viewBox="0 0 512 512" fill="#FFFFFF"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Twitter</p>
</div>      <div data-controller="social-shares" data-event-share-target="facebookContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top" data-social-shares-text-value="Check out this discussion on Weird Heroes of Public Access- WHPA-TV13 Role Playing Game!" data-social-shares-ref-value="discussion-social-button" class="flex flex-col items-center event-share-facebook">
        <a data-action="click->social-shares#postToFacebook" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full !bg-[#4267B2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" fill="#FFFFFF" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Facebook</p>
</div>
      <div data-controller="social-shares" data-social-shares-url-value="https://www.backerkit.com/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29562#top" data-social-shares-ref-value="discussion-social-button" data-social-shares-text-value="Share Link Copied to Clipboard" class="flex flex-col items-center">
        <a data-action="click->social-shares#copyUrl" target="_blank" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full ring-1 ring-inset ring-secondaryGray !bg-primaryGray mx-2" title="Share Link Copied to Clipboard" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#6A6A6A" class="h-8 w-8 align-text-bottom">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Copy Link</p>
</div>    </div>
  </div>
</dialog>

  </div>
</div>

    </div>
  </div>
</turbo-frame>
</div>

  </div>

  <div class="mx-8 lg:mx-0 flex items-center lg:justify-end py-4 pl-0.5">
    <a class="group" href="/c/collections/live?filter=Crowdfunding%3A%3ADiscussion#highlights_feed">
      <span class="font-medium text-sm group-hover:underline">See more discussions</span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

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

          <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="projects_in_launch_party" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🎉</div>
        <h1 class="text-2xl">Participate Before Launch</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Join the party and get ready to pledge</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-113f8af615762a98" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-113f8af615762a98" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-113f8af615762a98" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/fantasy-fox-creations/spooky-space-a-space-horror-themed-gacha-enamel-pin-collection?ref=bk-discover-launch-party">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Spooky Space" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/40665/optimized_IMG_20241004_013133_354.jpg">
</a>
      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div>
<div class="text-center h-[75px] ">
  <div class="inline-block justify-center bg-white relative -top-6 rounded-t">
    <div class="px-4 pt-4" aria-hidden="true">
      <p class="text-xs uppercase tracking-wider text-gray-500 mb-2 font-inter text-center">Launching In</p>
      <div class="inline" data-controller="countdown-timer" data-countdown-timer-time-value="1728396000">
        <div class="flex space-x-6 justify-center">
          <div class="flex flex-col items-center w-6" data-countdown-timer-target="daysContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="days">01</span>
            <span class="font-inter text-gray-500 text-xs">days</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="hours">20</span>
            <span class="font-inter text-gray-500 text-xs">hours</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="minutes">41</span>
            <span class="font-inter text-gray-500 text-xs">min</span>
          </div>

          <div class="flex flex-col items-center w-6" data-countdown-timer-target="secondsContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="seconds">02</span>
            <span class="font-inter text-gray-500 text-xs">sec</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2477121/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Holly" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/ac9f2d04a2dbb0c3119c0a775289e113?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/ac9f2d04a2dbb0c3119c0a775289e113?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/f2ei8qi4yszgemabys3qt445bcz7?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Fantasy Fox Creations
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/fantasy-fox-creations/spooky-space-a-space-horror-themed-gacha-enamel-pin-collection?ref=bk-discover-launch-party">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Spooky Space</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A spooky take on a space theme - perfect for October! This campaign will be launching along with several other enamel pin themed campaigns - and I will once again be collabbing with Midnight Springs to provide a freebie for all dual backers of 1+ pins!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/fantasy-fox-creations/spooky-space-a-space-horror-themed-gacha-enamel-pin-collection?ref=bk-discover-launch-party">
          <div class="w-full text-center">🎉 JOIN THE PARTY! 🎉</div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/titmouse/drunkards-druggies-degenerates-a-intoxicating-ttrpg-guaranteed-to-test-your-limits?ref=bk-discover-launch-party">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Drunkards, Druggies, &amp; Delinquents - Survive and imbibe in this intoxicating new party game!" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/38436/optimized_DDD_Box_Mockup_Backerkit_copy.png">
</a>
      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div>
<div class="text-center h-[75px] ">
  <div class="inline-block justify-center bg-white relative -top-6 rounded-t">
    <div class="px-4 pt-4" aria-hidden="true">
      <p class="text-xs uppercase tracking-wider text-gray-500 mb-2 font-inter text-center">Launching In</p>
      <div class="inline" data-controller="countdown-timer" data-countdown-timer-time-value="1728403200">
        <div class="flex space-x-6 justify-center">
          <div class="flex flex-col items-center w-6" data-countdown-timer-target="daysContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="days">01</span>
            <span class="font-inter text-gray-500 text-xs">days</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="hours">22</span>
            <span class="font-inter text-gray-500 text-xs">hours</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="minutes">41</span>
            <span class="font-inter text-gray-500 text-xs">min</span>
          </div>

          <div class="flex flex-col items-center w-6" data-countdown-timer-target="secondsContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="seconds">02</span>
            <span class="font-inter text-gray-500 text-xs">sec</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2760528/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Titmouse" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/2a595a85aaca1fd6ff5a8d568ccb5afe?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/2a595a85aaca1fd6ff5a8d568ccb5afe?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rm2b4tx3zpvmoacf6a0cx2hka147?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Titmouse
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/titmouse/drunkards-druggies-degenerates-a-intoxicating-ttrpg-guaranteed-to-test-your-limits?ref=bk-discover-launch-party">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Drunkards, Druggies, &amp; Delinquents - Survive and imbibe in this intoxicating new party game!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Test your brains and bladder in this fun, mind-altering fantasy role-drinking game! This unique game offers immersive yet easy-to-understand gameplay for players of all skill, experience, and sobriety levels, letting you live out your wildest fantasies.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/titmouse/drunkards-druggies-degenerates-a-intoxicating-ttrpg-guaranteed-to-test-your-limits?ref=bk-discover-launch-party">
          <div class="w-full text-center">🎉 JOIN THE PARTY! 🎉</div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 17 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/coffee-beans-dev/tailside-cozy-fox-cafe-indie-game?ref=bk-discover-launch-party">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Tailside: Cozy Fox Cafe (Indie game)" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/36373/optimized_BannerFundraiser.png">
</a>
      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div>
<div class="text-center h-[75px] ">
  <div class="inline-block justify-center bg-white relative -top-6 rounded-t">
    <div class="px-4 pt-4" aria-hidden="true">
      <p class="text-xs uppercase tracking-wider text-gray-500 mb-2 font-inter text-center">Launching In</p>
      <div class="inline" data-controller="countdown-timer" data-countdown-timer-time-value="1729710000">
        <div class="flex space-x-6 justify-center">
          <div class="flex flex-col items-center w-6" data-countdown-timer-target="daysContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="days">17</span>
            <span class="font-inter text-gray-500 text-xs">days</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="hours">01</span>
            <span class="font-inter text-gray-500 text-xs">hours</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="minutes">41</span>
            <span class="font-inter text-gray-500 text-xs">min</span>
          </div>

          <div class="flex flex-col items-center w-6" data-countdown-timer-target="secondsContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="seconds">02</span>
            <span class="font-inter text-gray-500 text-xs">sec</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #92CAFF" href="/c/collections/video-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Video Games
    </span>
</a>
        </div>
        <a href="/c/users/2776562/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Coffee Beans Dev" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/ecfc57ebd96728ce5f98f8d173cbf066?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/ecfc57ebd96728ce5f98f8d173cbf066?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ome9lq4eg7rq980asxglirneyd3z?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Coffee Beans Dev
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/23/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/coffee-beans-dev/tailside-cozy-fox-cafe-indie-game?ref=bk-discover-launch-party">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Tailside: Cozy Fox Cafe (Indie game)</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A charming RPG where you'll discover the joys of running your own cozy cafe. From brewing the perfect cup of coffee to making friends with the locals, experience a blend of relaxation and adventure during your own coffee break.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/coffee-beans-dev/tailside-cozy-fox-cafe-indie-game?ref=bk-discover-launch-party">
          <div class="w-full text-center">🎉 JOIN THE PARTY! 🎉</div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 6 months
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/fleur-sciortino/midnight-armata-enamel-pins-for-knights-in-shining-armour-pintopia?ref=bk-discover-launch-party">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Midnight Armata - Enamel Pins for Knights in Shining Armour" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/31459/optimized_midnight_armata_header_2.jpg">
</a>
      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div>
<div class="text-center h-[75px] ">
  <div class="inline-block justify-center bg-white relative -top-6 rounded-t">
    <div class="px-4 pt-4" aria-hidden="true">
      <p class="text-xs uppercase tracking-wider text-gray-500 mb-2 font-inter text-center">Launching In</p>
      <div class="inline" data-controller="countdown-timer" data-countdown-timer-time-value="1737655200">
        <div class="flex space-x-6 justify-center">
          <div class="flex flex-col items-center w-6" data-countdown-timer-target="daysContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="days">109</span>
            <span class="font-inter text-gray-500 text-xs">days</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="hours">00</span>
            <span class="font-inter text-gray-500 text-xs">hours</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="minutes">41</span>
            <span class="font-inter text-gray-500 text-xs">min</span>
          </div>

          <div class="flex flex-col items-center w-6" data-countdown-timer-target="secondsContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="seconds">02</span>
            <span class="font-inter text-gray-500 text-xs">sec</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2633870/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Fleur Sciortino" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/4fec967f6fec84422dc9247737750ac7?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/4fec967f6fec84422dc9247737750ac7?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a3yit6y1148n37emt3i2sc919pqm?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Fleur Sciortino
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  03/28/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/fleur-sciortino/midnight-armata-enamel-pins-for-knights-in-shining-armour-pintopia?ref=bk-discover-launch-party">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Midnight Armata - Enamel Pins for Knights in Shining Armour</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A collection of enamel pins for Knights in shining armour!

Designed by illustrator and game designer Fleur Sciortino.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/fleur-sciortino/midnight-armata-enamel-pins-for-knights-in-shining-armour-pintopia?ref=bk-discover-launch-party">
          <div class="w-full text-center">🎉 JOIN THE PARTY! 🎉</div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 5">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 6 months
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/the-octopi-cafe/froggy-adventure?ref=bk-discover-launch-party">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Froggy Adventure" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/28916/optimized_Froggy_Adventure_2.jpg">
</a>
      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div>
<div class="text-center h-[75px] ">
  <div class="inline-block justify-center bg-white relative -top-6 rounded-t">
    <div class="px-4 pt-4" aria-hidden="true">
      <p class="text-xs uppercase tracking-wider text-gray-500 mb-2 font-inter text-center">Launching In</p>
      <div class="inline" data-controller="countdown-timer" data-countdown-timer-time-value="1737655200">
        <div class="flex space-x-6 justify-center">
          <div class="flex flex-col items-center w-6" data-countdown-timer-target="daysContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="days">109</span>
            <span class="font-inter text-gray-500 text-xs">days</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="hours">00</span>
            <span class="font-inter text-gray-500 text-xs">hours</span>
          </div>

          <div class="flex flex-col items-center w-6">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="minutes">41</span>
            <span class="font-inter text-gray-500 text-xs">min</span>
          </div>

          <div class="flex flex-col items-center w-6" data-countdown-timer-target="secondsContainer">
            <span class="text-2xl font-walsheim" data-countdown-timer-target="seconds">02</span>
            <span class="font-inter text-gray-500 text-xs">sec</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2385853/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for The Octopi Cafe" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/b62af98dbdb0a56b326511bf7ff1966d?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/b62af98dbdb0a56b326511bf7ff1966d?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ih2ysfldmo6w656djuup5r0u9dqk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              The Octopi Cafe
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  03/28/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/the-octopi-cafe/froggy-adventure?ref=bk-discover-launch-party">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Froggy Adventure</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Little froggy called Kenzo's adventures themed hard enamel pin Kickstarter</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/the-octopi-cafe/froggy-adventure?ref=bk-discover-launch-party">
          <div class="w-full text-center">🎉 JOIN THE PARTY! 🎉</div>
</a>    </div>
  </div>
</div>


      </div>


  </div>

<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

      <turbo-frame id="teaser-pages">
        <div id="teaser-pages">
    <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="email_landing_pages" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🚀</div>
        <h1 class="text-2xl">Project Teasers</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Sneak peeks of upcoming projects.</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-fbe32cbd4e85810ea" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-fbe32cbd4e85810ea" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-fbe32cbd4e85810ea" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 1 day
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/meg-s-mashables/snurtle-snake-turtle-cacthog-cactus-hedgehog-plushies?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Snurtle (snake/turtle) &amp; Cacthog (cactus/hedgehog) Plushies" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/43912/optimized_Snurtle_Cacthog_KS_Thumbnail.png">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2121771/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Meg's Mashables" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/36964a25a2c88aa195bb6863a1e6f1f1?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/36964a25a2c88aa195bb6863a1e6f1f1?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rgus6hyywh5zle6s2wnvi939oku1?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Meg's Mashables
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/07/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/meg-s-mashables/snurtle-snake-turtle-cacthog-cactus-hedgehog-plushies?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Snurtle (snake/turtle) &amp; Cacthog (cactus/hedgehog) Plushies</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">We have two new plushies hoping to join the Mashables' family! 
The Cacthog (cactus + hedgehog) and Snurtle (snake + turtle)</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>665 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/meg-s-mashables/snurtle-snake-turtle-cacthog-cactus-hedgehog-plushies?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 1 day
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/princefizz-art/devilishly-cute-enamel-pin-set?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Devilishly Cute Enamel Pin Set" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/40781/optimized_Product_Photos__2000_x_1125_px___36_.png">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2741299/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Princefizz Art" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/ca8360d9aa50079f5cf8d8240129abb1?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/ca8360d9aa50079f5cf8d8240129abb1?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ahdm350mo3f6c3z0zn510qwnmyty?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Princefizz Art
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/07/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/princefizz-art/devilishly-cute-enamel-pin-set?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Devilishly Cute Enamel Pin Set</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">6 devilishly cute enamel pin designs, in a set!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>42 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/princefizz-art/devilishly-cute-enamel-pin-set?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/bookwyrm-games/pintober-witchworks-enamel-pins?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Pintober - Witch's Kitchen Enamel Pins" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/40091/optimized_Witch_sKitchen_HeroImage3.jpg">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2411179/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Bookwyrm Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/b18fd720edcf8060de8ae6ddc7c07de8?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/b18fd720edcf8060de8ae6ddc7c07de8?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/0d0iqa8cgpna4z9io1o8oswi8giq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Bookwyrm Games and Whimsycraft Works
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/bookwyrm-games/pintober-witchworks-enamel-pins?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Pintober - Witch's Kitchen Enamel Pins</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A whimsical and witchy enamel pin campaign by Bookwyrm Games and Whimsycraft Works! Come join in the joy of spoopy season with this delightful and adorable set of witchy themed pins!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>124 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/bookwyrm-games/pintober-witchworks-enamel-pins?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/therena/haunted-gilded-dragons?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Haunted Dragons" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/35515/optimized_Banner.png">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/1643126/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Therena Carlin" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/f6d56ab0f615d5e14a61d9de230b31de?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/f6d56ab0f615d5e14a61d9de230b31de?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/u50f6ae9ddlzir8lgogzgu7og9pq?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Therena
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/therena/haunted-gilded-dragons?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Haunted Dragons</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The shiny dragons have come out to play in the Spooky town of Pinners Hollow. They lurk in the shadows, waiting to be adopted and added to your hoard. Enter the graveyard if you dare and see what shiny treasures you will find!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>256 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/therena/haunted-gilded-dragons?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/critical-kit-ltd/wires-in-the-woods-a-solo-journaling-rpg-about-upcycling-in-an-abandoned-world?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Wires in The Woods - a solo/two-player journaling TTRPG." src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/36587/optimized_header_image.jpg">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2053003/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Tim Roberts" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/a5db5597de61c96f94934185d386cf49?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/a5db5597de61c96f94934185d386cf49?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rlgnqrr22f6iio2v9hulukx9z373?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Critical Kit Ltd
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/critical-kit-ltd/wires-in-the-woods-a-solo-journaling-rpg-about-upcycling-in-an-abandoned-world?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Wires in The Woods - a solo/two-player journaling TTRPG.</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">In this solo/two-player journaling RPG, you explore an abandoned world, collecting unfamiliar items and using them to solve problems.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>3,539 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/critical-kit-ltd/wires-in-the-woods-a-solo-journaling-rpg-about-upcycling-in-an-abandoned-world?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/dacia-creat/maine-coon-mischief-monsters?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Maine Coon Mischief &amp; Monsters" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/36816/optimized_IMG_0704.jpeg">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2400922/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Dacia L" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5724125a4cde185b817b1b631b221557?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5724125a4cde185b817b1b631b221557?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qnh7154qd1sip52iyku8bl1rjd86?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Dacia Creations
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/dacia-creat/maine-coon-mischief-monsters?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Maine Coon Mischief &amp; Monsters</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A collection of silly Maine Coon cats with a touch of Fall and Halloween themes.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>90 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/dacia-creat/maine-coon-mischief-monsters?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="7 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/strongstead-hills/pintober-10-to-666-o-clock-demons-at-work?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Pintober | 10 to 666 o'clock: Demons at Work" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/39580/optimized_hero_image.png">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2377208/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Toonie" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/3a64e816169d6210d1b988bf2cfdde95?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/3a64e816169d6210d1b988bf2cfdde95?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a9gm31aw39ml2ya5u87x4oh9k8et?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Totally Toonish
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/strongstead-hills/pintober-10-to-666-o-clock-demons-at-work?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Pintober | 10 to 666 o'clock: Demons at Work</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Join a workforce of Hellspawn as they go about their day-to-day jobs with this enamel pin collection. Early bird and returning backer rewards are included as well!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>49 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/strongstead-hills/pintober-10-to-666-o-clock-demons-at-work?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="8 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/made-by-max-designs/monster-makers-enamel-pin-collection?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Monster Makers Pins - A Puppetry Inspired Makerspace | Pintober 2024" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/40680/optimized_Monster_Makers_Logo_V2.jpg">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2730063/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Made by Max Designs" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/c6a45740ecc6c6c1a031edb92ad7c0c4?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/c6a45740ecc6c6c1a031edb92ad7c0c4?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/564jqcbrzh8dbqlc917ejda0l3fw?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Made by Max Designs
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/made-by-max-designs/monster-makers-enamel-pin-collection?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Monster Makers Pins - A Puppetry Inspired Makerspace | Pintober 2024</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Welcome to the Monster Makerspace! Come get your stitch fix in the sewing studio, whittle away time in the woodshop, get wired about the electronics lab, and explore! This pin collection features a crafty cast of characters inspired by puppetry arts.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>18 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/made-by-max-designs/monster-makers-enamel-pin-collection?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="9 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/midnight-springs/gacha-moths-series-2-and-3-pintober-2024?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Gacha Moths Series 2 and 3 - Pintober 2024" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/41700/optimized_pintober_banner.jpg">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2120964/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Midnight Springs" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/e29dec925f2341c24d9bbaa2abb974a5?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/e29dec925f2341c24d9bbaa2abb974a5?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/gtva2j2rniqef63s7xyqwu1cy3mf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Midnight Springs
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/midnight-springs/gacha-moths-series-2-and-3-pintober-2024?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Gacha Moths Series 2 and 3 - Pintober 2024</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Series 2 (and hopefully 3) of my gacha moths! Previously just 1 collection, these adorable 22mm pins all sold out - and this time I'm bringing new colorways to Backerkit!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>40 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/midnight-springs/gacha-moths-series-2-and-3-pintober-2024?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="10 / 11">
        
    <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
        <div class="bg-[#FFD508] text-black text-center w-full text-xs py-1 z-10 relative">
  <div class="font-walsheim">
      <div class="flex justify-center items-center gap-1">
            <span class="uppercase">Launching in</span> 2 days
      </div>
    </div>
</div>

      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/critcreations/midnight-festival-yokai-enamel-pins-from-a-hidden-realm?ref=discover_email_landing_pages">
        <img class="object-cover w-full h-full aspect-[16/9]" alt="Midnight Festival - Yokai Enamel Pins From a Hidden Realm" src="https://d1wgd08o7gfznj.cloudfront.net/uploads/email_campaign/hero_image/41835/optimized_midnightFestival_v003.png">
</a>
      </div>
    </div>


    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/enamel-pins">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Enamel Pins
    </span>
</a>
        </div>
        <a href="/c/users/2850726/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for CritCreations" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/47f635de0d0fc5982d90af5b790300ae?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/47f635de0d0fc5982d90af5b790300ae?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/n4n8bnmrqrpfjrvaba1j38t2h6vf?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              CritCreations
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
            <div class="flex items-center gap-1">
              <div>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"></path>
</svg>
</div>
              <div>
                  10/08/24
&nbsp;
              </div>
            </div>
      </div>
      <a href="/c/projects/critcreations/midnight-festival-yokai-enamel-pins-from-a-hidden-realm?ref=discover_email_landing_pages">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Midnight Festival - Yokai Enamel Pins From a Hidden Realm</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">An enamel pin set featuring little yokai! Includes Pins, stickers, and a wallpaper!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <div class="w-full group-hover:text-white"><strong>71 </strong> followers</div>
          <a id="project-teaser-card-bell" href="/c/projects/critcreations/midnight-festival-yokai-enamel-pins-from-a-hidden-realm?ref=discover_email_landing_pages">
            <div class="h-8 w-8 border border-secondaryGray rounded-full flex items-center justify-center bg-white">
              
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
</svg>
            </div>
</a>    </div>
  </div>
</div>


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="11 / 11">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a data-turbo="false" href="/c/collections/coming_soon">See everything</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a data-turbo="false" href="/c/collections/coming_soon">See everything</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div></div>

</turbo-frame>
        <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
<div id="hot_community_achievement">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🌟</div>
        <div class="text-2xl">Help Reach New Heights</div>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Set audacious goals and unlock achievements together</div>
    </div>
  </div>
  <div class="mx-0 sm:mx-8 lg:mx-0 lg:mr-8 xl:mr-0">
    <div class="bg-primaryGray sm:rounded-xl border border-secondaryGray">
  <div class="px-6 pt-5 pb-1">
    
<a class="block w-full" data-turbo-frame="_top" href="/c/projects/charmsey/circus-sweeties?ref=bk-hot-community-achievement">
<div class="flex items-center gap-4 items-center bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden hover:drop-shadow">
  <div class="w-full self-stretch max-w-[100px]">
    
      <img alt="" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=700">

  </div>
  <div class="w-full">
      <div class="font-inter line-clamp-1 text-xs text-primaryTextGray mt-1">Plushies &amp; Toys</div>
      <div class="font-walsheim line-clamp-1 text-sm pr-4">Circus Sweeties</div>
  </div>
</div>
</a>
  </div>
  <turbo-frame id="object_community_achievement_3307">
  <div class="p-4 sm:p-6 space-y-4">
    <div>
      
<div class="relative flex-auto flex items-center gap-2">
  <div class="flex-none w-[40px] h-[40px]">
    <a data-controller="hovercard" data-hovercard-url-value="/c/users/2126326/hovercard" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide" data-turbo-frame="_top" href="/c/users/2126326/profile">
      
<div class="w-[40px] h-[40px]">
  <div class="rounded-full rainbow-fill flex h-full w-full items-center justify-center">
    <img alt="user avatar image for McMadmissile" class="border-4 border-transparent rounded-full inline-block" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/dc1bc246d35dd99dc929335950962e6d?default=mp&amp;size=40'; this.src='https://www.gravatar.com/avatar/dc1bc246d35dd99dc929335950962e6d?default=mp&amp;size=40';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rdjaph2e43eq9981jd5d8c61ic98?ixlib=rails-4.3.1&amp;w=40&amp;h=40&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
  </div>
</div>

</a>  </div>
  <div class="flex flex-col flex-grow">
    <div class="flex items-center space-x-2 flex-grow">
      <div class="inline-block font-walsheim line-clamp-1">
          <span>McMadmissile</span>      </div>
          <div class="badges flex justify-start items-center space-x-1">
      <div class="flex items-center">
          <span class="badge p-0.5 px-2 leading-3 text-[9px] font-medium rounded-full creator">
  CREATOR
</span>


      </div>
      <div class="flex items-center">
          
<div class="community_badge relative popover cursor-pointer badge rounded-md inline-block" data-controller="popover modal event-share" data-popover-translate-x="-33px" data-popover-translate-y="0" data-action="mouseover->popover#mouseOver mouseout->popover#mouseOut">
  
<svg class="h-5 w-5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <mask id="path-1-inside-1_970_22109" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.69745 7.18033L9.80087 7.33333C9.98824 7.37705 10.0715 7.61749 9.92578 7.77049L9.13465 8.57924L9.32202 9.71585C9.34284 9.86885 9.21793 10 9.09301 10C9.05137 10 9.00973 10 8.9681 9.97814L8.01041 9.43169L7.0319 9.97814C6.99027 10 6.94863 10 6.90699 10C6.78207 10 6.65716 9.86885 6.67798 9.71585L6.86535 8.57924L6.07422 7.77049C5.92848 7.61749 6.01176 7.37705 6.19913 7.33333L7.30255 7.18033L7.7814 6.13115C7.82304 6.04372 7.90631 6 7.98959 6C8.09369 6 8.17696 6.04372 8.2186 6.13115L8.69745 7.18033Z"></path>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.69745 7.18033L9.80087 7.33333C9.98824 7.37705 10.0715 7.61749 9.92578 7.77049L9.13465 8.57924L9.32202 9.71585C9.34284 9.86885 9.21793 10 9.09301 10C9.05137 10 9.00973 10 8.9681 9.97814L8.01041 9.43169L7.0319 9.97814C6.99027 10 6.94863 10 6.90699 10C6.78207 10 6.65716 9.86885 6.67798 9.71585L6.86535 8.57924L6.07422 7.77049C5.92848 7.61749 6.01176 7.37705 6.19913 7.33333L7.30255 7.18033L7.7814 6.13115C7.82304 6.04372 7.90631 6 7.98959 6C8.09369 6 8.17696 6.04372 8.2186 6.13115L8.69745 7.18033Z" fill="url(#community_gold)"></path>
  <path d="M9.80087 7.33333L9.97127 6.60295L9.93786 6.59515L9.90388 6.59044L9.80087 7.33333ZM8.69745 7.18033L8.01515 7.49173L8.18625 7.86662L8.59443 7.92322L8.69745 7.18033ZM9.92578 7.77049L10.462 8.295L10.4689 8.28776L9.92578 7.77049ZM9.13465 8.57924L8.59851 8.05477L8.33284 8.32636L8.39464 8.70123L9.13465 8.57924ZM9.32202 9.71585L10.0652 9.61473L10.0638 9.60427L10.062 9.59385L9.32202 9.71585ZM8.9681 9.97814L8.5964 10.6296L8.60784 10.6361L8.6195 10.6422L8.9681 9.97814ZM8.01041 9.43169L8.3821 8.78028L8.01437 8.57045L7.64473 8.77688L8.01041 9.43169ZM7.0319 9.97814L7.38051 10.6422L7.3891 10.6377L7.39758 10.633L7.0319 9.97814ZM6.67798 9.71585L5.93796 9.59385L5.93625 9.60427L5.93482 9.61473L6.67798 9.71585ZM6.86535 8.57924L7.60536 8.70123L7.66716 8.32636L7.40149 8.05477L6.86535 8.57924ZM6.07422 7.77049L5.53109 8.28781L5.53808 8.29495L6.07422 7.77049ZM6.19913 7.33333L6.09612 6.59044L6.06214 6.59515L6.02873 6.60295L6.19913 7.33333ZM7.30255 7.18033L7.40557 7.92322L7.81375 7.86662L7.98485 7.49173L7.30255 7.18033ZM7.7814 6.13115L7.10418 5.80862L7.0991 5.81975L7.7814 6.13115ZM8.2186 6.13115L8.90099 5.81971L8.89573 5.80867L8.2186 6.13115ZM13.25 8C13.25 10.8995 10.8995 13.25 8 13.25V14.75C11.7279 14.75 14.75 11.7279 14.75 8H13.25ZM8 2.75C10.8995 2.75 13.25 5.10051 13.25 8H14.75C14.75 4.27208 11.7279 1.25 8 1.25V2.75ZM2.75 8C2.75 5.10051 5.10051 2.75 8 2.75V1.25C4.27208 1.25 1.25 4.27208 1.25 8H2.75ZM8 13.25C5.10051 13.25 2.75 10.8995 2.75 8H1.25C1.25 11.7279 4.27208 14.75 8 14.75V13.25ZM9.90388 6.59044L8.80046 6.43744L8.59443 7.92322L9.69785 8.07623L9.90388 6.59044ZM10.4689 8.28776C11.0255 7.7033 10.7082 6.77487 9.97127 6.60295L9.63046 8.06372C9.2683 7.97922 9.11748 7.53167 9.38271 7.25322L10.4689 8.28776ZM9.67079 9.1037L10.4619 8.29495L9.38965 7.24603L8.59851 8.05477L9.67079 9.1037ZM10.062 9.59385L9.87466 8.45724L8.39464 8.70123L8.58201 9.83784L10.062 9.59385ZM9.09301 10.75C9.69047 10.75 10.1448 10.1998 10.0652 9.61473L8.57887 9.81697C8.55732 9.65856 8.61329 9.52041 8.69134 9.42883C8.76217 9.34572 8.89675 9.25 9.09301 9.25V10.75ZM8.6195 10.6422C8.84702 10.7616 9.07004 10.75 9.09301 10.75V9.25C9.06424 9.25 9.09238 9.24895 9.12815 9.25364C9.17396 9.25966 9.24235 9.27505 9.31669 9.31408L8.6195 10.6422ZM7.63872 10.0831L8.5964 10.6296L9.33979 9.32672L8.3821 8.78028L7.63872 10.0831ZM7.39758 10.633L8.37609 10.0865L7.64473 8.77688L6.66622 9.32333L7.39758 10.633ZM6.90699 10.75C6.92995 10.75 7.15298 10.7616 7.38051 10.6422L6.6833 9.31408C6.75764 9.27505 6.82604 9.25966 6.87185 9.25364C6.90762 9.24895 6.93576 9.25 6.90699 9.25V10.75ZM5.93482 9.61473C5.85521 10.1998 6.30952 10.75 6.90699 10.75V9.25C7.10325 9.25 7.23783 9.34572 7.30866 9.42883C7.38671 9.52041 7.44268 9.65856 7.42113 9.81697L5.93482 9.61473ZM6.12534 8.45724L5.93796 9.59385L7.41799 9.83784L7.60536 8.70123L6.12534 8.45724ZM5.53808 8.29495L6.32921 9.1037L7.40149 8.05477L6.61035 7.24603L5.53808 8.29495ZM6.02873 6.60295C5.29183 6.77487 4.97445 7.7033 5.53114 8.28776L6.61729 7.25322C6.88252 7.53167 6.73169 7.97923 6.36954 8.06372L6.02873 6.60295ZM7.19954 6.43744L6.09612 6.59044L6.30215 8.07623L7.40557 7.92322L7.19954 6.43744ZM7.0991 5.81975L6.62026 6.86893L7.98485 7.49173L8.4637 6.44255L7.0991 5.81975ZM7.98959 5.25C7.64448 5.25 7.28166 5.43618 7.10427 5.80867L8.45853 6.45363C8.36441 6.65126 8.16814 6.75 7.98959 6.75V5.25ZM8.89573 5.80867C8.70404 5.40615 8.31803 5.25 7.98959 5.25V6.75C7.93803 6.75 7.85375 6.73907 7.7611 6.68718C7.66303 6.63227 7.58655 6.54828 7.54147 6.45363L8.89573 5.80867ZM9.37974 6.86893L8.9009 5.81975L7.5363 6.44255L8.01515 7.49173L9.37974 6.86893Z" fill="#141414" mask="url(#path-1-inside-1_970_22109)"></path>
  <defs>
    <linearGradient id="community_bronze" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#C08A57"></stop>
      <stop offset="1" stop-color="#C08A57" stop-opacity="0"></stop>
    </linearGradient>
    <linearGradient xmlns="http://www.w3.org/2000/svg" id="community_silver" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#838383"></stop>
      <stop offset="1" stop-color="#838383" stop-opacity="0"></stop>
    </linearGradient>
    <linearGradient xmlns="http://www.w3.org/2000/svg" id="community_gold" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFD508"></stop>
      <stop offset="1" stop-color="#FFD508" stop-opacity="0"></stop>
    </linearGradient>
  </defs>
</svg>



  <div class="hidden content flex row gap-2 absolute border border-gray-300 p-2 bg-white bottom-[30px] rounded-2xl z-10" data-popover-target="content" data-controller="events" data-events-url-value="/c/projects/charmsey/circus-sweeties/events" data-events-name-value="badge-social-share" style="transform:translate(-33px, 0);">
    <div class="p-1 whitespace-nowrap">
      <div class="flex flex-rox items-center">
        
<svg class="h-5 w-5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <mask id="path-1-inside-1_970_22109" fill="white">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.69745 7.18033L9.80087 7.33333C9.98824 7.37705 10.0715 7.61749 9.92578 7.77049L9.13465 8.57924L9.32202 9.71585C9.34284 9.86885 9.21793 10 9.09301 10C9.05137 10 9.00973 10 8.9681 9.97814L8.01041 9.43169L7.0319 9.97814C6.99027 10 6.94863 10 6.90699 10C6.78207 10 6.65716 9.86885 6.67798 9.71585L6.86535 8.57924L6.07422 7.77049C5.92848 7.61749 6.01176 7.37705 6.19913 7.33333L7.30255 7.18033L7.7814 6.13115C7.82304 6.04372 7.90631 6 7.98959 6C8.09369 6 8.17696 6.04372 8.2186 6.13115L8.69745 7.18033Z"></path>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8.69745 7.18033L9.80087 7.33333C9.98824 7.37705 10.0715 7.61749 9.92578 7.77049L9.13465 8.57924L9.32202 9.71585C9.34284 9.86885 9.21793 10 9.09301 10C9.05137 10 9.00973 10 8.9681 9.97814L8.01041 9.43169L7.0319 9.97814C6.99027 10 6.94863 10 6.90699 10C6.78207 10 6.65716 9.86885 6.67798 9.71585L6.86535 8.57924L6.07422 7.77049C5.92848 7.61749 6.01176 7.37705 6.19913 7.33333L7.30255 7.18033L7.7814 6.13115C7.82304 6.04372 7.90631 6 7.98959 6C8.09369 6 8.17696 6.04372 8.2186 6.13115L8.69745 7.18033Z" fill="url(#community_gold)"></path>
  <path d="M9.80087 7.33333L9.97127 6.60295L9.93786 6.59515L9.90388 6.59044L9.80087 7.33333ZM8.69745 7.18033L8.01515 7.49173L8.18625 7.86662L8.59443 7.92322L8.69745 7.18033ZM9.92578 7.77049L10.462 8.295L10.4689 8.28776L9.92578 7.77049ZM9.13465 8.57924L8.59851 8.05477L8.33284 8.32636L8.39464 8.70123L9.13465 8.57924ZM9.32202 9.71585L10.0652 9.61473L10.0638 9.60427L10.062 9.59385L9.32202 9.71585ZM8.9681 9.97814L8.5964 10.6296L8.60784 10.6361L8.6195 10.6422L8.9681 9.97814ZM8.01041 9.43169L8.3821 8.78028L8.01437 8.57045L7.64473 8.77688L8.01041 9.43169ZM7.0319 9.97814L7.38051 10.6422L7.3891 10.6377L7.39758 10.633L7.0319 9.97814ZM6.67798 9.71585L5.93796 9.59385L5.93625 9.60427L5.93482 9.61473L6.67798 9.71585ZM6.86535 8.57924L7.60536 8.70123L7.66716 8.32636L7.40149 8.05477L6.86535 8.57924ZM6.07422 7.77049L5.53109 8.28781L5.53808 8.29495L6.07422 7.77049ZM6.19913 7.33333L6.09612 6.59044L6.06214 6.59515L6.02873 6.60295L6.19913 7.33333ZM7.30255 7.18033L7.40557 7.92322L7.81375 7.86662L7.98485 7.49173L7.30255 7.18033ZM7.7814 6.13115L7.10418 5.80862L7.0991 5.81975L7.7814 6.13115ZM8.2186 6.13115L8.90099 5.81971L8.89573 5.80867L8.2186 6.13115ZM13.25 8C13.25 10.8995 10.8995 13.25 8 13.25V14.75C11.7279 14.75 14.75 11.7279 14.75 8H13.25ZM8 2.75C10.8995 2.75 13.25 5.10051 13.25 8H14.75C14.75 4.27208 11.7279 1.25 8 1.25V2.75ZM2.75 8C2.75 5.10051 5.10051 2.75 8 2.75V1.25C4.27208 1.25 1.25 4.27208 1.25 8H2.75ZM8 13.25C5.10051 13.25 2.75 10.8995 2.75 8H1.25C1.25 11.7279 4.27208 14.75 8 14.75V13.25ZM9.90388 6.59044L8.80046 6.43744L8.59443 7.92322L9.69785 8.07623L9.90388 6.59044ZM10.4689 8.28776C11.0255 7.7033 10.7082 6.77487 9.97127 6.60295L9.63046 8.06372C9.2683 7.97922 9.11748 7.53167 9.38271 7.25322L10.4689 8.28776ZM9.67079 9.1037L10.4619 8.29495L9.38965 7.24603L8.59851 8.05477L9.67079 9.1037ZM10.062 9.59385L9.87466 8.45724L8.39464 8.70123L8.58201 9.83784L10.062 9.59385ZM9.09301 10.75C9.69047 10.75 10.1448 10.1998 10.0652 9.61473L8.57887 9.81697C8.55732 9.65856 8.61329 9.52041 8.69134 9.42883C8.76217 9.34572 8.89675 9.25 9.09301 9.25V10.75ZM8.6195 10.6422C8.84702 10.7616 9.07004 10.75 9.09301 10.75V9.25C9.06424 9.25 9.09238 9.24895 9.12815 9.25364C9.17396 9.25966 9.24235 9.27505 9.31669 9.31408L8.6195 10.6422ZM7.63872 10.0831L8.5964 10.6296L9.33979 9.32672L8.3821 8.78028L7.63872 10.0831ZM7.39758 10.633L8.37609 10.0865L7.64473 8.77688L6.66622 9.32333L7.39758 10.633ZM6.90699 10.75C6.92995 10.75 7.15298 10.7616 7.38051 10.6422L6.6833 9.31408C6.75764 9.27505 6.82604 9.25966 6.87185 9.25364C6.90762 9.24895 6.93576 9.25 6.90699 9.25V10.75ZM5.93482 9.61473C5.85521 10.1998 6.30952 10.75 6.90699 10.75V9.25C7.10325 9.25 7.23783 9.34572 7.30866 9.42883C7.38671 9.52041 7.44268 9.65856 7.42113 9.81697L5.93482 9.61473ZM6.12534 8.45724L5.93796 9.59385L7.41799 9.83784L7.60536 8.70123L6.12534 8.45724ZM5.53808 8.29495L6.32921 9.1037L7.40149 8.05477L6.61035 7.24603L5.53808 8.29495ZM6.02873 6.60295C5.29183 6.77487 4.97445 7.7033 5.53114 8.28776L6.61729 7.25322C6.88252 7.53167 6.73169 7.97923 6.36954 8.06372L6.02873 6.60295ZM7.19954 6.43744L6.09612 6.59044L6.30215 8.07623L7.40557 7.92322L7.19954 6.43744ZM7.0991 5.81975L6.62026 6.86893L7.98485 7.49173L8.4637 6.44255L7.0991 5.81975ZM7.98959 5.25C7.64448 5.25 7.28166 5.43618 7.10427 5.80867L8.45853 6.45363C8.36441 6.65126 8.16814 6.75 7.98959 6.75V5.25ZM8.89573 5.80867C8.70404 5.40615 8.31803 5.25 7.98959 5.25V6.75C7.93803 6.75 7.85375 6.73907 7.7611 6.68718C7.66303 6.63227 7.58655 6.54828 7.54147 6.45363L8.89573 5.80867ZM9.37974 6.86893L8.9009 5.81975L7.5363 6.44255L8.01515 7.49173L9.37974 6.86893Z" fill="#141414" mask="url(#path-1-inside-1_970_22109)"></path>
  <defs>
    <linearGradient id="community_bronze" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#C08A57"></stop>
      <stop offset="1" stop-color="#C08A57" stop-opacity="0"></stop>
    </linearGradient>
    <linearGradient xmlns="http://www.w3.org/2000/svg" id="community_silver" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#838383"></stop>
      <stop offset="1" stop-color="#838383" stop-opacity="0"></stop>
    </linearGradient>
    <linearGradient xmlns="http://www.w3.org/2000/svg" id="community_gold" x1="1.9736" y1="13.1356" x2="18.7117" y2="-4.67741" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFD508"></stop>
      <stop offset="1" stop-color="#FFD508" stop-opacity="0"></stop>
    </linearGradient>
  </defs>
</svg>

        <span class="font-bold text-sm ml-1">Gold Tier</span>
      </div>
      <p class="text-xs">
        This user is a top contributor to this community!
      </p>
    </div>


    <div class="tooltip-arrow-down border-gray-300"></div>


    
<dialog id="modal" data-modal-target="modal" class="md:max-w-[600px] rounded-t-lg sm:rounded-xl px-6 py-10 mb-0 sm:my-auto backdrop:bg-gray-400 backdrop:bg-opacity-50 open:animate-fade-in open:backdrop:animate-fade-in" data-turbo-temporary="">
    <button type="button" data-action="modal#close" class="absolute z-20 top-3 right-3">
      <svg class="absolute top-4 right-4 h-5 w-5 modal-close" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
      </svg>
    </button>
  
      <div class="font-bold text-base sm:text-2xl">Share</div>

      <div class="mt-6 ml-3 bg-[#EDEDED] p-3 rounded-tl-xl rounded-tr-xl rounded-br-xl min-h-[50px] lg:min-h-[75px]">
        I've earned a Gold Badge for the Circus Sweeties campaign on @BackerKit!
      </div>
      <div class="flex gap-3 items-center justify-start mt-8">
  <div data-controller="social-shares" data-event-share-target="twitterContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/charmsey/circus-sweeties" data-social-shares-text-value="I've earned a Gold Badge for the Circus Sweeties campaign on @BackerKit!" data-social-shares-ref-value="badge-social-button" class="flex flex-col items-center event-share-twitter">
    <a data-action="click->social-shares#tweet" class="flex flex-initial items-center p-3 share-on-twitter text-white rounded-full !bg-[#1DA1F2]" href="#">
      
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 align-text-bottom" viewBox="0 0 512 512" fill="#FFFFFF"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>    <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Twitter</p>
</div>  <div data-controller="social-shares" data-event-share-target="facebookContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/charmsey/circus-sweeties" data-social-shares-text-value="I've earned a Gold Badge for the Circus Sweeties campaign on @BackerKit!" data-social-shares-ref-value="badge-social-button" class="flex flex-col items-center event-share-facebook">
    <a data-action="click->social-shares#postToFacebook" class="flex flex-initial items-center p-3 share-on-facebook text-xs text-white rounded-full !bg-[#4267B2]" href="#">
      
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 align-text-bottom" fill="#FFFFFF" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>    <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Facebook</p>
</div>
  <div class="flex flex-col items-center ">
    <a target="_blank" title="Share via E-mail" class="flex flex-initial items-center p-3 share-on-facebook text-xs text-white rounded-full !bg-[#666666]" href="mailto:%23?body=You%20should%20join%20me%20in%20backing%20it%21%20Circus%20Sweeties&amp;subject=I%27ve%20earned%20a%20Gold%20Badge%20for%20the%20Circus%20Sweeties%20campaign%20on%20%40BackerKit%21">
      
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 align-text-bottom" viewBox="0 0 20 20" fill="currentColor">
  <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
  <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
</svg>
</a>    <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Mail</p>
</div></div>


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


      </div>
  </div>

    </div>

    <div class="text-primaryTextGray text-xs">
        2 days ago
    </div>
  </div>
</div>

    </div>
    
    <div class="community-achievement relative space-y-4" id="community_achievement_3307">
  <div class="space-y-4 justify-between">
    <div>
        <div>
          <a class="community-object-title" data-turbo-frame="_top" href="/c/projects/charmsey/circus-sweeties/community_achievements/3307?ref=bk-hot-community-achievement">
            Reach 650 Backers
</a>        </div>
        <div>
          <span class="text-base text-secondaryTextGray font-body">Once we reach this goal, an official Circus Sweetie adoption certificate will be made available for download to all backers!</span>
        </div>
    </div>
    <div>
      <div>
        <div class="text-sm flex-none border-0 border-[#c4c4c4] rounded-md overflow-hidden md:w-full">
          <table class="w-full h-5">
            <tbody><tr>
              <td class="bg-[#9FD08D]" style="width: 100%"></td>
            </tr>
          </tbody></table>
        </div>
      </div>
      <div class="flex items-center justify-between">
        <div>
            <span class="text-xs align-middle text-green-600 font-medium">Goal: <span>650 backers</span> reached! — We did it! This project reached this goal!</span>
        </div>
        <div>
          <span class="text-xs align-middle font-medium">100%</span>
        </div>
      </div>
    </div>
    <div>
    </div>
  </div>
</div>


    <div class="flex justify-between sm:mt-6">
      <div class="flex items-center justify-start gap-6">
  <turbo-frame id="reactions_discussion_29600">
  <div class="flex items-center gap-6">
      <div class="text-sm text-primaryTextGray">
        <div data-controller="hovercard" data-hovercard-url-value="/c/projects/charmsey/circus-sweeties/reactions?kind=like&amp;reactable_id=29600&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/charmsey/circus-sweeties/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="soqgOmrv6FkvtbLPk3ZP8H3mlmAPfljK2sMIAq-x3yMrR0aeIfFiAgmjtAe1Rcs9TYwMMTTSQH9q484UnjwVTQ" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_like_discussion_29600" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29600" id="id_like_discussion_29600" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="like" id="kind_like_discussion_29600" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_like_discussion_29600" class="flex items-center gap-1" data-reaction-type="like">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px] relative -top-[1px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.1s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16H286.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"></path></svg> <span class="font-mono counter">10</span>
</button></form></div>

      </div>
      <div class="text-sm text-primaryTextGray">
        <div data-hovercard-url-value="/c/projects/charmsey/circus-sweeties/reactions?kind=dislike&amp;reactable_id=29600&amp;reactable_type=Crowdfunding%3A%3ADiscussion" data-action="mouseenter->hovercard#show mouseleave->hovercard#hide">
    <form action="/c/projects/charmsey/circus-sweeties/reactions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GXN3waUbO5XAJVeGx9GvhcbECFDvkfVavSSCnWmEFeWAvpFl7gWxzuYzUU7h4itI9q6SAdQ97e8NBESLWAnfiw" autocomplete="off">
      <input value="Crowdfunding::Discussion" id="type_dislike_discussion_29600" autocomplete="off" type="hidden" name="reaction[reactable_type]">
      <input value="29600" id="id_dislike_discussion_29600" autocomplete="off" type="hidden" name="reaction[reactable_id]">
      <input value="dislike" id="kind_dislike_discussion_29600" autocomplete="off" type="hidden" name="reaction[kind]">
      <button name="button" type="submit" id="button_dislike_discussion_29600" class="flex items-center gap-1" data-reaction-type="dislike">
        
<svg xmlns="http://www.w3.org/2000/svg" class="w-[18px] h-[18px]" viewBox="0 0 512 512" fill="currentColor"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M323.8 477.2c-38.2 10.9-78.1-11.2-89-49.4l-5.7-20c-3.7-13-10.4-25-19.5-35l-51.3-56.4c-8.9-9.8-8.2-25 1.6-33.9s25-8.2 33.9 1.6l51.3 56.4c14.1 15.5 24.4 34 30.1 54.1l5.7 20c3.6 12.7 16.9 20.1 29.7 16.5s20.1-16.9 16.5-29.7l-5.7-20c-5.7-19.9-14.7-38.7-26.6-55.5c-5.2-7.3-5.8-16.9-1.7-24.9s12.3-13 21.3-13L448 288c8.8 0 16-7.2 16-16c0-6.8-4.3-12.7-10.4-15c-7.4-2.8-13-9-14.9-16.7s.1-15.8 5.3-21.7c2.5-2.8 4-6.5 4-10.6c0-7.8-5.6-14.3-13-15.7c-8.2-1.6-15.1-7.3-18-15.2s-1.6-16.7 3.6-23.3c2.1-2.7 3.4-6.1 3.4-9.9c0-6.7-4.2-12.6-10.2-14.9c-11.5-4.5-17.7-16.9-14.4-28.8c.4-1.3 .6-2.8 .6-4.3c0-8.8-7.2-16-16-16H286.5c-12.6 0-25 3.7-35.5 10.7l-61.7 41.1c-11 7.4-25.9 4.4-33.3-6.7s-4.4-25.9 6.7-33.3l61.7-41.1c18.4-12.3 40-18.8 62.1-18.8H384c34.7 0 62.9 27.6 64 62c14.6 11.7 24 29.7 24 50c0 4.5-.5 8.8-1.3 13c15.4 11.7 25.3 30.2 25.3 51c0 6.5-1 12.8-2.8 18.7C504.8 238.3 512 254.3 512 272c0 35.3-28.6 64-64 64l-92.3 0c4.7 10.4 8.7 21.2 11.8 32.2l5.7 20c10.9 38.2-11.2 78.1-49.4 89zM32 384c-17.7 0-32-14.3-32-32V128c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H32z"></path></svg> <span class="font-mono counter">0</span>
</button></form></div>

      </div>
  </div>
</turbo-frame>
  <a class="flex items-center h-full" data-turbo-frame="_top" data-testid="comment-link" href="/c/projects/charmsey/circus-sweeties/community_achievements/3307">
    <div class="flex items-center gap-1 text-sm text-primaryTextGray">
      
<svg class="h-4 w-4 inline-block" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M9 0C4.5625 0 1 2.9375 1 6.5C1 8 1.59375 9.375 2.625 10.4688C2.1875 11.6875 1.21875 12.75 1.1875 12.75C0.96875 12.9688 0.9375 13.2812 1.03125 13.5625C1.15625 13.8438 1.4375 14 1.75 14C3.65625 14 5.1875 13.2188 6.09375 12.5625C7 12.8438 7.96875 13 9 13C13.4062 13 17 10.0938 17 6.5C17 2.9375 13.4062 0 9 0ZM9 11.5C8.15625 11.5 7.3125 11.375 6.53125 11.125L5.8125 10.9062L5.21875 11.3438C4.78125 11.6562 4.15625 12 3.40625 12.25C3.65625 11.875 3.875 11.4375 4.03125 11L4.375 10.125L3.71875 9.4375C3.15625 8.84375 2.5 7.84375 2.5 6.5C2.5 3.75 5.40625 1.5 9 1.5C12.5625 1.5 15.5 3.75 15.5 6.5C15.5 9.28125 12.5625 11.5 9 11.5Z" fill="currentColor"></path>
</svg>

      <div>0</div>
    </div>
</a>
  <div class="flex h-full items-center justify-start text-xs text-primaryTextGray" data-controller="modal">
    <a data-action="click->modal#open" class="flex items-center justify-start" href="#">
      <div class="flex items-center gap-1">
        
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M20.5312 9.96875L15.0312 4.46875C14.0938 3.5 12.5 4.1875 12.5 5.53125V8.03125C8.1875 8.15625 3 9 3 14.3438C3 16.625 4.1875 18.5312 6.03125 19.75C7.1875 20.5312 8.71875 19.4375 8.28125 18.0625C7.53125 15.625 7.90625 14.3438 12.5 14.0625V16.5C12.5 17.8438 14.0938 18.5312 15.0312 17.5625L20.5312 12.0625C21.125 11.5 21.125 10.5312 20.5312 9.96875ZM14 16.5V12.5312C8.84375 12.5625 5.3125 13.5625 6.875 18.5C5.75 17.75 4.5 16.4375 4.5 14.3438C4.5 9.875 9.5 9.53125 14 9.53125V5.5L19.5 11L14 16.5Z" fill="#6A6A6A"></path>
</svg>

        <div>Share</div>
      </div>
</a>
    
<dialog data-modal-target="modal" class="min-w-full sm:min-w-0 md:max-w-[600px] rounded-xl p-6 mb-0 sm:my-auto backdrop:bg-gray-400 backdrop:bg-opacity-50 open:animate-fade-in open:backdrop:animate-fade-in">
  <button type="button" data-action="modal#close" class="absolute top-4 right-4">
    <svg class="absolute top-4 right-4 h-5 w-5 modal-close" xmlns="http://www.w3.org/2000/svg" fill="#454545" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
    </svg>
  </button>
  <div>
    <h3 class="font-walsheim text-2xl font-medium text-primaryBlack">Share</h3>
   
    <div class="flex gap-3 items-center justify-start mt-8">
      <div data-controller="social-shares" data-event-share-target="twitterContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/charmsey/circus-sweeties/community_achievements/3307" data-social-shares-text-value="Help us reach this achievement on Circus Sweeties!" data-social-shares-ref-value="bk-social-community-achievement" class="flex flex-col items-center event-share-twitter">
        <a data-action="click->social-shares#tweet" class="flex flex-initial items-center p-4 share-on-twitter text-white rounded-full !bg-[#1DA1F2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" viewBox="0 0 512 512" fill="#FFFFFF"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Twitter</p>
</div>      <div data-controller="social-shares" data-event-share-target="facebookContainer" data-social-shares-url-value="https://www.backerkit.com/c/projects/charmsey/circus-sweeties/community_achievements/3307" data-social-shares-text-value="Help us reach this achievement on Circus Sweeties!" data-social-shares-ref-value="bk-social-community-achievement" class="flex flex-col items-center event-share-facebook">
        <a data-action="click->social-shares#postToFacebook" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full !bg-[#4267B2] mx-2" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 align-text-bottom" fill="#FFFFFF" height="800px" width="800px" id="Layer_1" viewBox="0 0 310 310">
  <g id="XMLID_834_">
    <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064   c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996   V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545   C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703   c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"></path>
  </g>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Facebook</p>
</div>
      <div data-controller="social-shares" data-social-shares-url-value="https://www.backerkit.com/c/projects/charmsey/circus-sweeties/community_achievements/3307" data-social-shares-ref-value="bk-social-community-achievement" data-social-shares-text-value="Share Link Copied to Clipboard" class="flex flex-col items-center">
        <a data-action="click->social-shares#copyUrl" target="_blank" class="flex flex-initial items-center p-4 share-on-facebook text-xs text-white rounded-full ring-1 ring-inset ring-secondaryGray !bg-primaryGray mx-2" title="Share Link Copied to Clipboard" href="#">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#6A6A6A" class="h-8 w-8 align-text-bottom">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>
</a>        <p class="text-sm font-inter font-normal text-secondaryTextGray mt-1">Copy Link</p>
</div>    </div>
  </div>
</dialog>

  </div>
</div>


      <a class="creator-only rounded-lg border border-secondaryGray px-2 py-1 text-xs text-secondaryTextGray" data-turbo-frame="_top" href="/c/admin/projects/circus-sweeties/community_achievements/3307/edit?redirect_path=%2Fc%2Fprojects%2Fcharmsey%2Fcircus-sweeties%2Fcommunity_achievements%2F3307">
        <div class="flex items-center gap-1">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 inline-block">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"></path>
</svg>

          <span>Edit</span>
        </div>
</a>    </div>
  </div>
</turbo-frame>
</div>

  </div>

  <div class="mx-8 lg:mx-0 flex items-center lg:justify-end py-4 pl-0.5">
    <a class="group" href="/c/collections/live?filter=Crowdfunding%3A%3ACommunityAchievement#highlights_feed">
      <span class="font-medium text-sm group-hover:underline">See more community missions</span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

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

        <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="pledge_train" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>🚞</div>
        <h1 class="text-2xl">Projects on a roll</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Come aboard the Backer Train, keep the momentum going!</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-310884f54740d3ae2" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-310884f54740d3ae2" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-310884f54740d3ae2" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/windborne/to-warm-the-winter-hearth-windborne-s-album-book-of-winter-celebration?ref=bk-discover-pledge-train"><img alt="To Warm The Winter Hearth: Windborne's Album &amp; Book of Midwinter Celebration" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/abwa7tjrn0zmc3oo4iyrigjx49ul?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">44 pledges in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/music-theater">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Music &amp; Theater
    </span>
</a>
        </div>
        <a href="/c/users/2109303/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Windborne" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/c022b26f4eae7d3bdedcd1d57cefda3a?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/c022b26f4eae7d3bdedcd1d57cefda3a?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/9x5a5shsmxqg392iuuqk59j5ai1v?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Windborne
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728867600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">7</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/windborne/to-warm-the-winter-hearth-windborne-s-album-book-of-winter-celebration?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">To Warm The Winter Hearth: Windborne's Album &amp; Book of Midwinter Celebration</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Windborne is proud to announce our newest project: a book &amp; album of music for midwinter called To Warm the Winter Hearth. Filled with lush vocal harmony, guest musicians, and a full-color book, it’s our most ambitious project yet!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/windborne/to-warm-the-winter-hearth-windborne-s-album-book-of-winter-celebration?ref=bk-discover-pledge-train">
          <div id="stats_project_4243" class="flex items-center justify-start stats_project_4243">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $318,371
    </div>
    <span class="font-inter text-xs m-0">of $30,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">6,386</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-pledge-train"><img alt="Worldographer 2025" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6jln6mn1upuvfnfhyvcnqquz7dv9?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">3 pledges in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2121072/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Inkwell Ideas" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5dbff2125355a76fd93f471d674c4aae?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5dbff2125355a76fd93f471d674c4aae?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ze1occ2w4i25n7nh2rnc57lgb9ub?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Inkwell Ideas
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1728442800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">58</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">hours left</span>
          </div>
      </div>
      <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Worldographer 2025</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A major update to Worldographer! UI improvements, more generators, better world generation, and so much more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-pledge-train">
          <div id="stats_project_3699" class="flex items-center justify-start stats_project_3699">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $72,385
    </div>
    <span class="font-inter text-xs m-0">of $5,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">691</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/henrik-hertogs/hymn-of-the-dragonflower-cypher-system?ref=bk-discover-pledge-train"><img alt="Hymn of the Dragonflower: Cypher System" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/j090u1w62c8g9o55ju1attdhshy2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">1 pledge in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2121764/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Mr. Tarrasque" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/f45b3520d600711672511ed21bc60531?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/f45b3520d600711672511ed21bc60531?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/rxzdukgc7loyuaw5az77ki1thtnr?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Mr.Tarrasque
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730498400">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/henrik-hertogs/hymn-of-the-dragonflower-cypher-system?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Hymn of the Dragonflower: Cypher System</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A tier-one fantasy adventure for the Cypher System by Qedhup and Mr.Tarrasque</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/henrik-hertogs/hymn-of-the-dragonflower-cypher-system?ref=bk-discover-pledge-train">
          <div id="stats_project_4684" class="flex items-center justify-start stats_project_4684">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      €1,927
    </div>
    <span class="font-inter text-xs m-0">of €3,500
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">95</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition?ref=bk-discover-pledge-train"><img alt="The Expanse Roleplaying Game: Transport Union Edition" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/qwbw2aew9es4w4t9uagksod7hpcm?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">1 pledge in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/1540871/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Green Ronin Publishing" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/e195b0af6442cc23333efc1979481fcc?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/e195b0af6442cc23333efc1979481fcc?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ccm47c5u9k9ssf3tpeubkgeqdgsk?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Green Ronin Publishing
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1729126800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">10</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The Expanse Roleplaying Game: Transport Union Edition</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A new edition of The Expanse Roleplaying Game with expanded rules that focuses on the 30-year span between the novels Babylon’s Ashes and Persepolis Rising. The campaign also includes 3 supplements, dice, accessories, and for the first time, miniatures!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition?ref=bk-discover-pledge-train">
          <div id="stats_project_3610" class="flex items-center justify-start stats_project_3610">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $256,183
    </div>
    <span class="font-inter text-xs m-0">of $50,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">1,696</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-pledge-train"><img alt="Circus Sweeties" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/m28q5ftw71uaw8p0mzylkx2mycot?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">1 pledge in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/plushies-toys">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Plushies &amp; Toys
    </span>
</a>
        </div>
        <a href="/c/users/2506821/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Charmsey" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/36ad433e3fa33e6d92239f8f8438dc32?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/om29byqj1g26u6xaj4z03h2zr8cv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Charmsey
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730505600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">26</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Circus Sweeties</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Circus Sweeties are 18'' plushies all inspired by frosted circus cookies. There will be a lineup of many different animals, starting with a cat and a rabbit, and followed by a lion, elephant, and giraffe-- and perhaps, much much more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-pledge-train">
          <div id="stats_project_3846" class="flex items-center justify-start stats_project_3846">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $51,294
    </div>
    <span class="font-inter text-xs m-0">of $4,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">650</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 6">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-pledge-train"><img alt="The Between" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nsdh41bjd5uqnam8wim85jiehjd2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    🚞
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">1 pledge in a row!</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2113525/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for The Gauntlet " class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/c6ff4e28049953a800b77b2658966122?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/c6ff4e28049953a800b77b2658966122?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sbupfh5jzljnhxjig2m95yx1kfej?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              The Gauntlet
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1730437140">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">25</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit">days left</span>
          </div>
      </div>
      <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-pledge-train">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The Between</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The Between is a tabletop roleplaying game about monster-hunters in Victorian-era London. It's inspired by the TV show Penny Dreadful, British horror classics, and pulp media. Its rules are based on the award-winning Brindlewood Bay.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/the-gauntlet/the-between?ref=bk-discover-pledge-train">
          <div id="stats_project_4359" class="flex items-center justify-start stats_project_4359">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $177,080
    </div>
    <span class="font-inter text-xs m-0">of $10,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">2,130</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


  </div>

<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

          <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="top_funded" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>👑</div>
        <h1 class="text-2xl">Top Projects of All Time</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Most funded projects on BackerKit Crowdfunding</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-463101ae4d9afcbcf" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-463101ae4d9afcbcf" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-463101ae4d9afcbcf" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-top-funded"><img alt="Words of Radiance Leatherbound by Brandon Sanderson" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#1 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/writing-publishing">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Writing &amp; Publishing
    </span>
</a>
        </div>
        <a href="/c/users/1982410/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Dragonsteel" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/64575a3e2b617ef9f3d783f92b8b1f70?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/64575a3e2b617ef9f3d783f92b8b1f70?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Dragonsteel
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1711880596">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Words of Radiance Leatherbound by Brandon Sanderson</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Words of Radiance, the second in Brandon Sanderson's epic series The Stormlight Archive, arrives in leatherbound! You can also join in for a New Secret Project, Dragonsteel Prime, The Way of Kings Prime (Second Edition), spren plushies, and more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-top-funded">
          <div id="stats_project_953" class="flex items-center justify-start stats_project_953">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $23,756,818
    </div>
    <span class="font-inter text-xs m-0">of $2,000,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">102,089</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-top-funded"><img alt="Gloomhaven Grand Festival" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#2 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/1889932/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Cephalofair Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/0e45f1d51a51b3996aa43426bf264d8b?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/0e45f1d51a51b3996aa43426bf264d8b?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Cephalofair
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1689814800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Gloomhaven Grand Festival</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">We invite you to join the celebration and check out the latest in the city of Gloomhaven. From Gloomhaven: Buttons &amp; Bugs, Gloomhaven: The Role Playing Game, Miniatures of Gloomhaven, Gloomhaven: Second Edition and more, there is something for everyone.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-top-funded">
          <div id="stats_project_20" class="flex items-center justify-start stats_project_20">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $5,053,380
    </div>
    <span class="font-inter text-xs m-0">of $2,000,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">34,691</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-top-funded"><img alt="The MCDM RPG: Draw Steel" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#3 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2125010/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for MCDM Productions" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              MCDM Productions
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1704441660">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The MCDM RPG: Draw Steel</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Whether you’re a group of local heroes sent to investigate mysterious goings-on in the nearby haunted wood, or famous mercenaries plotting and scheming in the big city, the MCDM RPG makes building adventures and fighting monsters fun.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-top-funded">
          <div id="stats_project_926" class="flex items-center justify-start stats_project_926">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $4,600,520
    </div>
    <span class="font-inter text-xs m-0">of $800,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">30,177</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-top-funded"><img alt="Return to Dark Tower Second Printing and New Covenant Expansion" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#4 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/671366/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img class="rounded-full border border-gray-300" alt="user avatar image for Justin D. Jacobson (Board Game Necromancer)" src="https://www.gravatar.com/avatar/3d94bf62ef0cbff07ab6599affae31e3?default=mp&amp;size=24">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Restoration Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1660719540">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Return to Dark Tower Second Printing and New Covenant Expansion</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray"></p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-top-funded">
          <div id="stats_project_26" class="flex items-center justify-start stats_project_26">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,052,918
    </div>
    <span class="font-inter text-xs m-0">of $400,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">17,068</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-top-funded"><img alt="The Magnus Archives Roleplaying Game" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#5 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2072972/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Monte Cook Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5fe962bc74d8861d16e292201b96d769?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5fe962bc74d8861d16e292201b96d769?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Monte Cook Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1695427200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The Magnus Archives Roleplaying Game</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The tabletop roleplaying game based on the hit horror podcast The Magnus Archives.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-top-funded">
          <div id="stats_project_347" class="flex items-center justify-start stats_project_347">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,027,997
    </div>
    <span class="font-inter text-xs m-0">of $100,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">11,622</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-top-funded"><img alt="Lackadaisy: What Comes Next. Books, Plushes, and Animation!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#6 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #92CAFF" href="/c/collections/comics">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Comics
    </span>
</a>
        </div>
        <a href="/c/users/915184/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Iron Circus Comics" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/d40ac50f4b56b84be687e6d8af117db8?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/d40ac50f4b56b84be687e6d8af117db8?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Iron Circus Comics
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1692939600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Lackadaisy: What Comes Next. Books, Plushes, and Animation!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Help us kick off SEASON ONE of the animated Lackadaisy! Plus, get your hands on hardcover reissues of Lackadaisy in print, and plushies, too!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-top-funded">
          <div id="stats_project_209" class="flex items-center justify-start stats_project_209">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,008,728
    </div>
    <span class="font-inter text-xs m-0">of $125,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">16,053</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="7 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-top-funded"><img alt="Munchkin Big Box" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#7 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/39636/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Steve Jackson Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/2cfef22ca7e7be926a3f7e71b714ca22?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/2cfef22ca7e7be926a3f7e71b714ca22?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Steve Jackson Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1715909353">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Munchkin Big Box</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Dive into 25 years of chaos and monster-slaying, all in one gigantic box, the Munchkin Big Box! Kill the monsters, betray your buddies, and hoard the treasures like never before.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-top-funded">
          <div id="stats_project_2376" class="flex items-center justify-start stats_project_2376">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,313,127
    </div>
    <span class="font-inter text-xs m-0">of $75,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">9,197</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="8 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-top-funded"><img alt="Spirit Island: Nature Incarnate" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#8 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/563827/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Greater Than Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/e928eb4b5ad4cd4cc7609f2ec7f062f7?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/e928eb4b5ad4cd4cc7609f2ec7f062f7?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Greater Than Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1668726000">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Spirit Island: Nature Incarnate</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The next expansion of the award winning settler destruction game, Spirit Island: Nature Incarnate brings the fight to the Invaders with new spirits, mechanics, and more.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-top-funded">
          <div id="stats_project_13" class="flex items-center justify-start stats_project_13">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,199,947
    </div>
    <span class="font-inter text-xs m-0">of $40,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">11,895</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="9 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/boom-studios/the-amory-wars-returns-with-no-world-for-tomorrow?ref=bk-discover-top-funded"><img alt="THE AMORY WARS Returns With NO WORLD FOR TOMORROW" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/q4q2v4a5iqq5hq1a2kx4r186xj98?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#9 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #92CAFF" href="/c/collections/comics">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Comics
    </span>
</a>
        </div>
        <a href="/c/users/2118990/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for BOOM! Studios" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/ac843dc4cafc39f657621e58bc2a214c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/ac843dc4cafc39f657621e58bc2a214c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/8tj5ocqv0ireap2fnv77x41ny2rv?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              BOOM! Studios
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1701975600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/boom-studios/the-amory-wars-returns-with-no-world-for-tomorrow?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">THE AMORY WARS Returns With NO WORLD FOR TOMORROW</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Reserve the new series in an exclusive variant cover set or as a complete set of collected editions, limited edition collectibles, &amp; more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/boom-studios/the-amory-wars-returns-with-no-world-for-tomorrow?ref=bk-discover-top-funded">
          <div id="stats_project_1043" class="flex items-center justify-start stats_project_1043">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $952,216
    </div>
    <span class="font-inter text-xs m-0">of $25,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">6,711</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="10 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/monte-cook-games/ogoa-ii?ref=bk-discover-top-funded"><img alt="Old Gods of Appalachia: Deeper Still" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/sx4o1w8c3piesxcn3ofkxm90nuzd?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#10 Most funded project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2060396/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Charles Ryan" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/6e048467eb479f2cc0265c7de725df49?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/6e048467eb479f2cc0265c7de725df49?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/z2a6e99b7780b07xfoe1686zp5nd?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Monte Cook Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1726893254">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/monte-cook-games/ogoa-ii?ref=bk-discover-top-funded">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Old Gods of Appalachia: Deeper Still</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Take your Old Gods of Appalachia Roleplaying Game adventures to deeper, creepier, and more atmospheric places with three new supplements plus useful and immersive extras. And if you're new to the game, this is a great place to start!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/monte-cook-games/ogoa-ii?ref=bk-discover-top-funded">
          <div id="stats_project_3058" class="flex items-center justify-start stats_project_3058">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $803,832
    </div>
    <span class="font-inter text-xs m-0">of $100,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">5,211</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="11 / 11">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a href="/c/collections/all_time/projects?sort_by=most_funded">See the full list</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a href="/c/collections/all_time/projects?sort_by=most_funded">See the full list</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

          <div class="my-12">
    <hr class="w-full mx-0 lg:mr-8 xl:mr-0 border border-secondaryGray">
  </div>
<div id="most_backers" class="swiper swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden swiper-css-mode" data-controller="carousel">
  <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 sm:flex items-center justify-between mb-6">
    <div>
      <div class="flex gap-2 items-center">
        <div>👑</div>
        <h1 class="text-2xl">Most Backers of All Time</h1>
      </div>
      <div class="text-sm font-inter text-primaryTextGray">Most backed projects on BackerKit Crowdfunding</div>
    </div>
    <div class="justify-end hidden sm:flex">
      <div class="flex items-center gap-2">
        <div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-6ab79d17175055f5" aria-disabled="true">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 9l-3 3m0 0l3 3m-3-3h7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-6ab79d17175055f5" aria-disabled="false">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="h-10">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
      </div>
    </div>
  </div>
  
  <div class="mx-0 swiper-wrapper py-1" id="swiper-wrapper-6ab79d17175055f5" aria-live="polite">
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 ml-8 lg:ml-0 swiper-slide-active" role="group" aria-label="1 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-most-backers"><img alt="Words of Radiance Leatherbound by Brandon Sanderson" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/80ymyslan87kh75k89tg5zhlrvr8?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#1 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #9797FF" href="/c/collections/writing-publishing">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Writing &amp; Publishing
    </span>
</a>
        </div>
        <a href="/c/users/1982410/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Dragonsteel" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/64575a3e2b617ef9f3d783f92b8b1f70?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/64575a3e2b617ef9f3d783f92b8b1f70?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/r97yzrxtpkom12p34qf9feng4kz3?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Dragonsteel
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1711880596">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Words of Radiance Leatherbound by Brandon Sanderson</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Words of Radiance, the second in Brandon Sanderson's epic series The Stormlight Archive, arrives in leatherbound! You can also join in for a New Secret Project, Dragonsteel Prime, The Way of Kings Prime (Second Edition), spren plushies, and more!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/dragonsteel/words-of-radiance-leatherbound?ref=bk-discover-most-backers">
          <div id="stats_project_953" class="flex items-center justify-start stats_project_953">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $23,756,818
    </div>
    <span class="font-inter text-xs m-0">of $2,000,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">102,089</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6 swiper-slide-next" role="group" aria-label="2 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-most-backers"><img alt="Gloomhaven Grand Festival" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ij7gi1r966qve0x0bsnlzcc9sz8m?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#2 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/1889932/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Cephalofair Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/0e45f1d51a51b3996aa43426bf264d8b?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/0e45f1d51a51b3996aa43426bf264d8b?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ttb740vccwutrekdas3q1lye6mbg?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Cephalofair
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1689814800">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Gloomhaven Grand Festival</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">We invite you to join the celebration and check out the latest in the city of Gloomhaven. From Gloomhaven: Buttons &amp; Bugs, Gloomhaven: The Role Playing Game, Miniatures of Gloomhaven, Gloomhaven: Second Edition and more, there is something for everyone.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/cephalofair/gloomhaven?ref=bk-discover-most-backers">
          <div id="stats_project_20" class="flex items-center justify-start stats_project_20">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $5,053,380
    </div>
    <span class="font-inter text-xs m-0">of $2,000,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">34,691</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="3 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-most-backers"><img alt="The MCDM RPG: Draw Steel" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/ye00kwvok63bjp0xo5luage7atje?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#3 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2125010/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for MCDM Productions" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              MCDM Productions
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1704441660">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The MCDM RPG: Draw Steel</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Whether you’re a group of local heroes sent to investigate mysterious goings-on in the nearby haunted wood, or famous mercenaries plotting and scheming in the big city, the MCDM RPG makes building adventures and fighting monsters fun.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/mcdm-productions/mcdm-rpg?ref=bk-discover-most-backers">
          <div id="stats_project_926" class="flex items-center justify-start stats_project_926">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $4,600,520
    </div>
    <span class="font-inter text-xs m-0">of $800,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">30,177</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="4 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-most-backers"><img alt="Return to Dark Tower Second Printing and New Covenant Expansion" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/nzvnlqiea8jjueynwnd3y7fvi8in?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#4 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/671366/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img class="rounded-full border border-gray-300" alt="user avatar image for Justin D. Jacobson (Board Game Necromancer)" src="https://www.gravatar.com/avatar/3d94bf62ef0cbff07ab6599affae31e3?default=mp&amp;size=24">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Restoration Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1660719540">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Return to Dark Tower Second Printing and New Covenant Expansion</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray"></p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/restoration-games/return-to-dark-tower?ref=bk-discover-most-backers">
          <div id="stats_project_26" class="flex items-center justify-start stats_project_26">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,052,918
    </div>
    <span class="font-inter text-xs m-0">of $400,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">17,068</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="5 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-most-backers"><img alt="Lackadaisy: What Comes Next. Books, Plushes, and Animation!" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/a0vgvjp1cd6o9e0x9hb9kwyjxmj2?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#5 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #92CAFF" href="/c/collections/comics">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Comics
    </span>
</a>
        </div>
        <a href="/c/users/915184/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Iron Circus Comics" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/d40ac50f4b56b84be687e6d8af117db8?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/d40ac50f4b56b84be687e6d8af117db8?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/14i4p42x8vycyqg9yfu0vygvflho?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Iron Circus Comics
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1692939600">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Lackadaisy: What Comes Next. Books, Plushes, and Animation!</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Help us kick off SEASON ONE of the animated Lackadaisy! Plus, get your hands on hardcover reissues of Lackadaisy in print, and plushies, too!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/iron-circus-comics/lackadaisy-bookset-and-plushes?ref=bk-discover-most-backers">
          <div id="stats_project_209" class="flex items-center justify-start stats_project_209">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,008,728
    </div>
    <span class="font-inter text-xs m-0">of $125,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">16,053</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="6 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/mcdm-productions/where-evil-lives-the-mcdm-book-of-boss-battles?ref=bk-discover-most-backers"><img alt="&quot;Where Evil Lives&quot; - The MCDM Book of Boss Battles for 5E" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/hxuq8owcusycfsmdbtmqrtkgtlye?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#6 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2125010/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for MCDM Productions" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fb6189aa197390e12cc20b8d95f6946c?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1okx92t93yzdkhmtjb5v70njk6bb?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              MCDM Productions
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1692082740">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/mcdm-productions/where-evil-lives-the-mcdm-book-of-boss-battles?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">"Where Evil Lives" - The MCDM Book of Boss Battles for 5E</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Game prep just got easier, and game night just got a whole lot more fun. Get 22 drop-in dungeons with dynamic combat encounters for 5e!</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/mcdm-productions/where-evil-lives-the-mcdm-book-of-boss-battles?ref=bk-discover-most-backers">
          <div id="stats_project_496" class="flex items-center justify-start stats_project_496">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $344,651
    </div>
    <span class="font-inter text-xs m-0">of $150,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">12,875</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="7 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-most-backers"><img alt="Spirit Island: Nature Incarnate" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6xkd76mgz9col9dtgn79mefy3s7b?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#7 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/563827/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Greater Than Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/e928eb4b5ad4cd4cc7609f2ec7f062f7?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/e928eb4b5ad4cd4cc7609f2ec7f062f7?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1lubwqiymdfathu68hksjbjowhcu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Greater Than Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1668726000">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Spirit Island: Nature Incarnate</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The next expansion of the award winning settler destruction game, Spirit Island: Nature Incarnate brings the fight to the Invaders with new spirits, mechanics, and more.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/greater-than-games/spirit-island-nature-incarnate?ref=bk-discover-most-backers">
          <div id="stats_project_13" class="flex items-center justify-start stats_project_13">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,199,947
    </div>
    <span class="font-inter text-xs m-0">of $40,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">11,895</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="8 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-most-backers"><img alt="The Magnus Archives Roleplaying Game" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/e6plzhxb2naure3tiqwkoxy5yrxq?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#8 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F0E0FF" href="/c/collections/role-playing-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Role-Playing Games
    </span>
</a>
        </div>
        <a href="/c/users/2072972/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Monte Cook Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/5fe962bc74d8861d16e292201b96d769?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/5fe962bc74d8861d16e292201b96d769?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/x8khf35af7p9kqwssayaqpyoskuu?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Monte Cook Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1695427200">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">The Magnus Archives Roleplaying Game</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">The tabletop roleplaying game based on the hit horror podcast The Magnus Archives.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/monte-cook-games/the-magnus-archives-roleplaying-game?ref=bk-discover-most-backers">
          <div id="stats_project_347" class="flex items-center justify-start stats_project_347">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $2,027,997
    </div>
    <span class="font-inter text-xs m-0">of $100,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">11,622</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="9 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-most-backers"><img alt="Munchkin Big Box" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/6j45b9cwuy56u9vh9wqpsz30mwb0?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#9 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/39636/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Steve Jackson Games" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/2cfef22ca7e7be926a3f7e71b714ca22?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/2cfef22ca7e7be926a3f7e71b714ca22?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/7hticmr7uiz49w1xe5jxv6iugexa?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              Steve Jackson Games
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1715909353">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Munchkin Big Box</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">Dive into 25 years of chaos and monster-slaying, all in one gigantic box, the Munchkin Big Box! Kill the monsters, betray your buddies, and hoard the treasures like never before.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/steve-jackson-games/munchkin-big-box?ref=bk-discover-most-backers">
          <div id="stats_project_2376" class="flex items-center justify-start stats_project_2376">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $1,313,127
    </div>
    <span class="font-inter text-xs m-0">of $75,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">9,197</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>
      <div class="max-w-[300px] scroll-mx-8 lg:scroll-mx-0 swiper-slide pl-0.5 mr-4 3xl:mr-6" role="group" aria-label="10 / 11">
        
  <div class="group bg-white rounded-xl shadow ring-1 ring-black ring-opacity-5 overflow-hidden md:hover:drop-shadow">
  <div class="relative h-full pb-[70px]">
    <div class="w-full aspect-[16/9] overflow-hidden">
      <div class="md:group-hover:scale-105 transition ease-in-out duration-300 z-0 relative">
        
      <a href="/c/projects/alex-hague/daybreak?ref=bk-discover-most-backers"><img alt="Daybreak" class="object-cover w-full h-full aspect-[16/9]" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/k6b5t3kvl6t971646da6yswp9y5x?ixlib=rails-4.3.1&amp;auto=compress%2Cformat&amp;cs=srgb&amp;lossless=true&amp;w=480"></a>

      </div>
    </div>

      <div class="w-full top-0 relative ease-in-out duration-300 md:group-hover:top-[32px]">
        <div><div class="flex items-center gap-1 px-3 text-xs py-2 bg-gray-100 font-sans">
  <div class="">
    👑
  </div>
  <div>
    <div class="text-primaryTextGray relative top-[1px]">#10 Most backed project</div>
  </div>
</div></div>
      </div>

    <div class="relative border-t border-gray-200 bg-white h-[150px] top-[0px] ease-in-out duration-300 md:hover:-top-[76px] md:group-hover:-top-[76px] z-10">
        <div class="absolute top-4 left-4">
          
  <a class="w-fit h-fit rounded-md flex items-center justify-between py-1 px-2 text-sm md:text-base " style="background-color: #F7A190" href="/c/collections/tabletop-games">
    <span class="uppercase font-inter text-xs leading-4 font-normal relative top-[1px] text-primartyBlack">
      Tabletop Games
    </span>
</a>
        </div>
        <a href="/c/users/274343/profile">
          <div class="group/creator absolute top-28 left-4 font-inter flex items-center gap-2">
            <img alt="user avatar image for Alex Hague" class="rounded-full border border-gray-300" onerror="this.onerror=null; this.srcset='https://www.gravatar.com/avatar/fe50e1eb835d78011be3d099519db626?default=mp&amp;size=24'; this.src='https://www.gravatar.com/avatar/fe50e1eb835d78011be3d099519db626?default=mp&amp;size=24';" srcset="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=1&amp;q=75 1x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=2&amp;q=50 2x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=3&amp;q=35 3x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=4&amp;q=23 4x,
https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat&amp;dpr=5&amp;q=20 5x" sizes="100vw" src="https://bk-prod.imgix.net/active_storage/backerkit_production/blob/1b3pg2t6v7c566q0z0bq35qw5hlo?ixlib=rails-4.3.1&amp;w=24&amp;h=24&amp;fit=crop&amp;crop=center&amp;auto=compress%2Cformat">
            <div class="flex-auto line-clamp-1 md:group-hover/creator:underline">
              CMYK
            </div>
          </div>
</a>      <div class="absolute top-[18px] right-4 font-inter text-sm text-primaryTextGray">
          <div data-controller="timer" data-timer-ended-value="Ended" data-timer-days-left-value="days left" data-timer-hours-left-value="hours left" data-timer-minutes-left-value="minutes left" data-timer-seconds-left-value="seconds left" data-timer-to-value="1666292400">
              <span class="leading-none">
                <time data-timer-target="timeToProjectEnd">Ended</time>
              </span>
            <span class="m-0" data-timer-target="timeUnit"></span>
          </div>
      </div>
      <a href="/c/projects/alex-hague/daybreak?ref=bk-discover-most-backers">
        <div class="p-4 pt-12 space-y-3">
          <div class="min-h-[90px] overflow-hidden space-y-2">
            <h1 class="text-lg leading-6 line-clamp-2 hover:underline">Daybreak</h1>
          </div>
          <p class="font-inter text-sm line-clamp-3 min-h-[60px] text-primaryTextGray">A cooperative boardgame about stopping climate change, from the creator of Pandemic.</p>
        </div>
</a>    </div>

    <div class="bg-white border-t border-gray-200 text-primaryTextGray h-[70px] px-4 flex items-center absolute bottom-0 w-full md:group-hover:bg-cfBlue md:group-hover:text-white ease-in-out duration-300 transition z-20">
        <a href="/c/projects/alex-hague/daybreak?ref=bk-discover-most-backers">
          <div id="stats_project_45" class="flex items-center justify-start stats_project_45">
  <div class="mr-4">
    <div class="lg:text-xl leading-none">
      $450,015
    </div>
    <span class="font-inter text-xs m-0">of $75,000
      goal</span>
  </div>
  <div class="mr-4">
    <div class="lg:text-xl leading-none">8,977</div>
    <span class="font-inter text-xs m-0">backers</span>
  </div>
</div>

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


      </div>


      <div class="max-w-[300px] swiper-slide h-auto mr-0.5" role="group" aria-label="11 / 11">
        <div class="h-full bg-white overflow-hidden w-full text-center group relative">
          <div class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
            <div class="font-medium text-sm hover:underline">
              <a href="/c/collections/all_time/projects?sort_by=most_funded">See the full list</a>
            </div>
          </div>
        </div>
      </div>
  </div>

    <div class="mx-8 lg:mx-0 lg:mr-8 xl:mr-0 flex items-center lg:justify-end mt-4 py-4 pl-0.5 group">
      <span class="font-medium text-sm group-hover:underline"><a href="/c/collections/all_time/projects?sort_by=most_funded">See the full list</a></span>
      
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-4 w-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"></path>
</svg>

    </div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
    </div>

      </div>

  </div>
  <div class="sf-grid-sidebar-right font-walsheim">
    <div class="sticky top-[56px] sm:top-[68px] bg-primaryGray overflow-y-clip scrollbar-hide">
      
        <div class="flex flex-col justify-between h-[calc(100vh-100px)] relative font-inter">
  <div class="pb-8 m-8 mt-12">
    <aside class="lg:grow flex-col w-full pb-8 lg:pb-0 lg:max-w-xs z-10">
      <nav role="navigation" class="w-full lg:h-auto grow">
        <div class="sm:flex items-center justify-between mb-6">
          <div>
            <h1 class="font-medium text-xl">Recent activity</h1>
          </div>
        </div>
        <ul class="font-inter space-y-2">
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/1201691/profile">Emma MacLeod</a>
was the 96th backer on 
<a class="font-inter hover:underline" href="/c/projects/henrik-hertogs/hymn-of-the-dragonflower-cypher-system?ref=bk-discover-user-feed">Hymn of the Dragonflower: Cypher System</a>
</span>
<span class="text-primaryTextGray">
  — 1 minute ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/639340/profile">Jessica politano</a>
was the 659th backer on 
<a class="font-inter hover:underline" href="/c/projects/charmsey/circus-sweeties?ref=bk-discover-user-feed">Circus Sweeties</a>
</span>
<span class="text-primaryTextGray">
  — 3 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/14184/profile">Allison E. Kaese</a>
was the 721st backer on 
<a class="font-inter hover:underline" href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-user-feed">Worldographer 2025</a>
</span>
<span class="text-primaryTextGray">
  — 5 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/1436041/profile">Jody</a>
was the 1757th backer on 
<a class="font-inter hover:underline" href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition?ref=bk-discover-user-feed">The Expanse Roleplaying Game: Transport Union Edition</a>
</span>
<span class="text-primaryTextGray">
  — 6 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/1163974/profile">Noah</a>
was the 720th backer on 
<a class="font-inter hover:underline" href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-user-feed">Worldographer 2025</a>
</span>
<span class="text-primaryTextGray">
  — 7 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/40063/profile">Ryan Elliott</a>
was the 2184th backer on 
<a class="font-inter hover:underline" href="/c/projects/the-gauntlet/the-between?ref=bk-discover-user-feed">The Between</a>
</span>
<span class="text-primaryTextGray">
  — 7 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/2558904/profile">Rob Conklin</a>
was the 719th backer on 
<a class="font-inter hover:underline" href="/c/projects/inkwell-ideas/worldographer-2?ref=bk-discover-user-feed">Worldographer 2025</a>
</span>
<span class="text-primaryTextGray">
  — 9 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/2888832/profile">Sharon Olson</a>
was the 6422nd backer on 
<a class="font-inter hover:underline" href="/c/projects/windborne/to-warm-the-winter-hearth-windborne-s-album-book-of-winter-celebration?ref=bk-discover-user-feed">To Warm The Winter Hearth: Windborne's Album &amp; Book of Midwinter Celebration</a>
</span>
<span class="text-primaryTextGray">
  — 10 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/2499536/profile">Alyssa</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs/polls/2337?ref=bk-discover-user-feed">Which flag should be added to the lin...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-user-feed">Chaotic Queer-- Pride Pins inspired by TTRPGs</a>
  — 11 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/1422291/profile">leslie</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game/polls/1993?ref=bk-discover-user-feed">When did Welcome to Night Vale premiere?</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-discover-user-feed">Welcome to Night Vale Roleplaying Game</a>
  — 11 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/2499536/profile">Alyssa</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs/polls/2343?ref=bk-discover-user-feed">Which flag should be added to the lin...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-user-feed">Chaotic Queer-- Pride Pins inspired by TTRPGs</a>
  — 12 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/2625354/profile">Conley</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/polls/2349?ref=bk-discover-user-feed">20K Stretch: It’s up to you!</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-user-feed">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</a>
  — 12 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                
<span>
  <a class="font-inter hover:underline" href="/c/users/1255738/profile">Crazier</a>
  liked
  <a class="font-inter hover:underline" href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition/discussions/29553/comments/124148?ref=bk-discover-user-feed">Ah yes, okay - character dossier, jou...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/green-ronin-publishing/the-expanse-roleplaying-game-transport-union-edition?ref=bk-discover-user-feed">The Expanse Roleplaying Game: Transport Union Edition</a>
  — 13 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                
<span>
  <a class="font-inter hover:underline" href="/c/users/1232938/profile">jaerdaph</a>
  liked
  <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29533?ref=bk-discover-user-feed">Project Update: $12K- Holy Cow! More ...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-user-feed">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</a>
  — 13 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                
<span>
  <a class="font-inter hover:underline" href="/c/users/1232938/profile">jaerdaph</a>
  liked
  <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29533/comments/123467?ref=bk-discover-user-feed">13 This Week is a sweet Zine, newcome...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-user-feed">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</a>
  — 13 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/2730607/profile">Cass</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs/polls/2345?ref=bk-discover-user-feed">Which familiar should be prioritized ...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/gay-breakfast/chaotic-queer-pride-pins-inspired-by-ttrpgs?ref=bk-discover-user-feed">Chaotic Queer-- Pride Pins inspired by TTRPGs</a>
  — 15 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                
<span>
  <a class="font-inter hover:underline" href="/c/users/1800203/profile">slumberjack6</a>
  liked
  <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access/discussions/29652/comments/124077?ref=bk-discover-user-feed">Tell me more about this employee ID c...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/get-haunted-industries/weird-heroes-of-public-access?ref=bk-discover-user-feed">Weird Heroes of Public Access- WHPA-TV13 Role Playing Game</a>
  — 16 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/1482308/profile">Hakabane</a>
was the 2312th backer on 
<a class="font-inter hover:underline" href="/c/projects/mcdm-productions/draw-steel-roll-power-dice?ref=bk-discover-user-feed">Draw Steel, Roll Power, DICE!</a>
</span>
<span class="text-primaryTextGray">
  — 18 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/2888829/profile">River Unknown</a>
was the 3866th backer on 
<a class="font-inter hover:underline" href="/c/projects/renegade-game-studios/welcome-night-vale-roleplaying-game?ref=bk-discover-user-feed">Welcome to Night Vale Roleplaying Game</a>
</span>
<span class="text-primaryTextGray">
  — 18 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/1732588/profile">shayne</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats/polls/2338?ref=bk-discover-user-feed">Choose the design for the Reality Cat...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-user-feed">Coping Cats</a>
  — 19 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/1732588/profile">shayne</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats/polls/2339?ref=bk-discover-user-feed">Choose the design for the Aspirationa...</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-user-feed">Coping Cats</a>
  — 20 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/809185/profile">Tony Bourne</a>
was the 842nd backer on 
<a class="font-inter hover:underline" href="/c/projects/leyline-press/salvage-union-starter-set?ref=bk-discover-user-feed">Salvage Union Starter Set</a>
</span>
<span class="text-primaryTextGray">
  — 21 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/1732588/profile">shayne</a>
  started a discussion
  <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats/discussions/29704?ref=bk-discover-user-feed">About pin choice</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/carrie-alyson/coping-cats?ref=bk-discover-user-feed">Coping Cats</a>
  — 22 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
<a class="font-inter hover:underline" href="/c/users/2888824/profile">Elspeth Read</a>
was the 6421st backer on 
<a class="font-inter hover:underline" href="/c/projects/windborne/to-warm-the-winter-hearth-windborne-s-album-book-of-winter-celebration?ref=bk-discover-user-feed">To Warm The Winter Hearth: Windborne's Album &amp; Book of Midwinter Celebration</a>
</span>
<span class="text-primaryTextGray">
  — 22 minutes ago
</span>

              </div>
            </li>
            <li>
              <div class="text-xs text-primaryBlack leading-5">
                <span>
  <a class="font-inter hover:underline" href="/c/users/2888828/profile">Sarah</a>
  voted on 
  <a class="font-inter hover:underline" href="/c/projects/munespice/creature-cafe-inspired-by-real-life-creatures-of-the-world/polls/2333?ref=bk-discover-user-feed">Which Creature are you most excited for?</a>
</span>
<span class="text-primaryTextGray">
  on <a class="font-inter hover:underline" href="/c/projects/munespice/creature-cafe-inspired-by-real-life-creatures-of-the-world?ref=bk-discover-user-feed">Creature Café: Bags &amp; Pouches Inspired by Amazing Creatures of the World</a>
  — 23 minutes ago
</span>

              </div>
            </li>
        </ul>
      </nav>
    </aside>
  </div>
</div>


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

  </main>
</div>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8ce750065e20667b',t:'MTcyODIzNTEyNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>


<iframe name="__privateStripeMetricsController5980" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/m-outer-3437aaddcdf6922d623e172c2d6f9278.html#url=https%3A%2F%2Fwww.backerkit.com%2F&amp;title=BackerKit%20-%20Dive%20into%20something%20you%20love&amp;referrer=&amp;muid=NA&amp;sid=NA&amp;version=6&amp;preview=false" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe></body></html>