  <turbo-stream action="update" target="guest-login-modal-content"><template>
    <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=social">
    <i class="icon-arrow-left text-[24px] text-text_color"></i>
</a>  <a data-turbo-stream="true" class="flex cursor-pointer" href="/login-modal?type=close">
    <i class="icon-x-solid text-[24px] text-text_color"></i>
</a></div>
<div class="flex flex-col items-center gap-4">
  <img alt="logo" src="https://topline.com/assets/logo-94740f7e.png" />
  <h4 class="text-[#282B34] text-[24px] text-center leading-8 font-normal font-text_font">Account sign in</h4>
</div>
<form data-turbo="false" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CB0L6Jkaq_xc8oXruIeN0M0og3lIPviCVo4Wu-UheRiX6BFnVRFiNa_c1BEQBpaRtvvGXEQqPrJy-lZcOhNMHA" autocomplete="off" />
  <div class="form-group">
    <label class="text-[14px] leading-5 font-medium text-heading_color font-text_font mb-1">Email</label>
    <input autofocus="autofocus" id="mdl_email_address" autocomplete="email" placeholder="Enter your email here" class="form-control w-full text-[17px]!" type="email" name="user[email]" />
  </div>
  <div class="form-group mt-[14px]">
    <label class="text-[14px] leading-5 font-medium text-heading_color font-text_font mb-1">Password</label>
    <input autocomplete="current-password" id="mdl_password" placeholder="Enter your password here" class="form-control w-full text-[17px]!" type="password" name="user[password]" />
  </div>
  <div id="turnstile-widget" class="cf-turnstile mt-3" data-controller="cloudflare-turnstile"
          data-sitekey="0x4AAAAAAA6CqrkTPt2fbvMv"
          data-callback="cloudflareTurnstileCallback" data-size="flexible" data-theme="light">
  </div>
  <div class="form-group w-full mt-4">
    <input type="submit" name="commit" value="Login" class="primary-button w-full cursor-pointer" data-disable-with="Login" />
  </div>
</form><div class="flex p-[12px_18px] rounded-[8px] items-center gap-3 bg-[#f3f3f3]">
  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
    <path d="M6 0L7.09063 2.26237C7.64809 3.41876 8.58124 4.35191 9.73763 4.90937L12 6L9.73763 7.09063C8.58124 7.64809 7.64809 8.58124 7.09063 9.73763L6 12L4.90937 9.73763C4.35191 8.58124 3.41876 7.64809 2.26237 7.09063L0 6L2.26237 4.90937C3.41876 4.35191 4.35191 3.41876 4.90937 2.26237L6 0Z" fill="#664EFF"></path>
  </svg>
  <span class="inline gap-[8px] text-text_color text-[14px] font-text_font leading-5 font-normal">
    Start hassle-free, get a
    <a data-turbo-stream="true" class="cursor-pointer text-[14px] leading-5 text-link_color font-text_font" href="/login-modal?type=magiclink">
      magic link
</a>    to your account now </span>
</div>
<span class="text-text_color text-[14px] leading-5 font-normal text-center block">By proceeding, you agree to our
  <a class="text-link_color" href="https://company.topline.com/terms-of-service/" target="_blank">Terms of Use</a> and
  <a class="text-link_color" href="https://topline.com/privacy-policy/" target="_blank">Privacy Policy</a>
</span>
<div class="flex items-center justify-between border-t border-solid border-border_color p-[20px_30px] lg:m-[0_-30px_-30px] m-[-20px]">
  <a data-turbo-stream="true" class="cursor-pointer text-[14px] leading-5 font-medium text-link_color font-text_font" href="/login-modal?type=signup">
    Join us
</a>  <a data-turbo-stream="true" class="text-[14px] cursor-pointer leading-5 font-medium text-text_color font-text_font" href="/login-modal?type=password">
    Lost password?
</a></div>

</template></turbo-stream>