···

       
267
       
267
       
 
       


     

       
268
       
268
       
 
       
		.field-description {

     

       
269
       
269
       
 
       
			font-size: 0.875rem;

     

       
270
       
270
       
-
       
			color: var(--secondary);

     

       
270
       
270
       
+
       
			color: var(--paynes-gray);

     

       
271
       
271
       
 
       
			margin: 0.5rem 0;

     

       
272
       
272
       
 
       
		}

     

       
273
       
273
       
 
       


     
···

       
1018
       
1018
       
 
       
								this.loadingPasskeys

     

       
1019
       
1019
       
 
       
									? html`<div class="field-value">Loading passkeys...</div>`

     

       
1020
       
1020
       
 
       
									: this.passkeys.length === 0

     

       
1021
       
1021
       
-
       
										? html`<div class="field-value" style="color: var(--secondary);">No passkeys registered yet</div>`

     

       
1021
       
1021
       
+
       
										? html`<div class="field-value" style="color: var(--paynes-gray);">No passkeys registered yet</div>`

     

       
1022
       
1022
       
 
       
										: html`

     

       
1023
       
1023
       
 
       
											<div style="display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem;">

     

       
1024
       
1024
       
 
       
												${this.passkeys.map(