<turbo-stream action="update" target="form-modal-container"><template><div class="fixed z-50 inset-0 overflow-y-auto" style="background-color: rgba(0,0,0,.5);">
  <div class="modal-overlay flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
	<div class="fixed inset-0 transition-opacity" aria-hidden="true">
	  <div class="absolute inset-0 bg-gray-800 dark:bg-gray-800-dmbg opacity-75"></div>
	</div>
	<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
	<div class="inline-block align-bottom md:align-middle bg-white dark:bg-white-dmbg rounded-lg text-left overflow-hidden shadow-xl transform transition-all md:max-w-4xl w-full">
		<div class="flex px-8 py-4 justify-between items-center border-b">

		  <h3 class="text-dark-gray dark:text-dark-gray-dmt text-xl font-semibold" id="shared_modal_header">
			Screenshot
		  </h3>

		  <button id="modal-close-button" type="button" class="bg-white dark:bg-white-dmbg rounded-md text-gray-400 dark:text-gray-400-dmt hover:text-gray-500 dark:hover:text-gray-500-dmt focus:outline-none">
			<span class="sr-only">Close</span>
				<i class="fa-sharp fa-light fa-xmark text-2xl dark:text-white-dmt"></i>
		  </button>
		</div>

	  <div class="px-4 md:px-8 py-6 text-sm md:text-base">
		
	<div class="w-full">
		<img src="/assets/task4-1361424b7237670bb0608fcccf8dc9074a6a6981f636489be1771aee99f69c61.webp" />
	</div>

	  </div>
	</div>
  </div>
</div>
</template></turbo-stream>
<turbo-stream action="execute_js">
  <template>
    <script>
      $('#modal-close-button').on('click', function() {
        $('#form-modal-container').html('')
      })
    </script>
  </template>
</turbo-stream>