<turbo-stream action="update" target="nav-guest-favourites-bottom-stacking-context"><template>
  <div class="fixed bottom-0 md:bottom-inherit md:top-[90px] rounded-md w-full md:w-[400px] h-max right-0 md:right-[30px] z-[999] bg-white shadow-md"
    data-controller="favourites-drawer"
    data-favourites-drawer-context-value="bottom">
    <div class="bg-slate-50 p-10 border-bottom border-gray-300 text-center">
      <h1 class="text-xl font-bold text-zinc-900 mb-10">Save Your Favourites By Signing Up</h1>
      <div>
        <form action="/onboard.turbo_stream" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Eegw73RTk8ZOjik4xYQSVYVLMxpq6l4SxvmgeKJ2kjPZg4r4dD8U965LRwFlsAxPMPKDqO34ILZaZF7nRqqmeg" />
          <input type="email" required="required" autofocus="autofocus" placeholder="Enter your email here" class="text-base w-full px-6 py-4 border border-zinc-400 rounded-md" name="email" id="email" />
          <input type="submit" name="commit" value="Sign Up" class="text-base btn btn-black-white font-semibold w-full mt-4" role="guest-favorites-signup-btn" data-disable-with="Sign Up" />
</form>      </div>
      <div class="mt-8 mb-2"><span class="font-semibold text-base text-primary">Already have an account? <a target="_blank" class="underline" href="/login">Sign In</a></span></div>
    </div>
  </div>
</template></turbo-stream>
