  <turbo-stream action="update" target="guest-login-modal-content"><template>
    <div class="flex flex-col gap-6">
  <div class="flex items-center justify-between right-5 top-5 absolute w-[92%]">
    <a data-turbo-stream="true" class="flex cursor-pointer" href="/login-modal?type=signin">
      <i class="icon-arrow-left text-[24px] text-[#2F2C25]"></i>
</a>    <a data-turbo-stream="true" class="flex cursor-pointer" href="/login-modal?type=close">
      <i class="anron-cross text-[24px] text-[#2F2C25]"></i>
</a>  </div>
  <div class="flex flex-col gap-6">
    <div class="flex flex-col items-center gap-4">
      <img src="https://topline.com/assets/logo-94740f7e.png" alt="logo">
      <h4 class="text-[#2F2C25] text-2xl leading-8 text-center font-bold font-manrope">Forgot your password?</h4>
    </div>
    <form class="new_user" id="new_user" action="/users/password" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMdbISYgQUnWX9r7DI8aja_ROmijAuoye9YrqsOFpVDGyLnw2WvgY99z-KHLKNrxN4EczA6z31YWUvQodZuhMg" autocomplete="off" />
      <div class="form-group w-full flex flex-col gap-1 cursor-pointer [&_label]:font-semibold! [&_label]:text-[#2F2C25]">
        <label class="text-[#2F2C25] text-sm not-italic leading-5! font-manrope! mb-1" for="user_email">Email</label>
        <input autocomplete="email" required="required" id="mdl_lost_email_address" placeholder="Enter Email Address" class="w-full text-[16px]! font-normal! rounded-lg! border-[rgba(47,44,37,0.20)]! leading-6! text-[#2F2C25]! placeholder:text-[rgba(47,44,37,0.50)]! h-[40px]" type="email" value="" name="user[email]" />
      </div>
      <div id="turnstile-widget" class="cf-turnstile my-3" data-controller="cloudflare-turnstile"
        data-sitekey="0x4AAAAAAA6CqrkTPt2fbvMv"
        data-callback="cloudflareTurnstileCallback" data-size="flexible" data-theme="light">
      </div>
      <div class="form-group mt-4">
        <button name="button" type="submit" class="db-btn-primary-v2 w-full justify-center">
          <div class="content" data-hover-text="Send me reset password instructions">
            <span>Send me reset password instructions</span>
          </div>
</button>      </div>
</form>  </div>
  <div class="border-t border-solid border-[rgba(47,44,37,0.08)] p-[20px_30px] lg:m-[0_-30px_-30px] m-[0_-20px_-20px]">
    <span class="text-[rgba(47,44,37,0.80)] text-sm not-italic font-normal leading-5 font-manrope block text-center">Didn't receive confirmation instructions?</span>
  </div>
</div>


</template></turbo-stream>