<turbo-stream action="append" target="modal"><template><div data-controller="modal" data-modal-open-value="true" class="overflow-hidden relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
  <dialog data-modal-open-value="true" data-modal-target="dialog" class="mt-14 rounded-lg text-center w-full sm:max-w-[400px] overflow-hidden backdrop:bg-black/80 fixed inset-0 z-10 overflow-y-auto">
    <div class="cursor-pointer fixed inset-0 bg-black bg-opacity-20 animate-fadein gh-portal-popup-background overflow-y-hidden" data-action="click->modal#close" aria-hidden="true"></div>

    <div class="flex min-h-full items-end justify-center text-center sm:items-center p-0">
      <div class="relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left transition-all w-full sm:p-6">
        <div class="absolute right-0 top-0 hidden pr-4 pt-4 sm:block">
          <button data-action="modal#close" type="button" class="rounded-md text-gray-400 hover:text-gray-500">
            <span class="sr-only">Close</span>
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
            </svg>
          </button>
        </div>
        <div>
          <h3 class="text-base text-gray-500 font-semibold !text-gray-900" id="modal-title">
            
          </h3>
          <div class="mt-2">
            
  <form action="/user_sessions" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S7WKInnShJ6iKttQf10PgeOFqZDNkF0MSC-TJXsKwQUI3-rob4xypugLh2itnqnAoWccjMNikwCYDN3b7iQYDQ" autocomplete="off" />
    <div class="w-full">
      <div data-controller="transition" data-transition-show-value="true" data-transition-auto-hide-duration-value="5000" id="flash-messages">
</div>

    </div>
    <div class="flex justify-center ">
      <img alt="Typecraft Dev" class="max-w-[75px] mt-3 mb-2.5 mx-0" src="https://cms.typecraft.dev/content/images/2024/04/logo-without.png" />
    </div>
    <p class="text-center text-3xl font-bold !text-gray-900 mb-2">Sign in</p>

    <div class="mb-4">
      <label class="block text-sm font-medium text-gray-900 mb-2" for="user_email">Email</label>
      <input value="" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm" placeholder="jamie@example.com" type="email" name="user[email]" id="user_email" />
      <input autocomplete="off" type="hidden" name="user[redirect_url]" id="user_redirect_url" />
    </div>
    <div class="flex justify-end">
      <input type="submit" name="commit" value="Continue" class="mt-3 cursor-pointer bg-accent w-full text-white font-bold py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-opacity-50" data-disable-with="Continue" />
    </div>
    <p class="mt-4 text-center text-sm text-gray-800">
      Don't have an account?
      <a class="font-bold !text-accent !no-underline hover:text-purple-600" data-turbo="false" href="/checkouts/new">Sign up</a>
    </p>
</form>
          </div>
        </div>
      </div>
    </div>
  </dialog>
</div>
</template></turbo-stream>