···

       
342
       
342
       
 
       
        <div

     

       
343
       
343
       
 
       
          data-draggable

     

       
344
       
344
       
 
       
          classList={{

     

       
345
       
345
       
-
       
            "dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-[50%] w-screen -translate-x-1/2 cursor-grab rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 sm:w-xl lg:w-3xl dark:border-neutral-700 starting:opacity-0": true,

     

       
345
       
345
       
+
       
            "dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-[50%] max-w-3xl w-[calc(100%-1rem)] -translate-x-1/2 cursor-grab rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0": true,

     

       
346
       
346
       
 
       
            "opacity-60 hover:opacity-100": nonBlocking(),

     

       
347
       
347
       
 
       
          }}

     

       
348
       
348
       
 
       
          ref={dragBox}