 <div x-cloak {{ $attributes }}
     class="fixed inset-0 z-50 w-full h-screen m-0 overflow-y-auto bg-opacity-50 backdrop-blur-sm ">
     <div class="absolute inset-0 flex items-center justify-center p-3">
         <div class="w-full md:w-2/5 h-[90vh] flex justify-center items-center flex-col">
             <div
                 class="w-full max-h-full p-3 m-3 overflow-y-auto bg-white rounded-lg shadow-2xl dark:bg-secondary-dark min-h-fit md:p-5">
                 {{ $slot }}
             </div>
         </div>
     </div>
 </div>
