···

       
303
       
303
       
 
       
        nonBlocking={isMinimized()}

     

       
304
       
304
       
 
       
      >

     

       
305
       
305
       
 
       
        <div

     

       
306
       
306
       
+
       
          style="transform: translateX(-50%) translateZ(0);"

     

       
306
       
307
       
 
       
          classList={{

     

       
307
       
307
       
-
       
            "dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-1/2 -translate-x-1/2 flex flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-all duration-200 dark:border-neutral-700 starting:opacity-0": true,

     

       
308
       
308
       
+
       
            "dark:bg-dark-300 dark:shadow-dark-700 pointer-events-auto absolute top-18 left-1/2 flex flex-col rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-all duration-200 dark:border-neutral-700 starting:opacity-0": true,

     

       
308
       
309
       
 
       
            "w-[calc(100%-1rem)] max-w-3xl h-[65vh]": !isMaximized(),

     

       
309
       
310
       
 
       
            "w-[calc(100%-1rem)] max-w-7xl h-[85vh]": isMaximized(),

     

       
310
       
311
       
 
       
            hidden: isMinimized(),