···

       
267
       
267
       
 
       
        <div

     

       
268
       
268
       
 
       
          classList={{

     

       
269
       
269
       
 
       
            "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,

     

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

     

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

     

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

     

       
272
       
272
       
 
       
            hidden: isMinimized(),

     

       
273
       
273
       
 
       
          }}