  <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=signin">
    <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 src="https://topline.com/assets/logo-94740f7e.png" alt="logo">
</div>
<form data-turbo="false" action="/users" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="STpLPfFCC7qTLqkZAFypxvdfvY4pjXeXZ4i_zQz7b95jibtwqGI9-Vs63GqhSMN5Li7p1fpPKJVWVSnkP_hiQQ" autocomplete="off" />
  <div class="form-group">
    <div class="cgjxyimnowradbuslkv_1778972707"><style media="screen">.cgjxyimnowradbuslkv_1778972707 {display:none;}</style><label for="cgjxyimnowradbuslkv">If you are a human, ignore this field</label><input type="text" name="cgjxyimnowradbuslkv" id="cgjxyimnowradbuslkv" autocomplete="off" tabindex="-1" /><input type="hidden" name="spinner" value="6933500b2c511498f7cbb3c58e05c706" autocomplete="off" /></div>
  </div>
  <div class="flex flex-col sm:flex-row gap-4">
    <div class="form-group w-full">
      <label class="text-[14px] leading-5 font-medium text-heading_color font-text_font mb-1">Full name</label>
      <input autofocus="autofocus" placeholder="Enter full name" id="mdl_join_fullname" class="w-full" type="text" value="" name="user[name]" />
    </div>
  </div>
  <div class="flex flex-col sm:flex-row gap-4 mt-[14px]">
    <div class="form-group w-full">
      <label class="text-[14px] leading-5 font-medium text-heading_color font-text_font mb-1">Email</label>
      <input autocomplete="email" id="mdl_join_email_address" placeholder="Enter email address" class="w-full" type="email" value="" name="user[email]" />
      <span class="block text-[12px] leading-4 font-normal text-text_color_dark font-text_font mt-1">Later you can login with this email address</span>
    </div>
  </div>
  <div class="flex flex-col sm:flex-row gap-4 mt-[14px]">
    <div class="form-group w-full">
      <label class="text-[14px] leading-5 font-medium text-heading_color font-text_font mb-1">Password</label>
      <input autocomplete="new-password" id="mdl_join_password" placeholder="password" class="w-full" type="password" name="user[password]" />
    </div>
  </div>
  <div class="form-group checkbox flex items-start gap-2 mt-[14px]">
    <input name="user[terms_of_service]" type="hidden" value="0" autocomplete="off" /><input id="mdl_join_tos" class="form-checkbox mt-1 w-[18px] h-[18px] shrink-0 " type="checkbox" value="1" name="user[terms_of_service]" />
    <label for="mdl_join_tos" class="text-sm text-text_color! select-none pt-0.5">
      I accept the <a target="_blank" class="btn-link text-link_color" href="https://company.topline.com/terms-of-service/">terms of service</a>,
      <a target="_blank" class="btn-link text-link_color" href="https://topline.com/privacy-policy/">privacy policy</a>
      & agree to be contacted by Topline via SMS, Phone & Email
    </label>
  </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-[14px]">
    <button name="button" type="submit" class="db-primary-button w-full cursor-pointer">Signup</button>
  </div>
</form><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=signin">
    Sign in
</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>