···

       
145
       
145
       
 
       


     

       
146
       
146
       
 
       
{#if isOpen}

     

       
147
       
147
       
 
       
	<div

     

       
148
       
148
       
-
       
		class="fixed inset-0 z-50 flex items-center justify-center bg-(--nucleus-bg)/80 p-8 backdrop-blur-sm"

     

       
148
       
148
       
+
       
		class="fixed inset-0 z-50 flex items-center justify-center bg-(--nucleus-bg)/80 p-12 backdrop-blur-sm"

     

       
149
       
149
       
 
       
		onclick={handleClose}

     

       
150
       
150
       
 
       
		onkeydown={handleKeydown}

     

       
151
       
151
       
 
       
		role="button"

     
···

       
154
       
154
       
 
       
		<!-- svelte-ignore a11y_interactive_supports_focus -->

     

       
155
       
155
       
 
       
		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       
156
       
156
       
 
       
		<div

     

       
157
       
157
       
-
       
			class="flex h-[600px] w-full max-w-2xl animate-fade-in-scale flex-col rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl transition-all"

     

       
157
       
157
       
+
       
			class="flex h-[60vh] w-[42vmax] max-w-2xl shrink animate-fade-in-scale flex-col rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg) shadow-2xl transition-all"

     

       
158
       
158
       
 
       
			onclick={(e) => e.stopPropagation()}

     

       
159
       
159
       
 
       
			role="dialog"

     

       
160
       
160
       
 
       
		>