660} class:flex={height > 660} bind:this={top} > {#if step == "load"}

How to open your wallet? You have 2 options:

With your Pazzle

For each one of the 9 categories of images, you will be presented with the 15 possible image choices. The categories are shuffled at every login. They will not always appear in the same order.
At each category, only one of the 15 displayed choices is the correct image that belongs to your pazzle. Find it and tap or click on that one. The 15 images are shuffled too, they will not appear at the same position at each login. On a computer, you can also use the tab key on your keyboard to move to the desired item on the screen, then press the space bar to select each one.
Once you completed the last category, you will be presented with all the images you have previously selected. Their order is displayed as it was when you picked them. But this is not the correct order of the images in your pazzle. You now have to order them correctly.
You must remember which image should be the first one in your pazzle. Find it on the screen and click or tap on it. It will be greyed out and the number 1 will appear on top of it.
Move on to the second image of your pazzle (that you memorized). Find it on the screen and tap on it. Repeat this step until you reached the last image.
Finally, your PIN code will be asked. enter it by clicking or tapping on the digits.

With your 12 words Mnemonic (passphrase)

Enter your twelve words mnemonic in the input field. The words must be separated by spaces.
Enter the PIN code that you chose when you created your wallet.

{#if for_import}

Do you trust this device?

If you do, if this device is yours or is used by few trusted persons of your family or workplace, and you would like to login again from this device in the future, then you can save your wallet on this device. To the contrary, if this device is public and shared by strangers, do not save your wallet here. {#if !tauri_platform}By selecting this option, you agree to saving some cookies on your browser.{/if}

Yes, save my wallet on this device

{/if}

{#if !loaded} Loading pazzle... {:else} {/if} Open with Mnemonic instead

{:else if step == "pazzle" || step == "order" || step == "pin" || step == "mnemonic"}

660} class:min-w-[310px]={mobile} class:min-w-[500px]={!mobile} class:max-w-[370px]={mobile} class:max-w-[600px]={!mobile} >

{#if step == "mnemonic"}

Enter your 12 words mnemonic

{:else if step == "pazzle"}

Select your emoji of category:
{emoji_cat[ shuffle.category_indices[pazzlePage] ]}

{#each [0, 1, 2, 3, 4] as row}

{#each emojis2[pazzlePage]?.slice(0 + row * 3, 3 + row * 3) || [] as emoji, i (pazzlePage + "-" + row + "-" + i)}

select(row * 3 + i)} on:keypress={() => select(row * 3 + i)} >

{/each}

{/each} {:else if step == "order"}

Select each image in the correct order

{#each [0, 1, 2] as row}

{#each selection.slice(0 + row * 3, 3 + row * 3) || [] as emoji, i} {#if !emoji.sel}

select_order(emoji)} on:keypress={() => select_order(emoji)} >

{:else}

{emoji.sel}

{/if} {/each}

{/each} {:else if step == "pin"}

Enter your PIN code

{#each [0, 1, 2] as row}

{#each shuffle_pin.slice(0 + row * 3, 3 + row * 3) as num} {/each}

{/each}

{#each pin_code as pin_key}*{/each} {/if}

{:else if step == "opening"}

Opening your wallet...
Please wait

{:else if step == "end"} {#if error}

An error occurred ! {error}

{:else}

Your wallet is opened!
Please wait while the app is loading...

{/if} {/if}